From 3ca614442f7071c7ea000154329ef7e66623e11c Mon Sep 17 00:00:00 2001
From: Chuck Smith <eclectic-coding@users.noreply.github.com>
Date: Tue, 26 May 2026 08:50:29 -0400
Subject: [PATCH 1/5] =?UTF-8?q?feat:=20Solid=20Cache=20entry=20browser=20?=
 =?UTF-8?q?=E2=80=94=20paginated=20table,=20key=20search,=20delete,=20flus?=
 =?UTF-8?q?h?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds GET /cache/entries with sortable columns (key, byte_size, created_at),
key-substring search, per-row delete, and "Flush All" with confirmation.
Cache subnav added to the layout (Overview / Entries).

Also fixes a pre-existing test where a broad JSON.pretty_generate mock
was also catching importmap's internal JSON serialisation; narrowed with
and_wrap_original to only raise for the specific job arguments object.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../solid_stack_web/application_controller.rb |  2 +-
 .../cache_entries_controller.rb               | 33 +++++++++
 .../solid_stack_web/application.html.erb      | 11 +++
 .../cache_entries/index.html.erb              | 64 +++++++++++++++++
 config/routes.rb                              |  7 +-
 .../solid_stack_web/cache_entries_spec.rb     | 71 +++++++++++++++++++
 .../solid_stack_web/failed_jobs_spec.rb       |  6 +-
 7 files changed, 191 insertions(+), 3 deletions(-)
 create mode 100644 app/controllers/solid_stack_web/cache_entries_controller.rb
 create mode 100644 app/views/solid_stack_web/cache_entries/index.html.erb
 create mode 100644 spec/requests/solid_stack_web/cache_entries_spec.rb

diff --git a/app/controllers/solid_stack_web/application_controller.rb b/app/controllers/solid_stack_web/application_controller.rb
index 5110276..965974d 100644
--- a/app/controllers/solid_stack_web/application_controller.rb
+++ b/app/controllers/solid_stack_web/application_controller.rb
@@ -16,7 +16,7 @@ class ApplicationController < ActionController::Base
     def current_section
       case controller_name
       when "jobs", "failed_jobs", "queues", "processes", "history", "scheduled_jobs", "recurring_tasks" then :queue
-      when "cache" then :cache
+      when "cache", "cache_entries" then :cache
       when "cable" then :cable
       else :overview
       end
diff --git a/app/controllers/solid_stack_web/cache_entries_controller.rb b/app/controllers/solid_stack_web/cache_entries_controller.rb
new file mode 100644
index 0000000..064d4f9
--- /dev/null
+++ b/app/controllers/solid_stack_web/cache_entries_controller.rb
@@ -0,0 +1,33 @@
+module SolidStackWeb
+  class CacheEntriesController < ApplicationController
+    def index
+      @search = params[:q].presence
+      @sort   = resolve_sort
+
+      scope = ::SolidCache::Entry.all
+      scope = scope.where("key LIKE ?", "%#{::ActiveRecord::Base.sanitize_sql_like(@search)}%") if @search
+      scope = scope.order(@sort["column"] => @sort["direction"])
+
+      @pagy, @entries = pagy(scope)
+    end
+
+    def destroy
+      ::SolidCache::Entry.find(params[:id]).destroy
+      redirect_to cache_entries_path(q: params[:q], column: params[:column], direction: params[:direction]),
+                  notice: "Cache entry deleted."
+    end
+
+    def flush
+      ::SolidCache::Entry.delete_all
+      redirect_to cache_entries_path, notice: "All cache entries flushed."
+    end
+
+    private
+
+    def resolve_sort
+      column    = %w[byte_size created_at key].include?(params[:column]) ? params[:column] : "byte_size"
+      direction = %w[asc desc].include?(params[:direction])              ? params[:direction] : "desc"
+      { "column" => column, "direction" => direction }
+    end
+  end
+end
diff --git a/app/views/layouts/solid_stack_web/application.html.erb b/app/views/layouts/solid_stack_web/application.html.erb
index 1df5f2e..462f69a 100644
--- a/app/views/layouts/solid_stack_web/application.html.erb
+++ b/app/views/layouts/solid_stack_web/application.html.erb
@@ -24,6 +24,17 @@
     </div>
   </header>
 
+  <% if current_section == :cache %>
+    <nav class="sqw-subnav">
+      <div class="sqw-subnav__inner">
+        <%= link_to "Overview", cache_path,
+              class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "cache"}" %>
+        <%= link_to "Entries", cache_entries_path,
+              class: "sqw-subnav__link#{" sqw-subnav__link--active" if controller_name == "cache_entries"}" %>
+      </div>
+    </nav>
+  <% end %>
+
   <% if current_section == :queue %>
     <nav class="sqw-subnav">
       <div class="sqw-subnav__inner">
diff --git a/app/views/solid_stack_web/cache_entries/index.html.erb b/app/views/solid_stack_web/cache_entries/index.html.erb
new file mode 100644
index 0000000..841beda
--- /dev/null
+++ b/app/views/solid_stack_web/cache_entries/index.html.erb
@@ -0,0 +1,64 @@
+<div class="sqw-page-header sqw-page-header--split">
+  <h1 class="sqw-page-title">Cache Entries</h1>
+  <div class="sqw-header-actions">
+    <%= button_to "Flush All",
+          flush_cache_entries_path,
+          method: :delete,
+          class: "sqw-btn sqw-btn--danger sqw-btn--sm",
+          data: { turbo_confirm: "Delete all cache entries? This cannot be undone." } %>
+  </div>
+</div>
+
+<form class="sqw-filters" action="<%= cache_entries_path %>" method="get">
+  <%= hidden_field_tag :column,    @sort["column"] %>
+  <%= hidden_field_tag :direction, @sort["direction"] %>
+  <input class="sqw-search-input" type="search" name="q" value="<%= @search %>"
+         placeholder="Filter by key…" autocomplete="off" aria-label="Filter by key">
+  <button type="submit" class="sqw-btn sqw-btn--muted sqw-btn--sm">Search</button>
+  <% if @search.present? %>
+    <%= link_to "Clear", cache_entries_path(column: @sort["column"], direction: @sort["direction"]),
+          class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
+  <% end %>
+</form>
+
+<% if @entries.any? %>
+  <table class="sqw-table">
+    <thead>
+      <tr>
+        <% [["key", "Key"], ["byte_size", "Size"], ["created_at", "Created"]].each do |col, label| %>
+          <th>
+            <% next_dir = (@sort["column"] == col && @sort["direction"] == "desc") ? "asc" : "desc" %>
+            <%= link_to cache_entries_path(q: @search, column: col, direction: next_dir) do %>
+              <%= label %>
+              <% if @sort["column"] == col %>
+                <span class="sqw-sort-indicator"><%= @sort["direction"] == "desc" ? "↓" : "↑" %></span>
+              <% end %>
+            <% end %>
+          </th>
+        <% end %>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @entries.each do |entry| %>
+        <tr id="cache_entry_<%= entry.id %>">
+          <td class="sqw-monospace sqw-truncate" title="<%= entry.key %>"><%= entry.key %></td>
+          <td><%= number_to_human_size(entry.byte_size) %></td>
+          <td class="sqw-muted"><%= entry.created_at.strftime("%b %d %H:%M") %></td>
+          <td class="sqw-actions">
+            <%= button_to "Delete",
+                  cache_entry_path(entry, q: @search, column: @sort["column"], direction: @sort["direction"]),
+                  method: :delete,
+                  class: "sqw-btn sqw-btn--danger sqw-btn--sm",
+                  data: { turbo_confirm: "Delete this cache entry?" } %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+  <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
+<% else %>
+  <div class="sqw-empty">
+    <p><%= @search.present? ? "No entries matching &ldquo;#{@search}&rdquo;.".html_safe : "No cache entries." %></p>
+  </div>
+<% end %>
\ No newline at end of file
diff --git a/config/routes.rb b/config/routes.rb
index 10b666d..2d33633 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -34,6 +34,11 @@
   get "metrics", to: "metrics#index", as: :metrics
   get "stats",   to: "stats#index",   as: :stats
   get "history", to: "history#index", as: :history
-  get "cache", to: "cache#index", as: :cache
+  get "cache",       to: "cache#index",       as: :cache
+  resources :cache_entries, only: [:index, :destroy], path: "cache/entries" do
+    collection do
+      delete :flush, action: :flush
+    end
+  end
   get "cable", to: "cable#index", as: :cable
 end
diff --git a/spec/requests/solid_stack_web/cache_entries_spec.rb b/spec/requests/solid_stack_web/cache_entries_spec.rb
new file mode 100644
index 0000000..b0729ef
--- /dev/null
+++ b/spec/requests/solid_stack_web/cache_entries_spec.rb
@@ -0,0 +1,71 @@
+require "rails_helper"
+
+RSpec.describe "CacheEntries", type: :request do
+  let(:engine_root) { "/solid_stack" }
+
+  def create_entry(key: "mykey", value: "myval")
+    SolidCache::Entry.write(key, value)
+    SolidCache::Entry.order(created_at: :desc).first
+  end
+
+  describe "GET /cache/entries" do
+    it "returns 200" do
+      get "#{engine_root}/cache/entries"
+      expect(response).to have_http_status(:ok)
+    end
+
+    it "lists entries sorted by byte_size desc by default" do
+      create_entry(key: "small", value: "x")
+      create_entry(key: "large", value: "x" * 100)
+      get "#{engine_root}/cache/entries"
+      expect(response.body.index("large")).to be < response.body.index("small")
+    end
+
+    it "filters entries by key substring" do
+      create_entry(key: "alpha:1", value: "a")
+      create_entry(key: "beta:1", value: "b")
+      get "#{engine_root}/cache/entries", params: { q: "alpha" }
+      expect(response.body).to include("alpha:1")
+      expect(response.body).not_to include("beta:1")
+    end
+
+    it "shows empty state when no entries exist" do
+      get "#{engine_root}/cache/entries"
+      expect(response.body).to include("No cache entries")
+    end
+
+    it "shows empty state when search yields no results" do
+      create_entry(key: "some:key", value: "v")
+      get "#{engine_root}/cache/entries", params: { q: "nope" }
+      expect(response.body).to include("No entries matching")
+    end
+
+    it "sorts by created_at when requested" do
+      get "#{engine_root}/cache/entries", params: { column: "created_at", direction: "asc" }
+      expect(response).to have_http_status(:ok)
+    end
+
+    it "ignores invalid sort column and falls back to byte_size" do
+      get "#{engine_root}/cache/entries", params: { column: "evil; DROP TABLE", direction: "desc" }
+      expect(response).to have_http_status(:ok)
+    end
+  end
+
+  describe "DELETE /cache/entries/:id" do
+    it "deletes the entry and redirects" do
+      entry = create_entry
+      delete "#{engine_root}/cache/entries/#{entry.id}"
+      expect(response).to redirect_to("#{engine_root}/cache/entries")
+      expect(SolidCache::Entry.exists?(entry.id)).to be false
+    end
+  end
+
+  describe "DELETE /cache/entries/flush" do
+    it "deletes all entries and redirects" do
+      3.times { |i| create_entry(key: "key#{i}", value: "v") }
+      delete "#{engine_root}/cache/entries/flush"
+      expect(response).to redirect_to("#{engine_root}/cache/entries")
+      expect(SolidCache::Entry.count).to eq(0)
+    end
+  end
+end
diff --git a/spec/requests/solid_stack_web/failed_jobs_spec.rb b/spec/requests/solid_stack_web/failed_jobs_spec.rb
index 8b6fa1a..592f3f7 100644
--- a/spec/requests/solid_stack_web/failed_jobs_spec.rb
+++ b/spec/requests/solid_stack_web/failed_jobs_spec.rb
@@ -144,7 +144,11 @@ def create_failed(class_name: "FailingJob", queue_name: "default")
 
     it "falls back to raw arguments string when JSON generation fails" do
       execution = create_failed
-      allow(JSON).to receive(:pretty_generate).and_raise(JSON::GeneratorError, "NaN")
+      job_args  = execution.job.arguments
+      allow(JSON).to receive(:pretty_generate).and_wrap_original do |m, obj, *rest|
+        raise JSON::GeneratorError, "NaN" if obj == job_args
+        m.call(obj, *rest)
+      end
 
       get "#{engine_root}/failed_jobs/#{execution.id}"
 

From 18465534d2c10809ceefecb0d60341c266aca569 Mon Sep 17 00:00:00 2001
From: Chuck Smith <eclectic-coding@users.noreply.github.com>
Date: Tue, 26 May 2026 08:52:08 -0400
Subject: [PATCH 2/5] docs: update CHANGELOG, README, and ROADMAP for cache
 entry browser

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 CHANGELOG.md | 4 ++++
 README.md    | 8 +++++++-
 ROADMAP.md   | 8 ++++++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2c284d8..6edfa01 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- Solid Cache entry browser — `GET /cache/entries` lists all `SolidCache::Entry` records in a paginated, sortable table (key, byte size, created-at); sortable by any column; key-substring search filters the list; per-row **Delete** removes a single entry; **Flush All** header button deletes every entry with a confirmation prompt; Cache subnav (Overview / Entries) added to the layout
+
 ## [0.4.0] - 2026-05-26
 
 ### Added
diff --git a/README.md b/README.md
index c2c6784..60e5a22 100644
--- a/README.md
+++ b/README.md
@@ -94,7 +94,13 @@ Filters are preserved when switching between status tabs (Ready / Scheduled / Ru
 
 ## Solid Cache
 
-_Deep cache monitoring coming in v0.5.0. Currently shows entry count and total byte size on the overview dashboard._
+### Features
+
+- **Overview dashboard card** — live entry count and total byte size
+- **Entry browser** — `GET /cache/entries` lists all `SolidCache::Entry` records in a paginated, sortable table; columns: key, byte size, created-at; sortable by any column
+- **Key search** — filter entries by key substring
+- **Delete entry** — per-row delete button removes a single cache entry
+- **Flush All** — header button deletes every cache entry with a confirmation prompt
 
 ---
 
diff --git a/ROADMAP.md b/ROADMAP.md
index 12ca397..f4a0867 100644
--- a/ROADMAP.md
+++ b/ROADMAP.md
@@ -11,8 +11,12 @@ The path to v1.0.0 is staged: first achieve feature parity with `solid_queue_das
 > _Move beyond a single count; give operators visibility into what's in the cache._
 
 ### Added
-- **Entry browser** — paginated table of `SolidCache::Entry` records with key, byte size, created_at, and last accessed_at; sorted by size or recency
-- **Key-pattern search** — filter entries by key prefix or substring
+- **Delete entry** — remove a single cache entry from the browser
+- **Flush actions** — "Flush expired" (entries past their TTL), "Flush all" (with confirmation prompt)
+- **Size distribution stats** — top-N entries by byte size; histogram bucketed by size range
+- **Entry detail** — view the serialised value of a single cache entry (with a configurable `allow_value_preview` toggle for sensitive data)
+- **Cache timeline** — 24-hour chart of entry count and total byte size growth
+- **Stats dashboard card** — expand the overview card to include hit/miss rates if `SolidCache` exposes them, plus oldest-entry age
 - **Size distribution stats** — top-N entries by byte size; histogram bucketed by size range
 - **Entry detail** — view the serialised value of a single cache entry (with a configurable `allow_value_preview` toggle for sensitive data)
 - **Delete entry** — remove a single cache entry from the browser

From 0e4b97725a2bd6cc3a57dd4d46c178438165946f Mon Sep 17 00:00:00 2001
From: Chuck Smith <eclectic-coding@users.noreply.github.com>
Date: Tue, 26 May 2026 08:53:23 -0400
Subject: [PATCH 3/5] test: cover search_results_limit default and configured
 value

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 spec/solid_stack_web_spec.rb | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/spec/solid_stack_web_spec.rb b/spec/solid_stack_web_spec.rb
index c457477..b8ccfa1 100644
--- a/spec/solid_stack_web_spec.rb
+++ b/spec/solid_stack_web_spec.rb
@@ -12,4 +12,17 @@
       SolidStackWeb.page_size = 25
     end
   end
+
+  describe ".search_results_limit" do
+    it "defaults to 25" do
+      expect(SolidStackWeb.search_results_limit).to eq(25)
+    end
+
+    it "returns the configured value" do
+      SolidStackWeb.search_results_limit = 50
+      expect(SolidStackWeb.search_results_limit).to eq(50)
+    ensure
+      SolidStackWeb.search_results_limit = nil
+    end
+  end
 end

From ddb13ef2ffb8be5645f34bfdc544a3ec59ac23c7 Mon Sep 17 00:00:00 2001
From: Chuck Smith <eclectic-coding@users.noreply.github.com>
Date: Tue, 26 May 2026 09:01:44 -0400
Subject: [PATCH 4/5] refactor: extract flush action into
 Cache::FlushesController

Flush is a non-CRUD bulk-destroy operation; giving it its own controller
mirrors the Queues::PausesController pattern already used in the engine.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../solid_stack_web/cache/flushes_controller.rb          | 8 ++++++++
 .../solid_stack_web/cache_entries_controller.rb          | 5 -----
 app/views/solid_stack_web/cache_entries/index.html.erb   | 2 +-
 config/routes.rb                                         | 9 +++------
 spec/requests/solid_stack_web/cache_entries_spec.rb      | 4 ++--
 5 files changed, 14 insertions(+), 14 deletions(-)
 create mode 100644 app/controllers/solid_stack_web/cache/flushes_controller.rb

diff --git a/app/controllers/solid_stack_web/cache/flushes_controller.rb b/app/controllers/solid_stack_web/cache/flushes_controller.rb
new file mode 100644
index 0000000..b53967f
--- /dev/null
+++ b/app/controllers/solid_stack_web/cache/flushes_controller.rb
@@ -0,0 +1,8 @@
+module SolidStackWeb
+  class Cache::FlushesController < ApplicationController
+    def destroy
+      ::SolidCache::Entry.delete_all
+      redirect_to cache_entries_path, notice: "All cache entries flushed."
+    end
+  end
+end
diff --git a/app/controllers/solid_stack_web/cache_entries_controller.rb b/app/controllers/solid_stack_web/cache_entries_controller.rb
index 064d4f9..f15ecde 100644
--- a/app/controllers/solid_stack_web/cache_entries_controller.rb
+++ b/app/controllers/solid_stack_web/cache_entries_controller.rb
@@ -17,11 +17,6 @@ def destroy
                   notice: "Cache entry deleted."
     end
 
-    def flush
-      ::SolidCache::Entry.delete_all
-      redirect_to cache_entries_path, notice: "All cache entries flushed."
-    end
-
     private
 
     def resolve_sort
diff --git a/app/views/solid_stack_web/cache_entries/index.html.erb b/app/views/solid_stack_web/cache_entries/index.html.erb
index 841beda..6b24b11 100644
--- a/app/views/solid_stack_web/cache_entries/index.html.erb
+++ b/app/views/solid_stack_web/cache_entries/index.html.erb
@@ -2,7 +2,7 @@
   <h1 class="sqw-page-title">Cache Entries</h1>
   <div class="sqw-header-actions">
     <%= button_to "Flush All",
-          flush_cache_entries_path,
+          cache_flush_path,
           method: :delete,
           class: "sqw-btn sqw-btn--danger sqw-btn--sm",
           data: { turbo_confirm: "Delete all cache entries? This cannot be undone." } %>
diff --git a/config/routes.rb b/config/routes.rb
index 2d33633..a2408c8 100644
--- a/config/routes.rb
+++ b/config/routes.rb
@@ -34,11 +34,8 @@
   get "metrics", to: "metrics#index", as: :metrics
   get "stats",   to: "stats#index",   as: :stats
   get "history", to: "history#index", as: :history
-  get "cache",       to: "cache#index",       as: :cache
-  resources :cache_entries, only: [:index, :destroy], path: "cache/entries" do
-    collection do
-      delete :flush, action: :flush
-    end
-  end
+  get "cache", to: "cache#index", as: :cache
+  resources :cache_entries, only: [:index, :destroy], path: "cache/entries"
+  resource  :cache_flush,   only: [:destroy],         path: "cache/flush",    controller: "cache/flushes"
   get "cable", to: "cable#index", as: :cable
 end
diff --git a/spec/requests/solid_stack_web/cache_entries_spec.rb b/spec/requests/solid_stack_web/cache_entries_spec.rb
index b0729ef..8087a24 100644
--- a/spec/requests/solid_stack_web/cache_entries_spec.rb
+++ b/spec/requests/solid_stack_web/cache_entries_spec.rb
@@ -60,10 +60,10 @@ def create_entry(key: "mykey", value: "myval")
     end
   end
 
-  describe "DELETE /cache/entries/flush" do
+  describe "DELETE /cache/flush" do
     it "deletes all entries and redirects" do
       3.times { |i| create_entry(key: "key#{i}", value: "v") }
-      delete "#{engine_root}/cache/entries/flush"
+      delete "#{engine_root}/cache/flush"
       expect(response).to redirect_to("#{engine_root}/cache/entries")
       expect(SolidCache::Entry.count).to eq(0)
     end

From de169668732b5afc08fde016bf879b835de5bbca Mon Sep 17 00:00:00 2001
From: Chuck Smith <eclectic-coding@users.noreply.github.com>
Date: Tue, 26 May 2026 09:05:54 -0400
Subject: [PATCH 5/5] feat: auto-submit search forms after 4 chars via
 SearchController

Removes explicit Search buttons from all filter forms. The Stimulus
search controller debounces input (300 ms) and submits when length
reaches 4 or clears to 0; select dropdowns submit immediately on change.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/javascript/solid_stack_web/application.js    |  2 ++
 .../solid_stack_web/search_controller.js         | 16 ++++++++++++++++
 .../solid_stack_web/cache_entries/index.html.erb |  6 +++---
 app/views/solid_stack_web/history/index.html.erb |  6 +++---
 app/views/solid_stack_web/jobs/index.html.erb    | 12 +++++++-----
 config/importmap.rb                              |  1 +
 6 files changed, 32 insertions(+), 11 deletions(-)
 create mode 100644 app/javascript/solid_stack_web/search_controller.js

diff --git a/app/javascript/solid_stack_web/application.js b/app/javascript/solid_stack_web/application.js
index 050a9d5..3c5b90b 100644
--- a/app/javascript/solid_stack_web/application.js
+++ b/app/javascript/solid_stack_web/application.js
@@ -1,10 +1,12 @@
 import "@hotwired/turbo"
 import { Application } from "@hotwired/stimulus"
 import RefreshController from "solid_stack_web/refresh_controller"
+import SearchController from "solid_stack_web/search_controller"
 import SelectionController from "solid_stack_web/selection_controller"
 import SparklineTooltipController from "solid_stack_web/sparkline_tooltip_controller"
 
 const application = Application.start()
 application.register("refresh", RefreshController)
+application.register("search", SearchController)
 application.register("selection", SelectionController)
 application.register("sparkline-tooltip", SparklineTooltipController)
\ No newline at end of file
diff --git a/app/javascript/solid_stack_web/search_controller.js b/app/javascript/solid_stack_web/search_controller.js
new file mode 100644
index 0000000..59de917
--- /dev/null
+++ b/app/javascript/solid_stack_web/search_controller.js
@@ -0,0 +1,16 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  filter({ target }) {
+    clearTimeout(this._timer)
+    const len = target.value.length
+    if (len >= 4 || len === 0) {
+      this._timer = setTimeout(() => target.form.requestSubmit(), 300)
+    }
+  }
+
+  select({ target }) {
+    clearTimeout(this._timer)
+    target.form.requestSubmit()
+  }
+}
\ No newline at end of file
diff --git a/app/views/solid_stack_web/cache_entries/index.html.erb b/app/views/solid_stack_web/cache_entries/index.html.erb
index 6b24b11..cac1967 100644
--- a/app/views/solid_stack_web/cache_entries/index.html.erb
+++ b/app/views/solid_stack_web/cache_entries/index.html.erb
@@ -9,12 +9,12 @@
   </div>
 </div>
 
-<form class="sqw-filters" action="<%= cache_entries_path %>" method="get">
+<form class="sqw-filters" action="<%= cache_entries_path %>" method="get" data-controller="search">
   <%= hidden_field_tag :column,    @sort["column"] %>
   <%= hidden_field_tag :direction, @sort["direction"] %>
   <input class="sqw-search-input" type="search" name="q" value="<%= @search %>"
-         placeholder="Filter by key…" autocomplete="off" aria-label="Filter by key">
-  <button type="submit" class="sqw-btn sqw-btn--muted sqw-btn--sm">Search</button>
+         placeholder="Filter by key…" autocomplete="off" aria-label="Filter by key"
+         data-action="input->search#filter">
   <% if @search.present? %>
     <%= link_to "Clear", cache_entries_path(column: @sort["column"], direction: @sort["direction"]),
           class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
diff --git a/app/views/solid_stack_web/history/index.html.erb b/app/views/solid_stack_web/history/index.html.erb
index c812096..49da22a 100644
--- a/app/views/solid_stack_web/history/index.html.erb
+++ b/app/views/solid_stack_web/history/index.html.erb
@@ -10,14 +10,14 @@
   </div>
 </div>
 
-<form class="sqw-filters" action="<%= history_path %>" method="get">
+<form class="sqw-filters" action="<%= history_path %>" method="get" data-controller="search">
   <% if @queue.present? %>
     <input type="hidden" name="queue" value="<%= @queue %>">
   <% end %>
   <input type="hidden" name="period" value="<%= @period %>">
   <input class="sqw-search-input" type="search" name="q" value="<%= @search %>"
-         placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class">
-  <button type="submit" class="sqw-btn sqw-btn--muted sqw-btn--sm">Search</button>
+         placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class"
+         data-action="input->search#filter">
   <% if @search.present? %>
     <%= link_to "Clear", history_path(queue: @queue, period: @period), class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
   <% end %>
diff --git a/app/views/solid_stack_web/jobs/index.html.erb b/app/views/solid_stack_web/jobs/index.html.erb
index b5c1ca8..1901d9a 100644
--- a/app/views/solid_stack_web/jobs/index.html.erb
+++ b/app/views/solid_stack_web/jobs/index.html.erb
@@ -32,13 +32,15 @@
 <%= turbo_frame_tag "sqw-jobs-filter",
       data: { turbo_action: "advance", controller: "refresh",
               refresh_interval_value: SolidStackWeb.default_refresh_interval } do %>
-<form class="sqw-filters" action="<%= jobs_path %>" method="get">
+<form class="sqw-filters" action="<%= jobs_path %>" method="get" data-controller="search">
   <%= hidden_field_tag :status, @status %>
   <%= hidden_field_tag :period, @period %>
   <input class="sqw-search-input" type="search" name="q" value="<%= @search %>"
-         placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class">
+         placeholder="Filter by job class…" autocomplete="off" aria-label="Filter by job class"
+         data-action="input->search#filter">
   <% if @queue_options.size > 1 %>
-    <select name="queue" class="sqw-select" aria-label="Filter by queue" onchange="this.form.requestSubmit()">
+    <select name="queue" class="sqw-select" aria-label="Filter by queue"
+            data-action="change->search#select">
       <option value="">All queues</option>
       <% @queue_options.each do |q| %>
         <option value="<%= q %>" <%= "selected" if @queue == q %>><%= q %></option>
@@ -46,14 +48,14 @@
     </select>
   <% end %>
   <% if @priority_options.size > 1 %>
-    <select name="priority" class="sqw-select" aria-label="Filter by priority" onchange="this.form.requestSubmit()">
+    <select name="priority" class="sqw-select" aria-label="Filter by priority"
+            data-action="change->search#select">
       <option value="">All priorities</option>
       <% @priority_options.each do |p| %>
         <option value="<%= p %>" <%= "selected" if @priority.to_s == p.to_s %>>Priority <%= p %></option>
       <% end %>
     </select>
   <% end %>
-  <button type="submit" class="sqw-btn sqw-btn--muted sqw-btn--sm">Search</button>
   <% if @search.present? || @queue.present? || @priority.present? %>
     <%= link_to "Clear", jobs_path(status: @status, period: @period), class: "sqw-btn sqw-btn--muted sqw-btn--sm" %>
   <% end %>
diff --git a/config/importmap.rb b/config/importmap.rb
index 0c67d20..8f4e779 100644
--- a/config/importmap.rb
+++ b/config/importmap.rb
@@ -2,5 +2,6 @@
 pin "@hotwired/stimulus", to: "https://cdn.jsdelivr.net/npm/@hotwired/stimulus@3.2.2/dist/stimulus.js"
 pin "solid_stack_web", to: "solid_stack_web/application.js"
 pin "solid_stack_web/refresh_controller", to: "solid_stack_web/refresh_controller.js"
+pin "solid_stack_web/search_controller", to: "solid_stack_web/search_controller.js"
 pin "solid_stack_web/selection_controller", to: "solid_stack_web/selection_controller.js"
 pin "solid_stack_web/sparkline_tooltip_controller", to: "solid_stack_web/sparkline_tooltip_controller.js"