From 24b4eda887a0b994280e0b485d491970c7913e7a Mon Sep 17 00:00:00 2001
From: Antoine Marguerie <antoine@basesecrete.com>
Date: Fri, 29 May 2026 15:44:53 +0200
Subject: [PATCH 01/36] [Local profiler] Filter sections by name

---
 CHANGELOG.md                             |   3 +-
 lib/rorvswild/local/javascript/local.js  | 125 +++++++++++++++++++----
 lib/rorvswild/local/local.html.erb       |  11 +-
 lib/rorvswild/local/stylesheet/local.css |  58 +++++++++++
 4 files changed, 172 insertions(+), 25 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b45093e..174ecaa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,7 +3,8 @@
 ## Unreleased
 
 * Local profiler:
-  * Filter by section kind in sections breakdown
+  * Filter sections by kind in sections breakdown
+  * Filter sections by name
 
 ## 1.11.1 (2026-03-16)
 
diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 2a0e291..b3cd93b 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -94,35 +94,118 @@ RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
   }
 }
 
+RorVsWild.Local.prototype.getActiveKindFilter = function() {
+  var active = document.querySelector("[data-rorvswild-local-breakdown-item].is-active")
+  return active ? active.dataset.kind : null
+}
+
+RorVsWild.Local.prototype.getSectionNameFilter = function() {
+  var input = document.querySelector("[data-rorvswild-local-section-filter]")
+  return input ? input.value.trim() : ""
+}
+
+RorVsWild.Local.escapeHtml = function(text) {
+  var element = document.createElement("div")
+  element.textContent = text
+  return element.innerHTML
+}
+
+RorVsWild.Local.highlightMatches = function(text, query) {
+  if (!query) return RorVsWild.Local.escapeHtml(text)
+
+  var lowerText = text.toLowerCase()
+  var lowerQuery = query.toLowerCase()
+  var result = ""
+  var start = 0
+  var index
+
+  while ((index = lowerText.indexOf(lowerQuery, start)) !== -1) {
+    result += RorVsWild.Local.escapeHtml(text.slice(start, index))
+    result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
+    result += RorVsWild.Local.escapeHtml(text.slice(index, index + query.length))
+    result += "</mark>"
+    start = index + query.length
+  }
+
+  result += RorVsWild.Local.escapeHtml(text.slice(start))
+  return result
+}
+
+RorVsWild.Local.prototype.clearSectionNameHighlights = function() {
+  document.querySelectorAll("[data-rorvswild-local-filter-text]").forEach(function(element) {
+    if (element.dataset.rorvswildLocalSectionNameOriginal !== undefined) {
+      element.innerHTML = element.dataset.rorvswildLocalSectionNameOriginal
+      delete element.dataset.rorvswildLocalSectionNameOriginal
+    }
+  })
+}
+
+RorVsWild.Local.prototype.highlightFilterText = function(query) {
+  document.querySelectorAll("[data-rorvswild-local-section]").forEach(function(section) {
+    var element = section.querySelector("[data-rorvswild-local-filter-text]")
+    if (!element) return
+
+    if (section.classList.contains("is-hidden")) {
+      if (element.dataset.rorvswildLocalSectionNameOriginal !== undefined) {
+        element.innerHTML = element.dataset.rorvswildLocalSectionNameOriginal
+        delete element.dataset.rorvswildLocalSectionNameOriginal
+      }
+      return
+    }
+
+    if (element.dataset.rorvswildLocalSectionNameOriginal === undefined)
+      element.dataset.rorvswildLocalSectionNameOriginal = element.innerHTML
+
+    element.innerHTML = RorVsWild.Local.highlightMatches(element.textContent, query)
+  })
+}
+
+RorVsWild.Local.prototype.applySectionFilters = function() {
+  var kind = this.getActiveKindFilter()
+  var query = this.getSectionNameFilter()
+  var hasNameFilter = query.length > 0
+  var toggleButton = document.querySelector("[data-rorvswild-local-toggle-low-impact]")
+
+  document.querySelectorAll("[data-rorvswild-local-section]").forEach(function(section) {
+    var name = (section.dataset.rorvswildLocalSectionName || "").toLowerCase()
+    var matchesKind = !kind || section.dataset.kind === kind
+    var matchesName = !hasNameFilter || name.indexOf(query.toLowerCase()) !== -1
+
+    if (matchesKind && matchesName) {
+      section.classList.remove("is-hidden")
+    } else {
+      section.classList.add("is-hidden")
+    }
+  })
+
+  if (hasNameFilter) {
+    if (toggleButton) toggleButton.style.display = "none"
+    this.highlightFilterText(query)
+  } else {
+    this.clearSectionNameHighlights()
+    if (kind) {
+      if (toggleButton) toggleButton.style.display = "none"
+    } else {
+      this.resetLowImpactSections()
+      if (toggleButton) toggleButton.style.display = ""
+    }
+  }
+}
+
+RorVsWild.Local.prototype.filterSectionsByName = function(event) {
+  this.applySectionFilters()
+}
+
 RorVsWild.Local.prototype.filterByKind = function(event) {
   var li = event.currentTarget
-  var kind = li.dataset.kind
   var isActive = li.classList.contains("is-active")
-  var toggleButton = document.querySelector("[data-rorvswild-local-toggle-low-impact]")
 
   document.querySelectorAll("[data-rorvswild-local-breakdown-item]").forEach(function(el) {
     el.classList.remove("is-active")
   })
 
-  var sections = document.querySelectorAll("[data-rorvswild-local-section]")
-
-  if (isActive) {
-    this.resetLowImpactSections()
-    sections.forEach(function(section) {
-      if (!section.hasAttribute("data-rorvswild-local-low-impact")) section.classList.remove("is-hidden")
-    })
-    if (toggleButton) toggleButton.style.display = ""
-  } else {
-    li.classList.add("is-active")
-    sections.forEach(function(section) {
-      if (section.dataset.kind === kind) {
-        section.classList.remove("is-hidden")
-      } else {
-        section.classList.add("is-hidden")
-      }
-    })
-    if (toggleButton) toggleButton.style.display = "none"
-  }
+  if (!isActive) li.classList.add("is-active")
+  this.applySectionFilters()
 }
 
 RorVsWild.Local.prototype.expand = function() {
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index d382ee3..c1fd6ae 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -164,18 +164,23 @@
       </li>
     {{/sectionsImpactPerKind}}
   </ul>
+  <div class="rorvswild-local-panel__section-filter">
+    <input type="search" placeholder="Filter by name" data-events="input->filterSectionsByName" data-rorvswild-local-section-filter class="rorvswild-local-panel__section-filter__input">
+  </div>
 </script>
 
+
+
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Section">
-  <div class="rorvswild-local-panel__details__section {{#isLowImpact}}is-hidden{{/isLowImpact}}" {{#isLowImpact}}data-rorvswild-local-low-impact{{/isLowImpact}} data-kind="{{kind}}" data-rorvswild-local-section id="section-{{id}}">
+  <div class="rorvswild-local-panel__details__section {{#isLowImpact}}is-hidden{{/isLowImpact}}" {{#isLowImpact}}data-rorvswild-local-low-impact{{/isLowImpact}} data-kind="{{kind}}" data-rorvswild-local-section-name="{{location}}" data-rorvswild-local-section id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
       <span class="rorvswild-local-panel__details__section__file">
         <button data-events="click->toggleCommand" data-target="#section-{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
         {{#locationUrl}}
-          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{location}}</a>
+          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" data-rorvswild-local-filter-text title="Open in your editor">{{location}}</a>
         {{/locationUrl}}
         {{^locationUrl}}
-          <span class="rorvswild-local-panel__file__name">{{file}}{{#isLineRelevant}}<span>:{{line}}</span>{{/isLineRelevant}}</span>
+          <span class="rorvswild-local-panel__file__name" data-rorvswild-local-filter-text>{{file}}{{#isLineRelevant}}<span>:{{line}}</span>{{/isLineRelevant}}</span>
         {{/locationUrl}}
       </span>
       <span class="rorvswild-local-panel__details__section__average" title="Self runtime">{{selfRuntime}}<small>ms</small></span>
diff --git a/lib/rorvswild/local/stylesheet/local.css b/lib/rorvswild/local/stylesheet/local.css
index f9c01ab..3da9e84 100644
--- a/lib/rorvswild/local/stylesheet/local.css
+++ b/lib/rorvswild/local/stylesheet/local.css
@@ -358,6 +358,64 @@ h2.rorvswild-local-panel__title {
 
 .rorvswild-local-panel__breakdown__value { font-weight: 700; }
 
+.rorvswild-local-panel__section-filter {
+  width: calc(100% - 24px) !important;
+  margin: 0 12px 12px !important;
+}
+
+.rorvswild-local-panel__section-filter__input {
+  width: 100% !important;
+  max-width: 160px !important;
+  transition: all 0.2s !important;
+  box-sizing: border-box !important;
+  margin: 0 !important;
+  padding: 0 8px !important;
+  border: 1px solid rgb(38 41 49) !important;
+  min-height: 24px !important;
+  height: 24px !important;
+  line-height: 24px !important;
+  border-radius: 4px !important;
+  background: rgb(26 29 36) !important;
+  color: rgb(199 203 214) !important;
+  font-family: inherit !important;
+  font-size: 0.833em !important;
+}
+
+.rorvswild-local-panel__section-filter__input:focus {
+  transition: all 0.2s !important;
+  max-width: 240px !important;
+  outline: none !important;
+  border-color: rgb(72 75 80) !important;
+  background-color: rgb(13 15 21) !important;
+  box-shadow: 0 0 0 1px rgb(52 70 128) inset !important;
+}
+
+.rorvswild-local-panel__section-filter__input::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+  appearance: none;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2375777d' d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
+  background-size: 12px;
+  background-repeat: no-repeat;
+  background-position: center;
+  width: 16px;
+  height: 16px;
+  background-color: rgb(24 26 32);
+  border-radius: 50%;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.rorvswild-local-panel__section-filter__input::placeholder {
+  color: rgb(72 74 81) !important;
+}
+
+.rorvswild-local-panel__section-filter-highlight {
+  background: rgb(55 38 0) !important;
+  box-shadow: 0 0 0 1px rgb(96 70 0) inset !important;
+  padding: 0 !important;
+  border-radius: 2px !important;
+}
+
 .rorvswild-local-panel__details__section {
   padding: 12px 12px 11px !important;
   border-bottom: 1px solid rgb(26 29 36) !important;

From 1bb170127f892e49a3a93f0f5f2d5a13586ce292 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Mon, 15 Jun 2026 15:12:31 +0200
Subject: [PATCH 02/36] Show line numbers when greater than zero only

---
 lib/rorvswild/local/javascript/local.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index b3cd93b..1300e00 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -342,7 +342,7 @@ RorVsWild.Local.Request.prototype.sections = function() {
       file: section.file,
       line: section.line,
       isLineRelevant: section.line > 0,
-      location: section.kind == "view" ? section.file : section.file + ":" + section.line,
+      location: section.file + (section.line > 0 ? ":" + section.line : ""),
       locationUrl: RorVsWild.Local.pathToUrl(this.data.environment.cwd, section.file, section.line),
       isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,
     }

From 42f9f0cff4c5cd34175eb99f6b07dac773022595 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Mon, 15 Jun 2026 15:42:25 +0200
Subject: [PATCH 03/36] Remove duplicated function and rename it to
 filterSections

---
 lib/rorvswild/local/javascript/local.js | 8 ++------
 lib/rorvswild/local/local.html.erb      | 2 +-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 1300e00..20b44b5 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -160,7 +160,7 @@ RorVsWild.Local.prototype.highlightFilterText = function(query) {
   })
 }
 
-RorVsWild.Local.prototype.applySectionFilters = function() {
+RorVsWild.Local.prototype.filterSections = function() {
   var kind = this.getActiveKindFilter()
   var query = this.getSectionNameFilter()
   var hasNameFilter = query.length > 0
@@ -192,10 +192,6 @@ RorVsWild.Local.prototype.applySectionFilters = function() {
   }
 }
 
-RorVsWild.Local.prototype.filterSectionsByName = function(event) {
-  this.applySectionFilters()
-}
-
 RorVsWild.Local.prototype.filterByKind = function(event) {
   var li = event.currentTarget
   var isActive = li.classList.contains("is-active")
@@ -205,7 +201,7 @@ RorVsWild.Local.prototype.filterByKind = function(event) {
   })
 
   if (!isActive) li.classList.add("is-active")
-  this.applySectionFilters()
+  this.filterSections()
 }
 
 RorVsWild.Local.prototype.expand = function() {
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index c1fd6ae..7a57d10 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -165,7 +165,7 @@
     {{/sectionsImpactPerKind}}
   </ul>
   <div class="rorvswild-local-panel__section-filter">
-    <input type="search" placeholder="Filter by name" data-events="input->filterSectionsByName" data-rorvswild-local-section-filter class="rorvswild-local-panel__section-filter__input">
+    <input type="search" placeholder="Filter by name" data-events="input->filterSections" data-rorvswild-local-section-filter class="rorvswild-local-panel__section-filter__input">
   </div>
 </script>
 

From 8d7489a476a2ba5c8929761b727eaccd50de995a Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Mon, 15 Jun 2026 17:35:11 +0200
Subject: [PATCH 04/36] Deduplicate restoreOriginalContent

---
 lib/rorvswild/local/javascript/local.js | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 20b44b5..88a2f47 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -131,13 +131,15 @@ RorVsWild.Local.highlightMatches = function(text, query) {
   return result
 }
 
+RorVsWild.Local.prototype.restoreOriginalContent = function(element) {
+  if (element.dataset.rorvswildLocalSectionNameOriginal) {
+    element.innerHTML = element.dataset.rorvswildLocalSectionNameOriginal
+    delete element.dataset.rorvswildLocalSectionNameOriginal
+  }
+}
+
 RorVsWild.Local.prototype.clearSectionNameHighlights = function() {
-  document.querySelectorAll("[data-rorvswild-local-filter-text]").forEach(function(element) {
-    if (element.dataset.rorvswildLocalSectionNameOriginal !== undefined) {
-      element.innerHTML = element.dataset.rorvswildLocalSectionNameOriginal
-      delete element.dataset.rorvswildLocalSectionNameOriginal
-    }
-  })
+  document.querySelectorAll("[data-rorvswild-local-filter-text]").forEach(this.restoreOriginalContent)
 }
 
 RorVsWild.Local.prototype.highlightFilterText = function(query) {
@@ -145,19 +147,14 @@ RorVsWild.Local.prototype.highlightFilterText = function(query) {
     var element = section.querySelector("[data-rorvswild-local-filter-text]")
     if (!element) return
 
-    if (section.classList.contains("is-hidden")) {
-      if (element.dataset.rorvswildLocalSectionNameOriginal !== undefined) {
-        element.innerHTML = element.dataset.rorvswildLocalSectionNameOriginal
-        delete element.dataset.rorvswildLocalSectionNameOriginal
-      }
-      return
-    }
+    if (section.classList.contains("is-hidden"))
+      return this.restoreOriginalContent(element)
 
     if (element.dataset.rorvswildLocalSectionNameOriginal === undefined)
       element.dataset.rorvswildLocalSectionNameOriginal = element.innerHTML
 
     element.innerHTML = RorVsWild.Local.highlightMatches(element.textContent, query)
-  })
+  }.bind(this))
 }
 
 RorVsWild.Local.prototype.filterSections = function() {

From aa2319e010f47e2259d7d36c19681070e03dcabe Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Thu, 18 Jun 2026 09:30:03 +0200
Subject: [PATCH 05/36] Simplify branching

---
 lib/rorvswild/local/javascript/local.js | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 88a2f47..90fcef6 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -176,17 +176,13 @@ RorVsWild.Local.prototype.filterSections = function() {
   })
 
   if (hasNameFilter) {
-    if (toggleButton) toggleButton.style.display = "none"
     this.highlightFilterText(query)
   } else {
     this.clearSectionNameHighlights()
-    if (kind) {
-      if (toggleButton) toggleButton.style.display = "none"
-    } else {
-      this.resetLowImpactSections()
-      if (toggleButton) toggleButton.style.display = ""
-    }
+    if (!kind) this.resetLowImpactSections()
   }
+
+  if (toggleButton) toggleButton.style.display = hasNameFilter || kind ? "none" : ""
 }
 
 RorVsWild.Local.prototype.filterByKind = function(event) {

From adb0908944632a81bb9f7e697340b5eca58649b6 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Thu, 18 Jun 2026 09:32:52 +0200
Subject: [PATCH 06/36] Reuse Mustache.escape instead of having a custom
 function

---
 lib/rorvswild/local/javascript/local.js | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 90fcef6..5473f93 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -104,14 +104,8 @@ RorVsWild.Local.prototype.getSectionNameFilter = function() {
   return input ? input.value.trim() : ""
 }
 
-RorVsWild.Local.escapeHtml = function(text) {
-  var element = document.createElement("div")
-  element.textContent = text
-  return element.innerHTML
-}
-
 RorVsWild.Local.highlightMatches = function(text, query) {
-  if (!query) return RorVsWild.Local.escapeHtml(text)
+  if (!query) return Mustache.escape(text)
 
   var lowerText = text.toLowerCase()
   var lowerQuery = query.toLowerCase()
@@ -120,14 +114,14 @@ RorVsWild.Local.highlightMatches = function(text, query) {
   var index
 
   while ((index = lowerText.indexOf(lowerQuery, start)) !== -1) {
-    result += RorVsWild.Local.escapeHtml(text.slice(start, index))
+    result += Mustache.escape(text.slice(start, index))
     result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
-    result += RorVsWild.Local.escapeHtml(text.slice(index, index + query.length))
+    result += Mustache.escape(text.slice(index, index + query.length))
     result += "</mark>"
     start = index + query.length
   }
 
-  result += RorVsWild.Local.escapeHtml(text.slice(start))
+  result += Mustache.escape(text.slice(start))
   return result
 }
 

From 09ec7d6a31f44c0b2c95c3f8c5d0677fb3d276a5 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Thu, 18 Jun 2026 10:00:24 +0200
Subject: [PATCH 07/36] Restore initial state for low impact sections

---
 lib/rorvswild/local/javascript/local.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 5473f93..52a317a 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -3,6 +3,7 @@ var RorVsWild = this.RorVsWild = {};
 RorVsWild.Local = function(container) {
   this.root = container
   this.active = false
+  this.lowImpactExpanded = false
   RorVsWild.Local.editorUrl = container.dataset.editorUrl
   if (this.embedded = location.pathname != "/rorvswild")
     window.addEventListener("keydown", this.keydown.bind(this))
@@ -80,6 +81,7 @@ RorVsWild.Local.prototype.resetLowImpactSections = function() {
     section.classList.add("is-hidden")
   })
   if (button) button.textContent = "↓ View low impact sections"
+  this.lowImpactExpanded = false
 }
 
 RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
@@ -89,6 +91,7 @@ RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
   if (isHidden) {
     sections.forEach(function(section) { section.classList.remove("is-hidden") })
     event.currentTarget.textContent = "↑ Hide low impact sections"
+    this.lowImpactExpanded = true
   } else {
     this.resetLowImpactSections()
   }
@@ -173,7 +176,7 @@ RorVsWild.Local.prototype.filterSections = function() {
     this.highlightFilterText(query)
   } else {
     this.clearSectionNameHighlights()
-    if (!kind) this.resetLowImpactSections()
+    if (!kind && !this.lowImpactExpanded) this.resetLowImpactSections()
   }
 
   if (toggleButton) toggleButton.style.display = hasNameFilter || kind ? "none" : ""

From 7a85298bff741c2738fd7b7495b5047638a74e9b Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Thu, 18 Jun 2026 14:09:27 +0200
Subject: [PATCH 08/36] Get rid of attribute data-rorvswild-local-section-name

---
 lib/rorvswild/local/javascript/local.js | 3 ++-
 lib/rorvswild/local/local.html.erb      | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 52a317a..b5339b9 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -161,7 +161,8 @@ RorVsWild.Local.prototype.filterSections = function() {
   var toggleButton = document.querySelector("[data-rorvswild-local-toggle-low-impact]")
 
   document.querySelectorAll("[data-rorvswild-local-section]").forEach(function(section) {
-    var name = (section.dataset.rorvswildLocalSectionName || "").toLowerCase()
+    var filterElement = section.querySelector("[data-rorvswild-local-filter-text]")
+    var name = filterElement ? filterElement.textContent.trim().toLowerCase() : ""
     var matchesKind = !kind || section.dataset.kind === kind
     var matchesName = !hasNameFilter || name.indexOf(query.toLowerCase()) !== -1
 
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 7a57d10..cfb4fcf 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -172,7 +172,7 @@
 
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Section">
-  <div class="rorvswild-local-panel__details__section {{#isLowImpact}}is-hidden{{/isLowImpact}}" {{#isLowImpact}}data-rorvswild-local-low-impact{{/isLowImpact}} data-kind="{{kind}}" data-rorvswild-local-section-name="{{location}}" data-rorvswild-local-section id="section-{{id}}">
+  <div class="rorvswild-local-panel__details__section {{#isLowImpact}}is-hidden{{/isLowImpact}}" {{#isLowImpact}}data-rorvswild-local-low-impact{{/isLowImpact}} data-kind="{{kind}}" data-rorvswild-local-section id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
       <span class="rorvswild-local-panel__details__section__file">
         <button data-events="click->toggleCommand" data-target="#section-{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>

From 17b7e23d31e6189d40ce143e7de5a7f9240b474d Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Thu, 18 Jun 2026 15:57:26 +0200
Subject: [PATCH 09/36] Lower query once

---
 lib/rorvswild/local/javascript/local.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index b5339b9..b62f05b 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -158,13 +158,14 @@ RorVsWild.Local.prototype.filterSections = function() {
   var kind = this.getActiveKindFilter()
   var query = this.getSectionNameFilter()
   var hasNameFilter = query.length > 0
+  var lowerQuery = query.toLowerCase()
   var toggleButton = document.querySelector("[data-rorvswild-local-toggle-low-impact]")
 
   document.querySelectorAll("[data-rorvswild-local-section]").forEach(function(section) {
     var filterElement = section.querySelector("[data-rorvswild-local-filter-text]")
     var name = filterElement ? filterElement.textContent.trim().toLowerCase() : ""
     var matchesKind = !kind || section.dataset.kind === kind
-    var matchesName = !hasNameFilter || name.indexOf(query.toLowerCase()) !== -1
+    var matchesName = !hasNameFilter || name.indexOf(lowerQuery) !== -1
 
     if (matchesKind && matchesName) {
       section.classList.remove("is-hidden")

From d353ebc2ecc0d83a20f4d24f722a285a8690e628 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Thu, 18 Jun 2026 16:30:06 +0200
Subject: [PATCH 10/36] Renamings

---
 lib/rorvswild/local/javascript/local.js | 41 +++++++++++--------------
 lib/rorvswild/local/local.html.erb      |  2 +-
 2 files changed, 19 insertions(+), 24 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index b62f05b..d9c12a2 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -102,9 +102,10 @@ RorVsWild.Local.prototype.getActiveKindFilter = function() {
   return active ? active.dataset.kind : null
 }
 
-RorVsWild.Local.prototype.getSectionNameFilter = function() {
+RorVsWild.Local.prototype.getSectionQueryFilter = function() {
   var input = document.querySelector("[data-rorvswild-local-section-filter]")
-  return input ? input.value.trim() : ""
+  var query = input && input.value.trim()
+  return query && query.length > 0 ? query : null
 }
 
 RorVsWild.Local.highlightMatches = function(text, query) {
@@ -129,13 +130,13 @@ RorVsWild.Local.highlightMatches = function(text, query) {
 }
 
 RorVsWild.Local.prototype.restoreOriginalContent = function(element) {
-  if (element.dataset.rorvswildLocalSectionNameOriginal) {
-    element.innerHTML = element.dataset.rorvswildLocalSectionNameOriginal
-    delete element.dataset.rorvswildLocalSectionNameOriginal
+  if (element.dataset.rorvswildLocalSectionOriginalContent) {
+    element.innerHTML = element.dataset.rorvswildLocalSectionOriginalContent
+    delete element.dataset.rorvswildLocalSectionOriginalContent
   }
 }
 
-RorVsWild.Local.prototype.clearSectionNameHighlights = function() {
+RorVsWild.Local.prototype.clearHighlightFilterText = function() {
   document.querySelectorAll("[data-rorvswild-local-filter-text]").forEach(this.restoreOriginalContent)
 }
 
@@ -147,8 +148,8 @@ RorVsWild.Local.prototype.highlightFilterText = function(query) {
     if (section.classList.contains("is-hidden"))
       return this.restoreOriginalContent(element)
 
-    if (element.dataset.rorvswildLocalSectionNameOriginal === undefined)
-      element.dataset.rorvswildLocalSectionNameOriginal = element.innerHTML
+    if (element.dataset.rorvswildLocalSectionOriginalContent === undefined)
+      element.dataset.rorvswildLocalSectionOriginalContent = element.innerHTML
 
     element.innerHTML = RorVsWild.Local.highlightMatches(element.textContent, query)
   }.bind(this))
@@ -156,35 +157,29 @@ RorVsWild.Local.prototype.highlightFilterText = function(query) {
 
 RorVsWild.Local.prototype.filterSections = function() {
   var kind = this.getActiveKindFilter()
-  var query = this.getSectionNameFilter()
-  var hasNameFilter = query.length > 0
-  var lowerQuery = query.toLowerCase()
+  var query = this.getSectionQueryFilter()
+  var lowerQuery = query && query.toLowerCase()
   var toggleButton = document.querySelector("[data-rorvswild-local-toggle-low-impact]")
 
   document.querySelectorAll("[data-rorvswild-local-section]").forEach(function(section) {
     var filterElement = section.querySelector("[data-rorvswild-local-filter-text]")
-    var name = filterElement ? filterElement.textContent.trim().toLowerCase() : ""
+    var text = filterElement ? filterElement.textContent.trim().toLowerCase() : ""
     var matchesKind = !kind || section.dataset.kind === kind
-    var matchesName = !hasNameFilter || name.indexOf(lowerQuery) !== -1
-
-    if (matchesKind && matchesName) {
-      section.classList.remove("is-hidden")
-    } else {
-      section.classList.add("is-hidden")
-    }
+    var matchesText = !query || text.indexOf(lowerQuery) !== -1
+    matchesKind && matchesText ? section.classList.remove("is-hidden") : section.classList.add("is-hidden")
   })
 
-  if (hasNameFilter) {
+  if (query) {
     this.highlightFilterText(query)
   } else {
-    this.clearSectionNameHighlights()
+    this.clearHighlightFilterText()
     if (!kind && !this.lowImpactExpanded) this.resetLowImpactSections()
   }
 
-  if (toggleButton) toggleButton.style.display = hasNameFilter || kind ? "none" : ""
+  if (toggleButton) toggleButton.style.display = query || kind ? "none" : ""
 }
 
-RorVsWild.Local.prototype.filterByKind = function(event) {
+RorVsWild.Local.prototype.filterSectionsByKind = function(event) {
   var li = event.currentTarget
   var isActive = li.classList.contains("is-active")
 
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index cfb4fcf..970fb51 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -159,7 +159,7 @@
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.SectionImpactPerKind">
   <ul class="rorvswild-local-panel__breakdown">
     {{#sectionsImpactPerKind}}
-      <li style="width: {{impact}}%" title="{{kind}} {{impact}}%" data-events="click->filterByKind" data-kind="{{kind}}" data-rorvswild-local-breakdown-item>
+      <li style="width: {{impact}}%" title="{{kind}} {{impact}}%" data-events="click->filterSectionsByKind" data-kind="{{kind}}" data-rorvswild-local-breakdown-item>
         <span class="rorvswild-local-panel__breakdown__label">{{kind}}</span> <span class="rorvswild-local-panel__breakdown__value">{{impact}}</span><small>%</small></span>
       </li>
     {{/sectionsImpactPerKind}}

From c13e232cc184555d487b098e2c5e688954ed9b83 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Thu, 18 Jun 2026 22:32:22 +0200
Subject: [PATCH 11/36] Replace DOM by Mustache template

---
 lib/rorvswild/local/javascript/local.js | 174 ++++++++++++------------
 lib/rorvswild/local/local.html.erb      |  28 ++--
 2 files changed, 105 insertions(+), 97 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index d9c12a2..4eb2d3a 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -3,7 +3,7 @@ var RorVsWild = this.RorVsWild = {};
 RorVsWild.Local = function(container) {
   this.root = container
   this.active = false
-  this.lowImpactExpanded = false
+  this.resetSectionFilters()
   RorVsWild.Local.editorUrl = container.dataset.editorUrl
   if (this.embedded = location.pathname != "/rorvswild")
     window.addEventListener("keydown", this.keydown.bind(this))
@@ -75,120 +75,118 @@ RorVsWild.Local.prototype.toggleCommand = function(event) {
   document.querySelector(event.currentTarget.dataset.target).classList.toggle("is-open")
 }
 
-RorVsWild.Local.prototype.resetLowImpactSections = function() {
-  var button = document.querySelector("[data-rorvswild-local-toggle-low-impact]")
-  document.querySelectorAll("[data-rorvswild-local-low-impact]").forEach(function(section) {
-    section.classList.add("is-hidden")
-  })
-  if (button) button.textContent = "↓ View low impact sections"
+RorVsWild.Local.prototype.resetSectionFilters = function() {
+  this.sectionKindFilter = null
+  this.sectionQueryFilter = ""
   this.lowImpactExpanded = false
 }
 
-RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
-  var sections = document.querySelectorAll("[data-rorvswild-local-low-impact]")
-  var isHidden = sections[0].classList.contains("is-hidden")
-
-  if (isHidden) {
-    sections.forEach(function(section) { section.classList.remove("is-hidden") })
-    event.currentTarget.textContent = "↑ Hide low impact sections"
-    this.lowImpactExpanded = true
-  } else {
-    this.resetLowImpactSections()
-  }
+RorVsWild.Local.prototype.isFilteringSections = function() {
+  return this.sectionKindFilter != null || this.sectionQueryFilter.length > 0
 }
 
-RorVsWild.Local.prototype.getActiveKindFilter = function() {
-  var active = document.querySelector("[data-rorvswild-local-breakdown-item].is-active")
-  return active ? active.dataset.kind : null
-}
+RorVsWild.Local.prototype.filterSections = function(sections) {
+  var kind = this.sectionKindFilter
+  var query = this.sectionQueryFilter
+  var filtering = kind || query.length > 0
 
-RorVsWild.Local.prototype.getSectionQueryFilter = function() {
-  var input = document.querySelector("[data-rorvswild-local-section-filter]")
-  var query = input && input.value.trim()
-  return query && query.length > 0 ? query : null
+  return sections.filter(function(section) {
+    return (!kind || section.kind === kind)
+      && (query.length < 1 || section.location.toLowerCase().indexOf(query) !== -1)
+      && (filtering || this.lowImpactExpanded || !section.isLowImpact)
+  }.bind(this))
 }
 
-RorVsWild.Local.highlightMatches = function(text, query) {
-  if (!query) return Mustache.escape(text)
-
-  var lowerText = text.toLowerCase()
-  var lowerQuery = query.toLowerCase()
-  var result = ""
-  var start = 0
-  var index
+RorVsWild.Local.prototype.sections = function() {
+  var execution = this.currentExecution()
+  if (!execution) return []
+  return this.filterSections(execution.sections()).map(function(section) {
+    if (this.sectionQueryFilter.length > 0)
+      section.locationHtml = RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
+    return section
+  }.bind(this))
+}
 
-  while ((index = lowerText.indexOf(lowerQuery, start)) !== -1) {
-    result += Mustache.escape(text.slice(start, index))
-    result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
-    result += Mustache.escape(text.slice(index, index + query.length))
-    result += "</mark>"
-    start = index + query.length
-  }
+RorVsWild.Local.prototype.sectionsImpactPerKind = function() {
+  var execution = this.currentExecution()
+  if (!execution) return []
+  return execution.sectionsImpactPerKind().map(function(item) {
+    return {
+      kind: item.kind,
+      impact: item.impact,
+      isActive: item.kind === this.sectionKindFilter
+    }
+  }.bind(this))
+}
 
-  result += Mustache.escape(text.slice(start))
-  return result
+RorVsWild.Local.prototype.showLowImpactToggle = function() {
+  return !this.isFilteringSections() && this.currentExecution() && this.currentExecution().hasLowImpactSections()
 }
 
-RorVsWild.Local.prototype.restoreOriginalContent = function(element) {
-  if (element.dataset.rorvswildLocalSectionOriginalContent) {
-    element.innerHTML = element.dataset.rorvswildLocalSectionOriginalContent
-    delete element.dataset.rorvswildLocalSectionOriginalContent
-  }
+RorVsWild.Local.prototype.currentExecution = function() {
+  return this.currentRequest || this.currentJob
 }
 
-RorVsWild.Local.prototype.clearHighlightFilterText = function() {
-  document.querySelectorAll("[data-rorvswild-local-filter-text]").forEach(this.restoreOriginalContent)
+RorVsWild.Local.prototype.lowImpactToggleLabel = function() {
+  return this.lowImpactExpanded ? "↑ Hide low impact sections" : "↓ View low impact sections"
 }
 
-RorVsWild.Local.prototype.highlightFilterText = function(query) {
-  document.querySelectorAll("[data-rorvswild-local-section]").forEach(function(section) {
-    var element = section.querySelector("[data-rorvswild-local-filter-text]")
-    if (!element) return
+RorVsWild.Local.prototype.renderSections = function() {
+  var container = this.root.querySelector("[data-rorvswild-local-sections-container]")
+  if (!container) return
 
-    if (section.classList.contains("is-hidden"))
-      return this.restoreOriginalContent(element)
+  var active = document.activeElement
+  var refocusFilter = active && active.classList.contains("rorvswild-local-panel__section-filter__input")
+  var selectionStart = refocusFilter && active.selectionStart
+  var selectionEnd = refocusFilter && active.selectionEnd
 
-    if (element.dataset.rorvswildLocalSectionOriginalContent === undefined)
-      element.dataset.rorvswildLocalSectionOriginalContent = element.innerHTML
+  var templates = Barber.partials()
+  container.innerHTML = Mustache.render(templates["RorVsWild.Local.Sections"], this, templates)
+  Barber.listenEvents(container, this)
+  Prism.highlightAllUnder(container)
+
+  if (refocusFilter) {
+    var input = container.querySelector(".rorvswild-local-panel__section-filter__input")
+    if (input) {
+      input.focus()
+      if (selectionStart != null && selectionEnd != null)
+        input.setSelectionRange(selectionStart, selectionEnd)
+    }
+  }
+}
 
-    element.innerHTML = RorVsWild.Local.highlightMatches(element.textContent, query)
-  }.bind(this))
+RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
+  this.lowImpactExpanded = !this.lowImpactExpanded
+  this.renderSections()
 }
 
-RorVsWild.Local.prototype.filterSections = function() {
-  var kind = this.getActiveKindFilter()
-  var query = this.getSectionQueryFilter()
-  var lowerQuery = query && query.toLowerCase()
-  var toggleButton = document.querySelector("[data-rorvswild-local-toggle-low-impact]")
+RorVsWild.Local.highlightMatches = function(text, query) {
+  if (!query || query.length < 1)
+    return Mustache.escape(text)
 
-  document.querySelectorAll("[data-rorvswild-local-section]").forEach(function(section) {
-    var filterElement = section.querySelector("[data-rorvswild-local-filter-text]")
-    var text = filterElement ? filterElement.textContent.trim().toLowerCase() : ""
-    var matchesKind = !kind || section.dataset.kind === kind
-    var matchesText = !query || text.indexOf(lowerQuery) !== -1
-    matchesKind && matchesText ? section.classList.remove("is-hidden") : section.classList.add("is-hidden")
-  })
+  var result = "", start = 0, index
 
-  if (query) {
-    this.highlightFilterText(query)
-  } else {
-    this.clearHighlightFilterText()
-    if (!kind && !this.lowImpactExpanded) this.resetLowImpactSections()
+  while ((index = text.indexOf(query, start)) !== -1) {
+    result += Mustache.escape(text.slice(start, index))
+    result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
+    result += Mustache.escape(text.slice(index, index + query.length))
+    result += "</mark>"
+    start = index + query.length
   }
 
-  if (toggleButton) toggleButton.style.display = query || kind ? "none" : ""
+  result += Mustache.escape(text.slice(start))
+  return result
+}
+
+RorVsWild.Local.prototype.filterSectionsByText = function(event) {
+  this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
+  this.renderSections()
 }
 
 RorVsWild.Local.prototype.filterSectionsByKind = function(event) {
-  var li = event.currentTarget
-  var isActive = li.classList.contains("is-active")
-
-  document.querySelectorAll("[data-rorvswild-local-breakdown-item]").forEach(function(el) {
-    el.classList.remove("is-active")
-  })
-
-  if (!isActive) li.classList.add("is-active")
-  this.filterSections()
+  var kind = event.currentTarget.dataset.kind
+  this.sectionKindFilter = this.sectionKindFilter === kind ? null : kind
+  this.renderSections()
 }
 
 RorVsWild.Local.prototype.expand = function() {
@@ -235,6 +233,7 @@ RorVsWild.Local.prototype.goToRequestDetail = function(event) {
   this.root.dataset.tab = "requests"
   var uuid = event.currentTarget.dataset.uuid
   this.currentRequest = this.requests.find(function(req) { return req.uuid == uuid })
+  this.resetSectionFilters()
   this.render("RequestDetail")
 }
 
@@ -251,6 +250,7 @@ RorVsWild.Local.prototype.goToJobIndex = function(event) {
 RorVsWild.Local.prototype.goToJobDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
   this.currentJob = this.jobs.find(function(job) { return job.uuid == uuid })
+  this.resetSectionFilters()
   this.render("JobDetail")
 }
 
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 970fb51..84f45ac 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -119,7 +119,11 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-      {{> RorVsWild.Local.Sections}}
+  {{/currentRequest}}
+  <div data-rorvswild-local-sections-container>
+    {{> RorVsWild.Local.Sections}}
+  </div>
+  {{#currentRequest}}
     </div>
   {{/currentRequest}}
 </script>
@@ -137,7 +141,11 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-      {{> RorVsWild.Local.Sections}}
+  {{/currentJob}}
+  <div data-rorvswild-local-sections-container>
+    {{> RorVsWild.Local.Sections}}
+  </div>
+  {{#currentJob}}
     </div>
   {{/currentJob}}
 </script>
@@ -148,39 +156,39 @@
     {{#sections}}
       {{> RorVsWild.Local.Section}}
     {{/sections}}
-    {{#hasLowImpactSections}}
+    {{#showLowImpactToggle}}
       <div class="rorvswild-local-panel__toggle-low-impact">
-        <button data-events="click->toggleLowImpactSections" data-rorvswild-local-toggle-low-impact class="rorvswild-local-panel__toggle-low-impact__button">↓ view low impact sections</button>
+        <button data-events="click->toggleLowImpactSections" class="rorvswild-local-panel__toggle-low-impact__button">{{lowImpactToggleLabel}}</button>
       </div>
-    {{/hasLowImpactSections}}
+    {{/showLowImpactToggle}}
   </div>
 </script>
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.SectionImpactPerKind">
   <ul class="rorvswild-local-panel__breakdown">
     {{#sectionsImpactPerKind}}
-      <li style="width: {{impact}}%" title="{{kind}} {{impact}}%" data-events="click->filterSectionsByKind" data-kind="{{kind}}" data-rorvswild-local-breakdown-item>
+      <li class="{{#isActive}}is-active{{/isActive}}" style="width: {{impact}}%" title="{{kind}} {{impact}}%" data-events="click->filterSectionsByKind" data-kind="{{kind}}">
         <span class="rorvswild-local-panel__breakdown__label">{{kind}}</span> <span class="rorvswild-local-panel__breakdown__value">{{impact}}</span><small>%</small></span>
       </li>
     {{/sectionsImpactPerKind}}
   </ul>
   <div class="rorvswild-local-panel__section-filter">
-    <input type="search" placeholder="Filter by name" data-events="input->filterSections" data-rorvswild-local-section-filter class="rorvswild-local-panel__section-filter__input">
+    <input type="search" placeholder="Filter by name" value="{{sectionQueryFilter}}" data-events="input->filterSectionsByText" class="rorvswild-local-panel__section-filter__input">
   </div>
 </script>
 
 
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Section">
-  <div class="rorvswild-local-panel__details__section {{#isLowImpact}}is-hidden{{/isLowImpact}}" {{#isLowImpact}}data-rorvswild-local-low-impact{{/isLowImpact}} data-kind="{{kind}}" data-rorvswild-local-section id="section-{{id}}">
+  <div class="rorvswild-local-panel__details__section" data-kind="{{kind}}" id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
       <span class="rorvswild-local-panel__details__section__file">
         <button data-events="click->toggleCommand" data-target="#section-{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
         {{#locationUrl}}
-          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" data-rorvswild-local-filter-text title="Open in your editor">{{location}}</a>
+          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{#locationHtml}}{{{locationHtml}}}{{/locationHtml}}{{^locationHtml}}{{location}}{{/locationHtml}}</a>
         {{/locationUrl}}
         {{^locationUrl}}
-          <span class="rorvswild-local-panel__file__name" data-rorvswild-local-filter-text>{{file}}{{#isLineRelevant}}<span>:{{line}}</span>{{/isLineRelevant}}</span>
+          <span class="rorvswild-local-panel__file__name">{{#locationHtml}}{{{locationHtml}}}{{/locationHtml}}{{^locationHtml}}{{location}}{{/locationHtml}}</span>
         {{/locationUrl}}
       </span>
       <span class="rorvswild-local-panel__details__section__average" title="Self runtime">{{selfRuntime}}<small>ms</small></span>

From f7c15e7e50116d0de50ad2c78220ba2fb6e6dd9a Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 08:56:09 +0200
Subject: [PATCH 12/36] Fix currentExecution

---
 lib/rorvswild/local/javascript/local.js | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 4eb2d3a..45c649a 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -98,9 +98,8 @@ RorVsWild.Local.prototype.filterSections = function(sections) {
 }
 
 RorVsWild.Local.prototype.sections = function() {
-  var execution = this.currentExecution()
-  if (!execution) return []
-  return this.filterSections(execution.sections()).map(function(section) {
+  if (!this.currentExecution) return []
+  return this.filterSections(this.currentExecution.sections()).map(function(section) {
     if (this.sectionQueryFilter.length > 0)
       section.locationHtml = RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
     return section
@@ -108,9 +107,8 @@ RorVsWild.Local.prototype.sections = function() {
 }
 
 RorVsWild.Local.prototype.sectionsImpactPerKind = function() {
-  var execution = this.currentExecution()
-  if (!execution) return []
-  return execution.sectionsImpactPerKind().map(function(item) {
+  if (!this.currentExecution) return []
+  return this.currentExecution.sectionsImpactPerKind().map(function(item) {
     return {
       kind: item.kind,
       impact: item.impact,
@@ -120,11 +118,7 @@ RorVsWild.Local.prototype.sectionsImpactPerKind = function() {
 }
 
 RorVsWild.Local.prototype.showLowImpactToggle = function() {
-  return !this.isFilteringSections() && this.currentExecution() && this.currentExecution().hasLowImpactSections()
-}
-
-RorVsWild.Local.prototype.currentExecution = function() {
-  return this.currentRequest || this.currentJob
+  return !this.isFilteringSections() && this.currentExecution && this.currentExecution.hasLowImpactSections()
 }
 
 RorVsWild.Local.prototype.lowImpactToggleLabel = function() {
@@ -232,7 +226,7 @@ RorVsWild.Local.formatDateTime = function(date) {
 RorVsWild.Local.prototype.goToRequestDetail = function(event) {
   this.root.dataset.tab = "requests"
   var uuid = event.currentTarget.dataset.uuid
-  this.currentRequest = this.requests.find(function(req) { return req.uuid == uuid })
+  this.currentExecution = this.currentRequest = this.requests.find(function(req) { return req.uuid == uuid })
   this.resetSectionFilters()
   this.render("RequestDetail")
 }
@@ -249,7 +243,7 @@ RorVsWild.Local.prototype.goToJobIndex = function(event) {
 
 RorVsWild.Local.prototype.goToJobDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
-  this.currentJob = this.jobs.find(function(job) { return job.uuid == uuid })
+  this.currentExecution = this.currentJob = this.jobs.find(function(job) { return job.uuid == uuid })
   this.resetSectionFilters()
   this.render("JobDetail")
 }

From 4a22b07ac4c5c1168a450f6798c940128b2ecb47 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 09:01:03 +0200
Subject: [PATCH 13/36] Fix case insensitive highlight

---
 lib/rorvswild/local/javascript/local.js | 29 +++++++++++--------------
 1 file changed, 13 insertions(+), 16 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 45c649a..efa608d 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -154,24 +154,21 @@ RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
   this.renderSections()
 }
 
-RorVsWild.Local.highlightMatches = function(text, query) {
-  if (!query || query.length < 1)
-    return Mustache.escape(text)
-
-  var result = "", start = 0, index
-
-  while ((index = text.indexOf(query, start)) !== -1) {
-    result += Mustache.escape(text.slice(start, index))
-    result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
-    result += Mustache.escape(text.slice(index, index + query.length))
-    result += "</mark>"
-    start = index + query.length
+ RorVsWild.Local.highlightMatches = function(text, query) {
+    if (!query) return Mustache.escape(text)
+    var lower = text.toLowerCase()
+    var result = "", start = 0, index
+    while ((index = lower.indexOf(query, start)) !== -1) {
+      result += Mustache.escape(text.slice(start, index))
+      result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
+      result += Mustache.escape(text.slice(index, index + query.length))
+      result += "</mark>"
+      start = index + query.length
+    }
+    result += Mustache.escape(text.slice(start))
+    return result
   }
 
-  result += Mustache.escape(text.slice(start))
-  return result
-}
-
 RorVsWild.Local.prototype.filterSectionsByText = function(event) {
   this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
   this.renderSections()

From 8662dbb1dc3860388df1c0a68466e72069de685d Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 09:38:19 +0200
Subject: [PATCH 14/36] Keep section open state when filtering

---
 lib/rorvswild/local/javascript/local.js | 117 +++++++++++++-----------
 lib/rorvswild/local/local.html.erb      |   8 +-
 2 files changed, 66 insertions(+), 59 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index efa608d..daf5837 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -3,6 +3,7 @@ var RorVsWild = this.RorVsWild = {};
 RorVsWild.Local = function(container) {
   this.root = container
   this.active = false
+  this.sections = []
   this.resetSectionFilters()
   RorVsWild.Local.editorUrl = container.dataset.editorUrl
   if (this.embedded = location.pathname != "/rorvswild")
@@ -72,7 +73,12 @@ RorVsWild.Local.prototype.toggle = function(event) {
 }
 
 RorVsWild.Local.prototype.toggleCommand = function(event) {
-  document.querySelector(event.currentTarget.dataset.target).classList.toggle("is-open")
+  var id = parseInt(event.currentTarget.dataset.sectionId)
+  var section = this.sections.find(function(section) { return section.id === id })
+  if (!section) return
+
+  section.isOpen = !section.isOpen
+  event.currentTarget.closest(".rorvswild-local-panel__details__section").classList.toggle("is-open", section.isOpen)
 }
 
 RorVsWild.Local.prototype.resetSectionFilters = function() {
@@ -97,28 +103,70 @@ RorVsWild.Local.prototype.filterSections = function(sections) {
   }.bind(this))
 }
 
-RorVsWild.Local.prototype.sections = function() {
-  if (!this.currentExecution) return []
-  return this.filterSections(this.currentExecution.sections()).map(function(section) {
+RorVsWild.Local.prototype.visibleSections = function() {
+  return this.filterSections(this.sections).map(function(section) {
     if (this.sectionQueryFilter.length > 0)
       section.locationHtml = RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
     return section
   }.bind(this))
 }
 
-RorVsWild.Local.prototype.sectionsImpactPerKind = function() {
-  if (!this.currentExecution) return []
-  return this.currentExecution.sectionsImpactPerKind().map(function(item) {
+RorVsWild.Local.prototype.loadSections = function() {
+  if (!this.currentExecution) {
+    this.sections = []
+    return
+  }
+
+  var execution = this.currentExecution
+  this.sections = execution.data.sections.map(function(section) {
+    var runtime = (section.total_runtime - section.children_runtime)
+    var impactValue = runtime * 100 / execution.data.runtime
     return {
-      kind: item.kind,
-      impact: item.impact,
-      isActive: item.kind === this.sectionKindFilter
+      id: RorVsWild.Local.nextId(),
+      isOpen: false,
+      impact: RorVsWild.Local.formatImpact(impactValue),
+      isLowImpact: impactValue < 1,
+      language: RorVsWild.Local.kindToLanguage(section.kind),
+      totalRuntime: RorVsWild.Local.relevantRounding(section.total_runtime),
+      asyncRuntime: RorVsWild.Local.relevantRounding(section.async_runtime),
+      childrenRuntime: RorVsWild.Local.relevantRounding(section.children_runtime),
+      selfRuntime: RorVsWild.Local.relevantRounding(runtime),
+      runtime: RorVsWild.Local.relevantRounding(runtime),
+      averageRuntime: RorVsWild.Local.relevantRounding(runtime / section.calls),
+      command: section.kind != "view" ? section.command : null,
+      calls: section.calls,
+      kind: section.kind.substring(0, 7),
+      file: section.file,
+      line: section.line,
+      isLineRelevant: section.line > 0,
+      location: section.file + (section.line > 0 ? ":" + section.line : ""),
+      locationUrl: RorVsWild.Local.pathToUrl(execution.data.environment.cwd, section.file, section.line),
+      isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,
     }
-  }.bind(this))
+  }).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
+}
+
+RorVsWild.Local.prototype.sectionsImpactPerKind = function() {
+  if (!this.sections.length) return []
+
+  var total = 0
+  var perKind = this.sections.reduce(function(object, section) {
+    object[section.kind] = (object[section.kind] || 0) + section.runtime
+    total += section.runtime
+    return object
+  }, {})
+  return Object.entries(perKind).sort(function(a, b) { return b[1] - a[1] })
+    .map(function(item) {
+      return {
+        kind: item[0],
+        impact: Math.round((item[1] / total * 100) * 10) / 10,
+        isActive: item[0] === this.sectionKindFilter
+      }
+    }.bind(this))
 }
 
 RorVsWild.Local.prototype.showLowImpactToggle = function() {
-  return !this.isFilteringSections() && this.currentExecution && this.currentExecution.hasLowImpactSections()
+  return !this.isFilteringSections() && this.sections.some(function(section) { return section.isLowImpact })
 }
 
 RorVsWild.Local.prototype.lowImpactToggleLabel = function() {
@@ -225,6 +273,7 @@ RorVsWild.Local.prototype.goToRequestDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
   this.currentExecution = this.currentRequest = this.requests.find(function(req) { return req.uuid == uuid })
   this.resetSectionFilters()
+  this.loadSections()
   this.render("RequestDetail")
 }
 
@@ -242,6 +291,7 @@ RorVsWild.Local.prototype.goToJobDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
   this.currentExecution = this.currentJob = this.jobs.find(function(job) { return job.uuid == uuid })
   this.resetSectionFilters()
+  this.loadSections()
   this.render("JobDetail")
 }
 
@@ -295,49 +345,6 @@ RorVsWild.Local.Request.prototype.runtime = function() {
   return RorVsWild.Local.relevantRounding(this.data.runtime)
 }
 
-RorVsWild.Local.Request.prototype.sections = function() {
-  return this.data.sections.map(function(section) {
-    var runtime = (section.total_runtime - section.children_runtime)
-    var impactValue = runtime * 100 / this.data.runtime
-    return {
-      id: RorVsWild.Local.nextId(),
-      impact: RorVsWild.Local.formatImpact(impactValue),
-      isLowImpact: impactValue < 1,
-      language: RorVsWild.Local.kindToLanguage(section.kind),
-      totalRuntime: RorVsWild.Local.relevantRounding(section.total_runtime),
-      asyncRuntime: RorVsWild.Local.relevantRounding(section.async_runtime),
-      childrenRuntime: RorVsWild.Local.relevantRounding(section.children_runtime),
-      selfRuntime: RorVsWild.Local.relevantRounding(runtime),
-      runtime: RorVsWild.Local.relevantRounding(runtime),
-      averageRuntime: RorVsWild.Local.relevantRounding(runtime / section.calls),
-      command: section.kind != "view" ? section.command : null,
-      calls: section.calls,
-      kind: section.kind.substring(0, 7),
-      file: section.file,
-      line: section.line,
-      isLineRelevant: section.line > 0,
-      location: section.file + (section.line > 0 ? ":" + section.line : ""),
-      locationUrl: RorVsWild.Local.pathToUrl(this.data.environment.cwd, section.file, section.line),
-      isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,
-    }
-  }.bind(this)).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
-}
-
-RorVsWild.Local.Request.prototype.hasLowImpactSections = function() {
-  return this.sections().some(function(section) { return section.isLowImpact })
-}
-
-RorVsWild.Local.Request.prototype.sectionsImpactPerKind = function() {
-  var total = 0
-  var perKind = this.sections().reduce(function(object, section) {
-    object[section.kind] = (object[section.kind] || 0) + section.runtime
-    total += section.runtime
-    return object
-  }, {})
-  return Object.entries(perKind).sort(function(a, b) { return b[1] - a[1] })
-    .map(function(item) { return {kind: item[0], impact: Math.round((item[1] / total * 100) * 10) / 10} })
-}
-
 RorVsWild.Local.Error = function(data) {
   this.data = data
   this.backtrace = data.backtrace
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 84f45ac..f5d3767 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -153,9 +153,9 @@
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections">
   <div class="rorvswild-local-panel__details__sections">
     {{> RorVsWild.Local.SectionImpactPerKind}}
-    {{#sections}}
+    {{#visibleSections}}
       {{> RorVsWild.Local.Section}}
-    {{/sections}}
+    {{/visibleSections}}
     {{#showLowImpactToggle}}
       <div class="rorvswild-local-panel__toggle-low-impact">
         <button data-events="click->toggleLowImpactSections" class="rorvswild-local-panel__toggle-low-impact__button">{{lowImpactToggleLabel}}</button>
@@ -180,10 +180,10 @@
 
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Section">
-  <div class="rorvswild-local-panel__details__section" data-kind="{{kind}}" id="section-{{id}}">
+  <div class="rorvswild-local-panel__details__section{{#isOpen}} is-open{{/isOpen}}" data-kind="{{kind}}" id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
       <span class="rorvswild-local-panel__details__section__file">
-        <button data-events="click->toggleCommand" data-target="#section-{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
+        <button data-events="click->toggleCommand" data-section-id="{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
         {{#locationUrl}}
           <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{#locationHtml}}{{{locationHtml}}}{{/locationHtml}}{{^locationHtml}}{{location}}{{/locationHtml}}</a>
         {{/locationUrl}}

From b6c40301c2fa1ca1d32f34dbb05d56170e54043b Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 09:45:42 +0200
Subject: [PATCH 15/36] Fix search highlight

---
 lib/rorvswild/local/javascript/local.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index daf5837..a4320e3 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -104,11 +104,14 @@ RorVsWild.Local.prototype.filterSections = function(sections) {
 }
 
 RorVsWild.Local.prototype.visibleSections = function() {
+  var query = this.sectionQueryFilter
   return this.filterSections(this.sections).map(function(section) {
-    if (this.sectionQueryFilter.length > 0)
-      section.locationHtml = RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
-    return section
-  }.bind(this))
+    return Object.assign({}, section, {
+      locationHtml: query.length > 0
+        ? RorVsWild.Local.highlightMatches(section.location, query)
+        : null
+    })
+  })
 }
 
 RorVsWild.Local.prototype.loadSections = function() {

From 9f68c6fc81b489cc3ba9999293b0bf0c3d86b46d Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 09:51:55 +0200
Subject: [PATCH 16/36] Rename toggleCommand to toggleSection

---
 lib/rorvswild/local/javascript/local.js | 2 +-
 lib/rorvswild/local/local.html.erb      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index a4320e3..9481f1e 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -72,7 +72,7 @@ RorVsWild.Local.prototype.toggle = function(event) {
   this.active ? this.collapse() : this.expand(event)
 }
 
-RorVsWild.Local.prototype.toggleCommand = function(event) {
+RorVsWild.Local.prototype.toggleSection = function(event) {
   var id = parseInt(event.currentTarget.dataset.sectionId)
   var section = this.sections.find(function(section) { return section.id === id })
   if (!section) return
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index f5d3767..4242e73 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -183,7 +183,7 @@
   <div class="rorvswild-local-panel__details__section{{#isOpen}} is-open{{/isOpen}}" data-kind="{{kind}}" id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
       <span class="rorvswild-local-panel__details__section__file">
-        <button data-events="click->toggleCommand" data-section-id="{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
+        <button data-events="click->toggleSection" data-section-id="{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
         {{#locationUrl}}
           <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{#locationHtml}}{{{locationHtml}}}{{/locationHtml}}{{^locationHtml}}{{location}}{{/locationHtml}}</a>
         {{/locationUrl}}

From 5e184bb79894520616ff2432804c707f5871163c Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 10:12:59 +0200
Subject: [PATCH 17/36] Remove duplication

---
 lib/rorvswild/local/javascript/local.js | 6 ++----
 lib/rorvswild/local/local.html.erb      | 4 ++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 9481f1e..500b8e8 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -94,7 +94,7 @@ RorVsWild.Local.prototype.isFilteringSections = function() {
 RorVsWild.Local.prototype.filterSections = function(sections) {
   var kind = this.sectionKindFilter
   var query = this.sectionQueryFilter
-  var filtering = kind || query.length > 0
+  var filtering = this.isFilteringSections()
 
   return sections.filter(function(section) {
     return (!kind || section.kind === kind)
@@ -107,9 +107,7 @@ RorVsWild.Local.prototype.visibleSections = function() {
   var query = this.sectionQueryFilter
   return this.filterSections(this.sections).map(function(section) {
     return Object.assign({}, section, {
-      locationHtml: query.length > 0
-        ? RorVsWild.Local.highlightMatches(section.location, query)
-        : null
+      locationHtml: query.length > 0 ? RorVsWild.Local.highlightMatches(section.location, query) : section.location
     })
   })
 }
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 4242e73..9289856 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -185,10 +185,10 @@
       <span class="rorvswild-local-panel__details__section__file">
         <button data-events="click->toggleSection" data-section-id="{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
         {{#locationUrl}}
-          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{#locationHtml}}{{{locationHtml}}}{{/locationHtml}}{{^locationHtml}}{{location}}{{/locationHtml}}</a>
+          <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{{locationHtml}}}</a>
         {{/locationUrl}}
         {{^locationUrl}}
-          <span class="rorvswild-local-panel__file__name">{{#locationHtml}}{{{locationHtml}}}{{/locationHtml}}{{^locationHtml}}{{location}}{{/locationHtml}}</span>
+          <span class="rorvswild-local-panel__file__name">{{{locationHtml}}}</span>
         {{/locationUrl}}
       </span>
       <span class="rorvswild-local-panel__details__section__average" title="Self runtime">{{selfRuntime}}<small>ms</small></span>

From e9f3d9de53bbe7c960ba10205c5faa69ccdc97c8 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 10:31:09 +0200
Subject: [PATCH 18/36] Fix potential XSS

---
 lib/rorvswild/local/javascript/local.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 500b8e8..f699c70 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -107,7 +107,7 @@ RorVsWild.Local.prototype.visibleSections = function() {
   var query = this.sectionQueryFilter
   return this.filterSections(this.sections).map(function(section) {
     return Object.assign({}, section, {
-      locationHtml: query.length > 0 ? RorVsWild.Local.highlightMatches(section.location, query) : section.location
+      locationHtml: query.length > 0 ? RorVsWild.Local.highlightMatches(section.location, query) : Mustache.escape(section.location)
     })
   })
 }

From 82259cae0b8af63b28d15f0d89908b7ec858370f Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 11:07:05 +0200
Subject: [PATCH 19/36] Move section filtering logic to request

---
 lib/rorvswild/local/javascript/local.js | 270 +++++++++++++-----------
 lib/rorvswild/local/local.html.erb      |  16 +-
 2 files changed, 150 insertions(+), 136 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index f699c70..b03735b 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -3,8 +3,6 @@ var RorVsWild = this.RorVsWild = {};
 RorVsWild.Local = function(container) {
   this.root = container
   this.active = false
-  this.sections = []
-  this.resetSectionFilters()
   RorVsWild.Local.editorUrl = container.dataset.editorUrl
   if (this.embedded = location.pathname != "/rorvswild")
     window.addEventListener("keydown", this.keydown.bind(this))
@@ -73,110 +71,12 @@ RorVsWild.Local.prototype.toggle = function(event) {
 }
 
 RorVsWild.Local.prototype.toggleSection = function(event) {
-  var id = parseInt(event.currentTarget.dataset.sectionId)
-  var section = this.sections.find(function(section) { return section.id === id })
-  if (!section) return
-
-  section.isOpen = !section.isOpen
-  event.currentTarget.closest(".rorvswild-local-panel__details__section").classList.toggle("is-open", section.isOpen)
-}
-
-RorVsWild.Local.prototype.resetSectionFilters = function() {
-  this.sectionKindFilter = null
-  this.sectionQueryFilter = ""
-  this.lowImpactExpanded = false
-}
-
-RorVsWild.Local.prototype.isFilteringSections = function() {
-  return this.sectionKindFilter != null || this.sectionQueryFilter.length > 0
-}
-
-RorVsWild.Local.prototype.filterSections = function(sections) {
-  var kind = this.sectionKindFilter
-  var query = this.sectionQueryFilter
-  var filtering = this.isFilteringSections()
-
-  return sections.filter(function(section) {
-    return (!kind || section.kind === kind)
-      && (query.length < 1 || section.location.toLowerCase().indexOf(query) !== -1)
-      && (filtering || this.lowImpactExpanded || !section.isLowImpact)
-  }.bind(this))
-}
-
-RorVsWild.Local.prototype.visibleSections = function() {
-  var query = this.sectionQueryFilter
-  return this.filterSections(this.sections).map(function(section) {
-    return Object.assign({}, section, {
-      locationHtml: query.length > 0 ? RorVsWild.Local.highlightMatches(section.location, query) : Mustache.escape(section.location)
-    })
-  })
-}
-
-RorVsWild.Local.prototype.loadSections = function() {
-  if (!this.currentExecution) {
-    this.sections = []
-    return
-  }
-
-  var execution = this.currentExecution
-  this.sections = execution.data.sections.map(function(section) {
-    var runtime = (section.total_runtime - section.children_runtime)
-    var impactValue = runtime * 100 / execution.data.runtime
-    return {
-      id: RorVsWild.Local.nextId(),
-      isOpen: false,
-      impact: RorVsWild.Local.formatImpact(impactValue),
-      isLowImpact: impactValue < 1,
-      language: RorVsWild.Local.kindToLanguage(section.kind),
-      totalRuntime: RorVsWild.Local.relevantRounding(section.total_runtime),
-      asyncRuntime: RorVsWild.Local.relevantRounding(section.async_runtime),
-      childrenRuntime: RorVsWild.Local.relevantRounding(section.children_runtime),
-      selfRuntime: RorVsWild.Local.relevantRounding(runtime),
-      runtime: RorVsWild.Local.relevantRounding(runtime),
-      averageRuntime: RorVsWild.Local.relevantRounding(runtime / section.calls),
-      command: section.kind != "view" ? section.command : null,
-      calls: section.calls,
-      kind: section.kind.substring(0, 7),
-      file: section.file,
-      line: section.line,
-      isLineRelevant: section.line > 0,
-      location: section.file + (section.line > 0 ? ":" + section.line : ""),
-      locationUrl: RorVsWild.Local.pathToUrl(execution.data.environment.cwd, section.file, section.line),
-      isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,
-    }
-  }).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
-}
-
-RorVsWild.Local.prototype.sectionsImpactPerKind = function() {
-  if (!this.sections.length) return []
-
-  var total = 0
-  var perKind = this.sections.reduce(function(object, section) {
-    object[section.kind] = (object[section.kind] || 0) + section.runtime
-    total += section.runtime
-    return object
-  }, {})
-  return Object.entries(perKind).sort(function(a, b) { return b[1] - a[1] })
-    .map(function(item) {
-      return {
-        kind: item[0],
-        impact: Math.round((item[1] / total * 100) * 10) / 10,
-        isActive: item[0] === this.sectionKindFilter
-      }
-    }.bind(this))
-}
-
-RorVsWild.Local.prototype.showLowImpactToggle = function() {
-  return !this.isFilteringSections() && this.sections.some(function(section) { return section.isLowImpact })
-}
-
-RorVsWild.Local.prototype.lowImpactToggleLabel = function() {
-  return this.lowImpactExpanded ? "↑ Hide low impact sections" : "↓ View low impact sections"
+  if (this.currentExecution) this.currentExecution.toggleSection(event)
 }
 
 RorVsWild.Local.prototype.renderSections = function() {
   var container = this.root.querySelector("[data-rorvswild-local-sections-container]")
-  if (!container) return
+  if (!container || !this.currentExecution) return
 
   var active = document.activeElement
   var refocusFilter = active && active.classList.contains("rorvswild-local-panel__section-filter__input")
@@ -184,7 +84,7 @@ RorVsWild.Local.prototype.renderSections = function() {
   var selectionEnd = refocusFilter && active.selectionEnd
 
   var templates = Barber.partials()
-  container.innerHTML = Mustache.render(templates["RorVsWild.Local.Sections"], this, templates)
+  container.innerHTML = Mustache.render(templates["RorVsWild.Local.Sections"], this.currentExecution, templates)
   Barber.listenEvents(container, this)
   Prism.highlightAllUnder(container)
 
@@ -199,36 +99,38 @@ RorVsWild.Local.prototype.renderSections = function() {
 }
 
 RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
-  this.lowImpactExpanded = !this.lowImpactExpanded
+  if (!this.currentExecution) return
+  this.currentExecution.toggleLowImpactSections()
   this.renderSections()
 }
 
- RorVsWild.Local.highlightMatches = function(text, query) {
-    if (!query) return Mustache.escape(text)
-    var lower = text.toLowerCase()
-    var result = "", start = 0, index
-    while ((index = lower.indexOf(query, start)) !== -1) {
-      result += Mustache.escape(text.slice(start, index))
-      result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
-      result += Mustache.escape(text.slice(index, index + query.length))
-      result += "</mark>"
-      start = index + query.length
-    }
-    result += Mustache.escape(text.slice(start))
-    return result
-  }
-
 RorVsWild.Local.prototype.filterSectionsByText = function(event) {
-  this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
+  if (!this.currentExecution) return
+  this.currentExecution.filterSectionsByText(event)
   this.renderSections()
 }
 
 RorVsWild.Local.prototype.filterSectionsByKind = function(event) {
-  var kind = event.currentTarget.dataset.kind
-  this.sectionKindFilter = this.sectionKindFilter === kind ? null : kind
+  if (!this.currentExecution) return
+  this.currentExecution.filterSectionsByKind(event)
   this.renderSections()
 }
 
+RorVsWild.Local.highlightMatches = function(text, query) {
+  if (!query) return Mustache.escape(text)
+  var lower = text.toLowerCase()
+  var result = "", start = 0, index
+  while ((index = lower.indexOf(query, start)) !== -1) {
+    result += Mustache.escape(text.slice(start, index))
+    result += '<mark class="rorvswild-local-panel__section-filter-highlight">'
+    result += Mustache.escape(text.slice(index, index + query.length))
+    result += "</mark>"
+    start = index + query.length
+  }
+  result += Mustache.escape(text.slice(start))
+  return result
+}
+
 RorVsWild.Local.prototype.expand = function() {
   this.active = true
   this.goToRequestDetail(event)
@@ -273,8 +175,10 @@ RorVsWild.Local.prototype.goToRequestDetail = function(event) {
   this.root.dataset.tab = "requests"
   var uuid = event.currentTarget.dataset.uuid
   this.currentExecution = this.currentRequest = this.requests.find(function(req) { return req.uuid == uuid })
-  this.resetSectionFilters()
-  this.loadSections()
+  if (this.currentExecution) {
+    this.currentExecution.resetSectionFilters()
+    this.currentExecution.loadSections()
+  }
   this.render("RequestDetail")
 }
 
@@ -291,8 +195,10 @@ RorVsWild.Local.prototype.goToJobIndex = function(event) {
 RorVsWild.Local.prototype.goToJobDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
   this.currentExecution = this.currentJob = this.jobs.find(function(job) { return job.uuid == uuid })
-  this.resetSectionFilters()
-  this.loadSections()
+  if (this.currentExecution) {
+    this.currentExecution.resetSectionFilters()
+    this.currentExecution.loadSections()
+  }
   this.render("JobDetail")
 }
 
@@ -340,12 +246,124 @@ RorVsWild.Local.Request = function(data) {
   this.name = data.name
   this.path = data.path
   this.queuedAt = RorVsWild.Local.formatDateTime(new Date(data.queued_at))
+  this.sections = []
+  this.resetSectionFilters()
 }
 
 RorVsWild.Local.Request.prototype.runtime = function() {
   return RorVsWild.Local.relevantRounding(this.data.runtime)
 }
 
+RorVsWild.Local.Request.prototype.resetSectionFilters = function() {
+  this.sectionKindFilter = null
+  this.sectionQueryFilter = ""
+  this.lowImpactExpanded = false
+}
+
+RorVsWild.Local.Request.prototype.isFilteringSections = function() {
+  return this.sectionKindFilter != null || this.sectionQueryFilter.length > 0
+}
+
+RorVsWild.Local.Request.prototype.filterSections = function(sections) {
+  var kind = this.sectionKindFilter
+  var query = this.sectionQueryFilter
+  var filtering = this.isFilteringSections()
+
+  return sections.filter(function(section) {
+    return (!kind || section.kind === kind)
+      && (query.length < 1 || section.location.toLowerCase().indexOf(query) !== -1)
+      && (filtering || this.lowImpactExpanded || !section.isLowImpact)
+  }.bind(this))
+}
+
+RorVsWild.Local.Request.prototype.visibleSections = function() {
+  var query = this.sectionQueryFilter
+  return this.filterSections(this.sections).map(function(section) {
+    return Object.assign({}, section, {
+      locationHtml: query.length > 0 ? RorVsWild.Local.highlightMatches(section.location, query) : Mustache.escape(section.location)
+    })
+  })
+}
+
+RorVsWild.Local.Request.prototype.loadSections = function() {
+  var self = this
+  this.sections = this.data.sections.map(function(section) {
+    var runtime = (section.total_runtime - section.children_runtime)
+    var impactValue = runtime * 100 / self.data.runtime
+    return {
+      id: RorVsWild.Local.nextId(),
+      isOpen: false,
+      impact: RorVsWild.Local.formatImpact(impactValue),
+      isLowImpact: impactValue < 1,
+      language: RorVsWild.Local.kindToLanguage(section.kind),
+      totalRuntime: RorVsWild.Local.relevantRounding(section.total_runtime),
+      asyncRuntime: RorVsWild.Local.relevantRounding(section.async_runtime),
+      childrenRuntime: RorVsWild.Local.relevantRounding(section.children_runtime),
+      selfRuntime: RorVsWild.Local.relevantRounding(runtime),
+      runtime: RorVsWild.Local.relevantRounding(runtime),
+      averageRuntime: RorVsWild.Local.relevantRounding(runtime / section.calls),
+      command: section.kind != "view" ? section.command : null,
+      calls: section.calls,
+      kind: section.kind.substring(0, 7),
+      file: section.file,
+      line: section.line,
+      isLineRelevant: section.line > 0,
+      location: section.file + (section.line > 0 ? ":" + section.line : ""),
+      locationUrl: RorVsWild.Local.pathToUrl(self.data.environment.cwd, section.file, section.line),
+      isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,
+    }
+  }).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
+}
+
+RorVsWild.Local.Request.prototype.sectionsImpactPerKind = function() {
+  if (!this.sections.length) return []
+
+  var total = 0
+  var perKind = this.sections.reduce(function(object, section) {
+    object[section.kind] = (object[section.kind] || 0) + section.runtime
+    total += section.runtime
+    return object
+  }, {})
+  return Object.entries(perKind).sort(function(a, b) { return b[1] - a[1] })
+    .map(function(item) {
+      return {
+        kind: item[0],
+        impact: Math.round((item[1] / total * 100) * 10) / 10,
+        isActive: item[0] === this.sectionKindFilter
+      }
+    }.bind(this))
+}
+
+RorVsWild.Local.Request.prototype.showLowImpactToggle = function() {
+  return !this.isFilteringSections() && this.sections.some(function(section) { return section.isLowImpact })
+}
+
+RorVsWild.Local.Request.prototype.lowImpactToggleLabel = function() {
+  return this.lowImpactExpanded ? "↑ Hide low impact sections" : "↓ View low impact sections"
+}
+
+RorVsWild.Local.Request.prototype.toggleSection = function(event) {
+  var id = parseInt(event.currentTarget.dataset.sectionId, 10)
+  var section = this.sections.find(function(section) { return section.id === id })
+  if (!section) return
+
+  section.isOpen = !section.isOpen
+  event.currentTarget.closest(".rorvswild-local-panel__details__section").classList.toggle("is-open", section.isOpen)
+}
+
+RorVsWild.Local.Request.prototype.toggleLowImpactSections = function() {
+  this.lowImpactExpanded = !this.lowImpactExpanded
+}
+
+RorVsWild.Local.Request.prototype.filterSectionsByText = function(event) {
+  this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
+}
+
+RorVsWild.Local.Request.prototype.filterSectionsByKind = function(event) {
+  var kind = event.currentTarget.dataset.kind
+  this.sectionKindFilter = this.sectionKindFilter === kind ? null : kind
+}
+
 RorVsWild.Local.Error = function(data) {
   this.data = data
   this.backtrace = data.backtrace
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 9289856..87bae32 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -119,11 +119,9 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-  {{/currentRequest}}
-  <div data-rorvswild-local-sections-container>
-    {{> RorVsWild.Local.Sections}}
-  </div>
-  {{#currentRequest}}
+      <div data-rorvswild-local-sections-container>
+        {{> RorVsWild.Local.Sections}}
+      </div>
     </div>
   {{/currentRequest}}
 </script>
@@ -141,11 +139,9 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-  {{/currentJob}}
-  <div data-rorvswild-local-sections-container>
-    {{> RorVsWild.Local.Sections}}
-  </div>
-  {{#currentJob}}
+      <div data-rorvswild-local-sections-container>
+        {{> RorVsWild.Local.Sections}}
+      </div>
     </div>
   {{/currentJob}}
 </script>

From c759da3d34c655eb3366b670136a8cd410baafeb Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 11:21:36 +0200
Subject: [PATCH 20/36] Remove dead CSS and cleanup

---
 lib/rorvswild/local/local.html.erb       | 4 +---
 lib/rorvswild/local/stylesheet/local.css | 4 ----
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 87bae32..f3ae74c 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -169,12 +169,10 @@
     {{/sectionsImpactPerKind}}
   </ul>
   <div class="rorvswild-local-panel__section-filter">
-    <input type="search" placeholder="Filter by name" value="{{sectionQueryFilter}}" data-events="input->filterSectionsByText" class="rorvswild-local-panel__section-filter__input">
+    <input type="search" placeholder="Filter" value="{{sectionQueryFilter}}" data-events="input->filterSectionsByText" class="rorvswild-local-panel__section-filter__input">
   </div>
 </script>
 
-
-
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Section">
   <div class="rorvswild-local-panel__details__section{{#isOpen}} is-open{{/isOpen}}" data-kind="{{kind}}" id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
diff --git a/lib/rorvswild/local/stylesheet/local.css b/lib/rorvswild/local/stylesheet/local.css
index 3da9e84..45cfc10 100644
--- a/lib/rorvswild/local/stylesheet/local.css
+++ b/lib/rorvswild/local/stylesheet/local.css
@@ -422,10 +422,6 @@ h2.rorvswild-local-panel__title {
   display: block !important;
 }
 
-.rorvswild-local-panel__details__section.is-hidden {
-  display: none !important;
-}
-
 .rorvswild-local-panel__details__section:hover {
   background: rgb(26 29 36) !important;
   transition: all .3s !important;

From eb11693d95ff3a00beec4f66dcf3c5606b775c29 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 12:05:59 +0200
Subject: [PATCH 21/36] Move filtering logic to Request

---
 lib/rorvswild/local/javascript/local.js | 73 ++++++++++---------------
 lib/rorvswild/local/local.html.erb      |  8 +--
 2 files changed, 31 insertions(+), 50 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index b03735b..349c9d2 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -74,48 +74,6 @@ RorVsWild.Local.prototype.toggleSection = function(event) {
   if (this.currentExecution) this.currentExecution.toggleSection(event)
 }
 
-RorVsWild.Local.prototype.renderSections = function() {
-  var container = this.root.querySelector("[data-rorvswild-local-sections-container]")
-  if (!container || !this.currentExecution) return
-
-  var active = document.activeElement
-  var refocusFilter = active && active.classList.contains("rorvswild-local-panel__section-filter__input")
-  var selectionStart = refocusFilter && active.selectionStart
-  var selectionEnd = refocusFilter && active.selectionEnd
-
-  var templates = Barber.partials()
-  container.innerHTML = Mustache.render(templates["RorVsWild.Local.Sections"], this.currentExecution, templates)
-  Barber.listenEvents(container, this)
-  Prism.highlightAllUnder(container)
-
-  if (refocusFilter) {
-    var input = container.querySelector(".rorvswild-local-panel__section-filter__input")
-    if (input) {
-      input.focus()
-      if (selectionStart != null && selectionEnd != null)
-        input.setSelectionRange(selectionStart, selectionEnd)
-    }
-  }
-}
-
-RorVsWild.Local.prototype.toggleLowImpactSections = function(event) {
-  if (!this.currentExecution) return
-  this.currentExecution.toggleLowImpactSections()
-  this.renderSections()
-}
-
-RorVsWild.Local.prototype.filterSectionsByText = function(event) {
-  if (!this.currentExecution) return
-  this.currentExecution.filterSectionsByText(event)
-  this.renderSections()
-}
-
-RorVsWild.Local.prototype.filterSectionsByKind = function(event) {
-  if (!this.currentExecution) return
-  this.currentExecution.filterSectionsByKind(event)
-  this.renderSections()
-}
-
 RorVsWild.Local.highlightMatches = function(text, query) {
   if (!query) return Mustache.escape(text)
   var lower = text.toLowerCase()
@@ -178,8 +136,9 @@ RorVsWild.Local.prototype.goToRequestDetail = function(event) {
   if (this.currentExecution) {
     this.currentExecution.resetSectionFilters()
     this.currentExecution.loadSections()
+    this.render("RequestDetail")
+    this.currentExecution.renderSections()
   }
-  this.render("RequestDetail")
 }
 
 RorVsWild.Local.prototype.goToRequestIndex = function(event) {
@@ -198,8 +157,9 @@ RorVsWild.Local.prototype.goToJobDetail = function(event) {
   if (this.currentExecution) {
     this.currentExecution.resetSectionFilters()
     this.currentExecution.loadSections()
+    this.render("JobDetail")
+    this.currentExecution.renderSections()
   }
-  this.render("JobDetail")
 }
 
 RorVsWild.Local.prototype.goToErrors = function(event) {
@@ -342,6 +302,28 @@ RorVsWild.Local.Request.prototype.lowImpactToggleLabel = function() {
   return this.lowImpactExpanded ? "↑ Hide low impact sections" : "↓ View low impact sections"
 }
 
+RorVsWild.Local.Request.prototype.renderSections = function() {
+  var container = document.querySelector("[data-rorvswild-local-sections-container]")
+  if (!container) return
+
+  var active = document.activeElement
+  var refocusFilter = active && active.classList.contains("rorvswild-local-panel__section-filter__input")
+  var selectionStart = refocusFilter && active.selectionStart
+  var selectionEnd = refocusFilter && active.selectionEnd
+
+  Barber.render("RorVsWild.Local.Sections", this, container)
+  Prism.highlightAllUnder(container)
+
+  if (refocusFilter) {
+    var input = container.querySelector(".rorvswild-local-panel__section-filter__input")
+    if (input) {
+      input.focus()
+      if (selectionStart != null && selectionEnd != null)
+        input.setSelectionRange(selectionStart, selectionEnd)
+    }
+  }
+}
+
 RorVsWild.Local.Request.prototype.toggleSection = function(event) {
   var id = parseInt(event.currentTarget.dataset.sectionId, 10)
   var section = this.sections.find(function(section) { return section.id === id })
@@ -353,15 +335,18 @@ RorVsWild.Local.Request.prototype.toggleSection = function(event) {
 
 RorVsWild.Local.Request.prototype.toggleLowImpactSections = function() {
   this.lowImpactExpanded = !this.lowImpactExpanded
+  this.renderSections()
 }
 
 RorVsWild.Local.Request.prototype.filterSectionsByText = function(event) {
   this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
+  this.renderSections()
 }
 
 RorVsWild.Local.Request.prototype.filterSectionsByKind = function(event) {
   var kind = event.currentTarget.dataset.kind
   this.sectionKindFilter = this.sectionKindFilter === kind ? null : kind
+  this.renderSections()
 }
 
 RorVsWild.Local.Error = function(data) {
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index f3ae74c..949a6b2 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -119,9 +119,7 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-      <div data-rorvswild-local-sections-container>
-        {{> RorVsWild.Local.Sections}}
-      </div>
+      <div data-rorvswild-local-sections-container></div>
     </div>
   {{/currentRequest}}
 </script>
@@ -139,9 +137,7 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-      <div data-rorvswild-local-sections-container>
-        {{> RorVsWild.Local.Sections}}
-      </div>
+      <div data-rorvswild-local-sections-container></div>
     </div>
   {{/currentJob}}
 </script>

From 6b4947a0848139813d1904a061017da2f73a00b4 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 12:07:29 +0200
Subject: [PATCH 22/36] Rename RorVsWild.Local.Request to
 RorVsWild.Local.Execution

---
 lib/rorvswild/local/javascript/local.js | 34 ++++++++++++-------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 349c9d2..2a14e6a 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -13,14 +13,14 @@ RorVsWild.Local = function(container) {
 
 RorVsWild.Local.prototype.getRequests = function(callback) {
   this.getJson("/rorvswild/requests.json", function(data) {
-    this.requests = data.map(function(attributes) { return new RorVsWild.Local.Request(attributes) })
+    this.requests = data.map(function(attributes) { return new RorVsWild.Local.Execution(attributes) })
     callback()
   }.bind(this))
 }
 
 RorVsWild.Local.prototype.getJobs = function(callback) {
   this.getJson("/rorvswild/jobs.json", function(data) {
-    this.jobs = data.map(function(attributes) { return new RorVsWild.Local.Request(attributes) })
+    this.jobs = data.map(function(attributes) { return new RorVsWild.Local.Execution(attributes) })
     callback()
   }.bind(this))
 }
@@ -200,7 +200,7 @@ RorVsWild.Local.nextId = function() {
   return RorVsWild.Local.lastId += 1
 }
 
-RorVsWild.Local.Request = function(data) {
+RorVsWild.Local.Execution = function(data) {
   this.data = data
   this.uuid = data.uuid
   this.name = data.name
@@ -210,21 +210,21 @@ RorVsWild.Local.Request = function(data) {
   this.resetSectionFilters()
 }
 
-RorVsWild.Local.Request.prototype.runtime = function() {
+RorVsWild.Local.Execution.prototype.runtime = function() {
   return RorVsWild.Local.relevantRounding(this.data.runtime)
 }
 
-RorVsWild.Local.Request.prototype.resetSectionFilters = function() {
+RorVsWild.Local.Execution.prototype.resetSectionFilters = function() {
   this.sectionKindFilter = null
   this.sectionQueryFilter = ""
   this.lowImpactExpanded = false
 }
 
-RorVsWild.Local.Request.prototype.isFilteringSections = function() {
+RorVsWild.Local.Execution.prototype.isFilteringSections = function() {
   return this.sectionKindFilter != null || this.sectionQueryFilter.length > 0
 }
 
-RorVsWild.Local.Request.prototype.filterSections = function(sections) {
+RorVsWild.Local.Execution.prototype.filterSections = function(sections) {
   var kind = this.sectionKindFilter
   var query = this.sectionQueryFilter
   var filtering = this.isFilteringSections()
@@ -236,7 +236,7 @@ RorVsWild.Local.Request.prototype.filterSections = function(sections) {
   }.bind(this))
 }
 
-RorVsWild.Local.Request.prototype.visibleSections = function() {
+RorVsWild.Local.Execution.prototype.visibleSections = function() {
   var query = this.sectionQueryFilter
   return this.filterSections(this.sections).map(function(section) {
     return Object.assign({}, section, {
@@ -245,7 +245,7 @@ RorVsWild.Local.Request.prototype.visibleSections = function() {
   })
 }
 
-RorVsWild.Local.Request.prototype.loadSections = function() {
+RorVsWild.Local.Execution.prototype.loadSections = function() {
   var self = this
   this.sections = this.data.sections.map(function(section) {
     var runtime = (section.total_runtime - section.children_runtime)
@@ -275,7 +275,7 @@ RorVsWild.Local.Request.prototype.loadSections = function() {
   }).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
 }
 
-RorVsWild.Local.Request.prototype.sectionsImpactPerKind = function() {
+RorVsWild.Local.Execution.prototype.sectionsImpactPerKind = function() {
   if (!this.sections.length) return []
 
   var total = 0
@@ -294,15 +294,15 @@ RorVsWild.Local.Request.prototype.sectionsImpactPerKind = function() {
     }.bind(this))
 }
 
-RorVsWild.Local.Request.prototype.showLowImpactToggle = function() {
+RorVsWild.Local.Execution.prototype.showLowImpactToggle = function() {
   return !this.isFilteringSections() && this.sections.some(function(section) { return section.isLowImpact })
 }
 
-RorVsWild.Local.Request.prototype.lowImpactToggleLabel = function() {
+RorVsWild.Local.Execution.prototype.lowImpactToggleLabel = function() {
   return this.lowImpactExpanded ? "↑ Hide low impact sections" : "↓ View low impact sections"
 }
 
-RorVsWild.Local.Request.prototype.renderSections = function() {
+RorVsWild.Local.Execution.prototype.renderSections = function() {
   var container = document.querySelector("[data-rorvswild-local-sections-container]")
   if (!container) return
 
@@ -324,7 +324,7 @@ RorVsWild.Local.Request.prototype.renderSections = function() {
   }
 }
 
-RorVsWild.Local.Request.prototype.toggleSection = function(event) {
+RorVsWild.Local.Execution.prototype.toggleSection = function(event) {
   var id = parseInt(event.currentTarget.dataset.sectionId, 10)
   var section = this.sections.find(function(section) { return section.id === id })
   if (!section) return
@@ -333,17 +333,17 @@ RorVsWild.Local.Request.prototype.toggleSection = function(event) {
   event.currentTarget.closest(".rorvswild-local-panel__details__section").classList.toggle("is-open", section.isOpen)
 }
 
-RorVsWild.Local.Request.prototype.toggleLowImpactSections = function() {
+RorVsWild.Local.Execution.prototype.toggleLowImpactSections = function() {
   this.lowImpactExpanded = !this.lowImpactExpanded
   this.renderSections()
 }
 
-RorVsWild.Local.Request.prototype.filterSectionsByText = function(event) {
+RorVsWild.Local.Execution.prototype.filterSectionsByText = function(event) {
   this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
   this.renderSections()
 }
 
-RorVsWild.Local.Request.prototype.filterSectionsByKind = function(event) {
+RorVsWild.Local.Execution.prototype.filterSectionsByKind = function(event) {
   var kind = event.currentTarget.dataset.kind
   this.sectionKindFilter = this.sectionKindFilter === kind ? null : kind
   this.renderSections()

From abb36a58dbdb15cc6d9e6df78660f4c9b1104a69 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 15:22:01 +0200
Subject: [PATCH 23/36] Split sections template to prevent from re-rendering
 search input

---
 lib/rorvswild/local/javascript/local.js  | 35 +++++++++++-----------
 lib/rorvswild/local/local.html.erb       | 37 +++++++++++++-----------
 lib/rorvswild/local/stylesheet/local.css |  3 +-
 3 files changed, 38 insertions(+), 37 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 2a14e6a..0e51bbc 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -302,26 +302,24 @@ RorVsWild.Local.Execution.prototype.lowImpactToggleLabel = function() {
   return this.lowImpactExpanded ? "↑ Hide low impact sections" : "↓ View low impact sections"
 }
 
-RorVsWild.Local.Execution.prototype.renderSections = function() {
-  var container = document.querySelector("[data-rorvswild-local-sections-container]")
+RorVsWild.Local.Execution.prototype.renderSectionHeader = function() {
+  var container = document.querySelector("[data-rorvswild-local-sections-header]")
   if (!container) return
 
-  var active = document.activeElement
-  var refocusFilter = active && active.classList.contains("rorvswild-local-panel__section-filter__input")
-  var selectionStart = refocusFilter && active.selectionStart
-  var selectionEnd = refocusFilter && active.selectionEnd
+  Barber.render("RorVsWild.Local.Sections.Header", this, container)
+}
+
+RorVsWild.Local.Execution.prototype.renderSectionList = function() {
+  var container = document.querySelector("[data-rorvswild-local-sections-list]")
+  if (!container) return
 
-  Barber.render("RorVsWild.Local.Sections", this, container)
+  Barber.render("RorVsWild.Local.Sections.List", this, container)
   Prism.highlightAllUnder(container)
+}
 
-  if (refocusFilter) {
-    var input = container.querySelector(".rorvswild-local-panel__section-filter__input")
-    if (input) {
-      input.focus()
-      if (selectionStart != null && selectionEnd != null)
-        input.setSelectionRange(selectionStart, selectionEnd)
-    }
-  }
+RorVsWild.Local.Execution.prototype.renderSections = function() {
+  this.renderSectionHeader()
+  this.renderSectionList()
 }
 
 RorVsWild.Local.Execution.prototype.toggleSection = function(event) {
@@ -335,18 +333,19 @@ RorVsWild.Local.Execution.prototype.toggleSection = function(event) {
 
 RorVsWild.Local.Execution.prototype.toggleLowImpactSections = function() {
   this.lowImpactExpanded = !this.lowImpactExpanded
-  this.renderSections()
+  this.renderSectionList()
 }
 
 RorVsWild.Local.Execution.prototype.filterSectionsByText = function(event) {
   this.sectionQueryFilter = event.currentTarget.value.trim().toLowerCase()
-  this.renderSections()
+  this.renderSectionList()
 }
 
 RorVsWild.Local.Execution.prototype.filterSectionsByKind = function(event) {
   var kind = event.currentTarget.dataset.kind
   this.sectionKindFilter = this.sectionKindFilter === kind ? null : kind
-  this.renderSections()
+  this.renderSectionHeader()
+  this.renderSectionList()
 }
 
 RorVsWild.Local.Error = function(data) {
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 949a6b2..a1f5061 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -119,7 +119,10 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-      <div data-rorvswild-local-sections-container></div>
+      <div class="rorvswild-local-panel__details__sections">
+        <div data-rorvswild-local-sections-header></div>
+        <div data-rorvswild-local-sections-list></div>
+      </div>
     </div>
   {{/currentRequest}}
 </script>
@@ -137,26 +140,15 @@
         <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
-      <div data-rorvswild-local-sections-container></div>
+      <div class="rorvswild-local-panel__details__sections">
+        <div data-rorvswild-local-sections-header></div>
+        <div data-rorvswild-local-sections-list></div>
+      </div>
     </div>
   {{/currentJob}}
 </script>
 
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections">
-  <div class="rorvswild-local-panel__details__sections">
-    {{> RorVsWild.Local.SectionImpactPerKind}}
-    {{#visibleSections}}
-      {{> RorVsWild.Local.Section}}
-    {{/visibleSections}}
-    {{#showLowImpactToggle}}
-      <div class="rorvswild-local-panel__toggle-low-impact">
-        <button data-events="click->toggleLowImpactSections" class="rorvswild-local-panel__toggle-low-impact__button">{{lowImpactToggleLabel}}</button>
-      </div>
-    {{/showLowImpactToggle}}
-  </div>
-</script>
-
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.SectionImpactPerKind">
+<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections.Header">
   <ul class="rorvswild-local-panel__breakdown">
     {{#sectionsImpactPerKind}}
       <li class="{{#isActive}}is-active{{/isActive}}" style="width: {{impact}}%" title="{{kind}} {{impact}}%" data-events="click->filterSectionsByKind" data-kind="{{kind}}">
@@ -169,6 +161,17 @@
   </div>
 </script>
 
+<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections.List">
+  {{#visibleSections}}
+    {{> RorVsWild.Local.Section}}
+  {{/visibleSections}}
+  {{#showLowImpactToggle}}
+    <div class="rorvswild-local-panel__toggle-low-impact">
+      <button data-events="click->toggleLowImpactSections" class="rorvswild-local-panel__toggle-low-impact__button">{{lowImpactToggleLabel}}</button>
+    </div>
+  {{/showLowImpactToggle}}
+</script>
+
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Section">
   <div class="rorvswild-local-panel__details__section{{#isOpen}} is-open{{/isOpen}}" data-kind="{{kind}}" id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
diff --git a/lib/rorvswild/local/stylesheet/local.css b/lib/rorvswild/local/stylesheet/local.css
index 45cfc10..c662278 100644
--- a/lib/rorvswild/local/stylesheet/local.css
+++ b/lib/rorvswild/local/stylesheet/local.css
@@ -365,7 +365,7 @@ h2.rorvswild-local-panel__title {
 
 .rorvswild-local-panel__section-filter__input {
   width: 100% !important;
-  max-width: 160px !important;
+  max-width: 240px !important;
   transition: all 0.2s !important;
   box-sizing: border-box !important;
   margin: 0 !important;
@@ -383,7 +383,6 @@ h2.rorvswild-local-panel__title {
 
 .rorvswild-local-panel__section-filter__input:focus {
   transition: all 0.2s !important;
-  max-width: 240px !important;
   outline: none !important;
   border-color: rgb(72 75 80) !important;
   background-color: rgb(13 15 21) !important;

From 7e43c1324e1ebc5cb65035dd34e64b7de44d2bbc Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 15:28:05 +0200
Subject: [PATCH 24/36] Replace data attributes by IDs for query selector

---
 lib/rorvswild/local/javascript/local.js | 4 ++--
 lib/rorvswild/local/local.html.erb      | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 0e51bbc..4366299 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -303,14 +303,14 @@ RorVsWild.Local.Execution.prototype.lowImpactToggleLabel = function() {
 }
 
 RorVsWild.Local.Execution.prototype.renderSectionHeader = function() {
-  var container = document.querySelector("[data-rorvswild-local-sections-header]")
+  var container = document.querySelector("#rorvswild-local-sections-header")
   if (!container) return
 
   Barber.render("RorVsWild.Local.Sections.Header", this, container)
 }
 
 RorVsWild.Local.Execution.prototype.renderSectionList = function() {
-  var container = document.querySelector("[data-rorvswild-local-sections-list]")
+  var container = document.querySelector("#rorvswild-local-sections-list")
   if (!container) return
 
   Barber.render("RorVsWild.Local.Sections.List", this, container)
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index a1f5061..ca0bb24 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -120,8 +120,8 @@
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
       <div class="rorvswild-local-panel__details__sections">
-        <div data-rorvswild-local-sections-header></div>
-        <div data-rorvswild-local-sections-list></div>
+        <div id="rorvswild-local-sections-header"></div>
+        <div id="rorvswild-local-sections-list"></div>
       </div>
     </div>
   {{/currentRequest}}
@@ -141,8 +141,8 @@
         <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
       </div>
       <div class="rorvswild-local-panel__details__sections">
-        <div data-rorvswild-local-sections-header></div>
-        <div data-rorvswild-local-sections-list></div>
+        <div id="rorvswild-local-sections-header"></div>
+        <div id="rorvswild-local-sections-list"></div>
       </div>
     </div>
   {{/currentJob}}

From 3393c1da3ed9827931da07fc88a7c4839603d42e Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 15:39:04 +0200
Subject: [PATCH 25/36] Simplifications

---
 lib/rorvswild/local/javascript/local.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 4366299..eade092 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -75,7 +75,8 @@ RorVsWild.Local.prototype.toggleSection = function(event) {
 }
 
 RorVsWild.Local.highlightMatches = function(text, query) {
-  if (!query) return Mustache.escape(text)
+  if (query.length < 1)
+    return Mustache.escape(text)
   var lower = text.toLowerCase()
   var result = "", start = 0, index
   while ((index = lower.indexOf(query, start)) !== -1) {
@@ -224,12 +225,12 @@ RorVsWild.Local.Execution.prototype.isFilteringSections = function() {
   return this.sectionKindFilter != null || this.sectionQueryFilter.length > 0
 }
 
-RorVsWild.Local.Execution.prototype.filterSections = function(sections) {
+RorVsWild.Local.Execution.prototype.filterSections = function() {
   var kind = this.sectionKindFilter
   var query = this.sectionQueryFilter
   var filtering = this.isFilteringSections()
 
-  return sections.filter(function(section) {
+  return this.sections.filter(function(section) {
     return (!kind || section.kind === kind)
       && (query.length < 1 || section.location.toLowerCase().indexOf(query) !== -1)
       && (filtering || this.lowImpactExpanded || !section.isLowImpact)
@@ -238,9 +239,9 @@ RorVsWild.Local.Execution.prototype.filterSections = function(sections) {
 
 RorVsWild.Local.Execution.prototype.visibleSections = function() {
   var query = this.sectionQueryFilter
-  return this.filterSections(this.sections).map(function(section) {
+  return this.filterSections().map(function(section) {
     return Object.assign({}, section, {
-      locationHtml: query.length > 0 ? RorVsWild.Local.highlightMatches(section.location, query) : Mustache.escape(section.location)
+      locationHtml: RorVsWild.Local.highlightMatches(section.location, query)
     })
   })
 }

From a790a41b580dfb18bd73e367f2d0645a10b88ce5 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 15:48:47 +0200
Subject: [PATCH 26/36] Remove duplication

---
 lib/rorvswild/local/javascript/local.js | 25 ++++++++++---------------
 lib/rorvswild/local/local.html.erb      |  8 ++++----
 2 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index eade092..e935aa8 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -130,16 +130,17 @@ RorVsWild.Local.formatDateTime = function(date) {
   return [date.getDate(), months[date.getMonth()], hours + ":" + minutes].join(" ")
 }
 
+RorVsWild.Local.prototype.goToExecutionDetail = function(execution, view) {
+  this.currentExecution = execution
+  execution.resetSectionFilters()
+  execution.loadSections()
+  this.render(view)
+  execution.renderSections()
+}
+
 RorVsWild.Local.prototype.goToRequestDetail = function(event) {
-  this.root.dataset.tab = "requests"
   var uuid = event.currentTarget.dataset.uuid
-  this.currentExecution = this.currentRequest = this.requests.find(function(req) { return req.uuid == uuid })
-  if (this.currentExecution) {
-    this.currentExecution.resetSectionFilters()
-    this.currentExecution.loadSections()
-    this.render("RequestDetail")
-    this.currentExecution.renderSections()
-  }
+  this.goToExecutionDetail(this.requests.find(function(req) { return req.uuid == uuid }), "RequestDetail")
 }
 
 RorVsWild.Local.prototype.goToRequestIndex = function(event) {
@@ -154,13 +155,7 @@ RorVsWild.Local.prototype.goToJobIndex = function(event) {
 
 RorVsWild.Local.prototype.goToJobDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
-  this.currentExecution = this.currentJob = this.jobs.find(function(job) { return job.uuid == uuid })
-  if (this.currentExecution) {
-    this.currentExecution.resetSectionFilters()
-    this.currentExecution.loadSections()
-    this.render("JobDetail")
-    this.currentExecution.renderSections()
-  }
+  this.goToExecutionDetail(this.jobs.find(function(job) { return job.uuid == uuid }), "JobDetail")
 }
 
 RorVsWild.Local.prototype.goToErrors = function(event) {
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index ca0bb24..b050c44 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -107,7 +107,7 @@
 </script>
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.RequestDetail">
-  {{#currentRequest}}
+  {{#currentExecution}}
     <div class="rorvswild-local-panel__details">
       <div class="rorvswild-local-panel__details__header">
         <span class="rorvswild-local-panel__name">
@@ -124,11 +124,11 @@
         <div id="rorvswild-local-sections-list"></div>
       </div>
     </div>
-  {{/currentRequest}}
+  {{/currentExecution}}
 </script>
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.JobDetail">
-  {{#currentJob}}
+  {{#currentExecution}}
     <div class="rorvswild-local-panel__details">
       <div class="rorvswild-local-panel__details__header">
         <span class="rorvswild-local-panel__name">
@@ -145,7 +145,7 @@
         <div id="rorvswild-local-sections-list"></div>
       </div>
     </div>
-  {{/currentJob}}
+  {{/currentExecution}}
 </script>
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections.Header">

From 65c55d07705f32ec2117c3219bd0d0c568944020 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 16:01:58 +0200
Subject: [PATCH 27/36] Optimize by computing coloration less often

---
 lib/rorvswild/local/javascript/local.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index e935aa8..bbc4e9d 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -54,7 +54,6 @@ RorVsWild.Local.prototype.getJson = function(path, callback) {
 RorVsWild.Local.prototype.render = function(view) {
   this.view = view
   Barber.render("RorVsWild.Local", this, this.root)
-  Prism.highlightAllUnder(this.root)
 }
 
 RorVsWild.Local.prototype.renderBody = function() {
@@ -167,6 +166,7 @@ RorVsWild.Local.prototype.goToErrorDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
   this.currentError = this.errors.find(function(err) { return err.uuid == uuid })
   this.render("ErrorDetail")
+  Prism.highlightAllUnder(this.root)
 }
 
 RorVsWild.Local.prototype.containerClass = function() {
@@ -310,7 +310,6 @@ RorVsWild.Local.Execution.prototype.renderSectionList = function() {
   if (!container) return
 
   Barber.render("RorVsWild.Local.Sections.List", this, container)
-  Prism.highlightAllUnder(container)
 }
 
 RorVsWild.Local.Execution.prototype.renderSections = function() {
@@ -324,7 +323,10 @@ RorVsWild.Local.Execution.prototype.toggleSection = function(event) {
   if (!section) return
 
   section.isOpen = !section.isOpen
-  event.currentTarget.closest(".rorvswild-local-panel__details__section").classList.toggle("is-open", section.isOpen)
+  var element = event.currentTarget.closest(".rorvswild-local-panel__details__section")
+  element.classList.toggle("is-open", section.isOpen)
+  if (section.isOpen)
+    Prism.highlightAllUnder(element)
 }
 
 RorVsWild.Local.Execution.prototype.toggleLowImpactSections = function() {

From c0134344b1657f98b565b464ddaa3b9aa3779890 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 16:15:25 +0200
Subject: [PATCH 28/36] Fix section highlighting

---
 lib/rorvswild/local/javascript/local.js | 21 ++++++++++-----------
 lib/rorvswild/local/local.html.erb      |  4 ++--
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index bbc4e9d..5cd46bc 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -232,15 +232,6 @@ RorVsWild.Local.Execution.prototype.filterSections = function() {
   }.bind(this))
 }
 
-RorVsWild.Local.Execution.prototype.visibleSections = function() {
-  var query = this.sectionQueryFilter
-  return this.filterSections().map(function(section) {
-    return Object.assign({}, section, {
-      locationHtml: RorVsWild.Local.highlightMatches(section.location, query)
-    })
-  })
-}
-
 RorVsWild.Local.Execution.prototype.loadSections = function() {
   var self = this
   this.sections = this.data.sections.map(function(section) {
@@ -306,10 +297,18 @@ RorVsWild.Local.Execution.prototype.renderSectionHeader = function() {
 }
 
 RorVsWild.Local.Execution.prototype.renderSectionList = function() {
-  var container = document.querySelector("#rorvswild-local-sections-list")
-  if (!container) return
+  this.filteredSections = this.filterSections().map(function(section) {
+    return Object.assign({}, section, {
+      locationHtml: RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
+    })
+  }.bind(this))
 
+  var container = document.querySelector("#rorvswild-local-sections-list")
   Barber.render("RorVsWild.Local.Sections.List", this, container)
+
+  this.filteredSections.forEach(function(section) {
+    section.isOpen && Prism.highlightAllUnder(container.querySelector("#section-" + section.id))
+  })
 }
 
 RorVsWild.Local.Execution.prototype.renderSections = function() {
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index b050c44..5394600 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -162,9 +162,9 @@
 </script>
 
 <script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Sections.List">
-  {{#visibleSections}}
+  {{#filteredSections}}
     {{> RorVsWild.Local.Section}}
-  {{/visibleSections}}
+  {{/filteredSections}}
   {{#showLowImpactToggle}}
     <div class="rorvswild-local-panel__toggle-low-impact">
       <button data-events="click->toggleLowImpactSections" class="rorvswild-local-panel__toggle-low-impact__button">{{lowImpactToggleLabel}}</button>

From a201817ec97041fd83cd26eca8bfa698d31ce6a5 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 16:17:59 +0200
Subject: [PATCH 29/36] Remove unsued code

---
 lib/rorvswild/local/javascript/local.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 5cd46bc..5d77ecb 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -69,10 +69,6 @@ RorVsWild.Local.prototype.toggle = function(event) {
   this.active ? this.collapse() : this.expand(event)
 }
 
-RorVsWild.Local.prototype.toggleSection = function(event) {
-  if (this.currentExecution) this.currentExecution.toggleSection(event)
-}
-
 RorVsWild.Local.highlightMatches = function(text, query) {
   if (query.length < 1)
     return Mustache.escape(text)
@@ -254,7 +250,6 @@ RorVsWild.Local.Execution.prototype.loadSections = function() {
       kind: section.kind.substring(0, 7),
       file: section.file,
       line: section.line,
-      isLineRelevant: section.line > 0,
       location: section.file + (section.line > 0 ? ":" + section.line : ""),
       locationUrl: RorVsWild.Local.pathToUrl(self.data.environment.cwd, section.file, section.line),
       isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,

From 27216fa84f2b58b2d6ad7e1efc3c6814777e8a59 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 16:23:27 +0200
Subject: [PATCH 30/36] Improve changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 174ecaa..9d47991 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,7 @@
 
 * Local profiler:
   * Filter sections by kind in sections breakdown
-  * Filter sections by name
+  * Filter sections by file name
 
 ## 1.11.1 (2026-03-16)
 

From d13161352b2cfedee0ee5b6d2054660b06bf3ae6 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 18:20:58 +0200
Subject: [PATCH 31/36] Remove duplicated template between job and request

---
 lib/rorvswild/local/javascript/local.js |  8 ++++----
 lib/rorvswild/local/local.html.erb      | 23 +----------------------
 2 files changed, 5 insertions(+), 26 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 5d77ecb..2c55ec0 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -125,17 +125,17 @@ RorVsWild.Local.formatDateTime = function(date) {
   return [date.getDate(), months[date.getMonth()], hours + ":" + minutes].join(" ")
 }
 
-RorVsWild.Local.prototype.goToExecutionDetail = function(execution, view) {
+RorVsWild.Local.prototype.goToExecutionDetail = function(execution) {
   this.currentExecution = execution
   execution.resetSectionFilters()
   execution.loadSections()
-  this.render(view)
+  this.render("Execution")
   execution.renderSections()
 }
 
 RorVsWild.Local.prototype.goToRequestDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
-  this.goToExecutionDetail(this.requests.find(function(req) { return req.uuid == uuid }), "RequestDetail")
+  this.goToExecutionDetail(this.requests.find(function(req) { return req.uuid == uuid }))
 }
 
 RorVsWild.Local.prototype.goToRequestIndex = function(event) {
@@ -150,7 +150,7 @@ RorVsWild.Local.prototype.goToJobIndex = function(event) {
 
 RorVsWild.Local.prototype.goToJobDetail = function(event) {
   var uuid = event.currentTarget.dataset.uuid
-  this.goToExecutionDetail(this.jobs.find(function(job) { return job.uuid == uuid }), "JobDetail")
+  this.goToExecutionDetail(this.jobs.find(function(job) { return job.uuid == uuid }))
 }
 
 RorVsWild.Local.prototype.goToErrors = function(event) {
diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 5394600..6308ed5 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -106,28 +106,7 @@
   </div>
 </script>
 
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.RequestDetail">
-  {{#currentExecution}}
-    <div class="rorvswild-local-panel__details">
-      <div class="rorvswild-local-panel__details__header">
-        <span class="rorvswild-local-panel__name">
-          <h2 class="rorvswild-local-panel__title">{{name}}</h2>
-          <span class="rorvswild-local-panel__path">
-            {{path}}
-          </span>
-        </span>
-        <span class="rorvswild-local-panel__runtime">{{runtime}}<small>ms</small></span>
-        <span class="rorvswild-local-panel__started-at">{{queuedAt}}</span>
-      </div>
-      <div class="rorvswild-local-panel__details__sections">
-        <div id="rorvswild-local-sections-header"></div>
-        <div id="rorvswild-local-sections-list"></div>
-      </div>
-    </div>
-  {{/currentExecution}}
-</script>
-
-<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.JobDetail">
+<script type="x-tmpl-mustache" data-partial="RorVsWild.Local.Execution">
   {{#currentExecution}}
     <div class="rorvswild-local-panel__details">
       <div class="rorvswild-local-panel__details__header">

From 30825d5cccb5eeba2d6f9d5dbbf755a367313d7b Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 18:32:43 +0200
Subject: [PATCH 32/36] Fix missing closing tags

---
 lib/rorvswild/local/local.html.erb | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 6308ed5..6f194ff 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -131,7 +131,8 @@
   <ul class="rorvswild-local-panel__breakdown">
     {{#sectionsImpactPerKind}}
       <li class="{{#isActive}}is-active{{/isActive}}" style="width: {{impact}}%" title="{{kind}} {{impact}}%" data-events="click->filterSectionsByKind" data-kind="{{kind}}">
-        <span class="rorvswild-local-panel__breakdown__label">{{kind}}</span> <span class="rorvswild-local-panel__breakdown__value">{{impact}}</span><small>%</small></span>
+        <span class="rorvswild-local-panel__breakdown__label">{{kind}}</span>
+        <span class="rorvswild-local-panel__breakdown__value">{{impact}}</span><small>%</small>
       </li>
     {{/sectionsImpactPerKind}}
   </ul>
@@ -155,7 +156,7 @@
   <div class="rorvswild-local-panel__details__section{{#isOpen}} is-open{{/isOpen}}" data-kind="{{kind}}" id="section-{{id}}">
     <div class="rorvswild-local-panel__details__section__main">
       <span class="rorvswild-local-panel__details__section__file">
-        <button data-events="click->toggleSection" data-section-id="{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</button>
+        <button data-events="click->toggleSection" data-section-id="{{id}}" class="rorvswild-local-panel__details__section__kind"><span>{{kind}}</span></button>
         {{#locationUrl}}
           <a href="{{locationUrl}}" class="rorvswild-local-panel__file__name" title="Open in your editor">{{{locationHtml}}}</a>
         {{/locationUrl}}

From 0165623d5a8630cee07d5cef74fbd3e5a1327b8a Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 18:39:11 +0200
Subject: [PATCH 33/36] Remove code

---
 lib/rorvswild/local/javascript/local.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 2c55ec0..d961fc7 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -199,7 +199,6 @@ RorVsWild.Local.Execution = function(data) {
   this.path = data.path
   this.queuedAt = RorVsWild.Local.formatDateTime(new Date(data.queued_at))
   this.sections = []
-  this.resetSectionFilters()
 }
 
 RorVsWild.Local.Execution.prototype.runtime = function() {

From 753d69e98a13ea6eae97e17f59b7bdf38f02dff6 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 18:48:14 +0200
Subject: [PATCH 34/36] Don't duplicate sections

---
 lib/rorvswild/local/javascript/local.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index d961fc7..73731bb 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -291,10 +291,8 @@ RorVsWild.Local.Execution.prototype.renderSectionHeader = function() {
 }
 
 RorVsWild.Local.Execution.prototype.renderSectionList = function() {
-  this.filteredSections = this.filterSections().map(function(section) {
-    return Object.assign({}, section, {
-      locationHtml: RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
-    })
+  (this.filteredSections = this.filterSections()).forEach(function(section) {
+    section.locationHtml = RorVsWild.Local.highlightMatches(section.location, this.sectionQueryFilter)
   }.bind(this))
 
   var container = document.querySelector("#rorvswild-local-sections-list")

From eb3ac354251aadf6589188ab18a96e8842282c84 Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 18:50:06 +0200
Subject: [PATCH 35/36] Use this instead of self

---
 lib/rorvswild/local/javascript/local.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/lib/rorvswild/local/javascript/local.js b/lib/rorvswild/local/javascript/local.js
index 73731bb..28dc0f9 100644
--- a/lib/rorvswild/local/javascript/local.js
+++ b/lib/rorvswild/local/javascript/local.js
@@ -228,10 +228,9 @@ RorVsWild.Local.Execution.prototype.filterSections = function() {
 }
 
 RorVsWild.Local.Execution.prototype.loadSections = function() {
-  var self = this
   this.sections = this.data.sections.map(function(section) {
     var runtime = (section.total_runtime - section.children_runtime)
-    var impactValue = runtime * 100 / self.data.runtime
+    var impactValue = runtime * 100 / this.data.runtime
     return {
       id: RorVsWild.Local.nextId(),
       isOpen: false,
@@ -250,10 +249,10 @@ RorVsWild.Local.Execution.prototype.loadSections = function() {
       file: section.file,
       line: section.line,
       location: section.file + (section.line > 0 ? ":" + section.line : ""),
-      locationUrl: RorVsWild.Local.pathToUrl(self.data.environment.cwd, section.file, section.line),
+      locationUrl: RorVsWild.Local.pathToUrl(this.data.environment.cwd, section.file, section.line),
       isAsync: RorVsWild.Local.relevantRounding(section.async_runtime) > 0,
     }
-  }).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
+  }.bind(this)).sort(function(a, b) { return b.selfRuntime - a.selfRuntime })
 }
 
 RorVsWild.Local.Execution.prototype.sectionsImpactPerKind = function() {

From 895f81798b33566b16fe1004d6b74af99f1cd4fb Mon Sep 17 00:00:00 2001
From: Alexis Bernard <alexis@basesecrete.com>
Date: Fri, 19 Jun 2026 18:55:35 +0200
Subject: [PATCH 36/36] Fix typo

---
 lib/rorvswild/local/local.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/rorvswild/local/local.html.erb b/lib/rorvswild/local/local.html.erb
index 6f194ff..8b5965f 100644
--- a/lib/rorvswild/local/local.html.erb
+++ b/lib/rorvswild/local/local.html.erb
@@ -82,7 +82,7 @@
     <h2 class="rorvswild-local-panel--blank">No jobs</h2>
   {{/jobs}}
   {{#jobs}}
-    <div data-events="click->goToJobDetail" data-uuid="{{uuid}}"" class="rorvswild-local-panel__row">
+    <div data-events="click->goToJobDetail" data-uuid="{{uuid}}" class="rorvswild-local-panel__row">
       <div class="rorvswild-local-panel__name">
         <span>{{name}}</span>
         <div class="rorvswild-local-panel__path">{{path}}</div>