solid_queue_monitor 1.2.2 → 2.0.0

data/app/views/solid_queue_monitor/jobs/_worker.html.erb

@@ -0,0 +1,12 @@
+<% process = @claimed_execution.instance_variable_get(:@process) %>
+<% if process %>
+  <div class="job-section">
+    <h3 class="section-title">Worker</h3>
+    <div class="details-grid">
+      <div class="detail-row"><span class="detail-label">Hostname</span><span class="detail-value"><%= process.hostname %></span></div>
+      <div class="detail-row"><span class="detail-label">PID</span><span class="detail-value"><%= process.pid %></span></div>
+      <div class="detail-row"><span class="detail-label">Process Type</span><span class="detail-value"><%= process.kind %></span></div>
+      <div class="detail-row"><span class="detail-label">Started At</span><span class="detail-value"><%= format_datetime(@claimed_execution.created_at) %></span></div>
+    </div>
+  </div>
+<% end %>

data/app/views/solid_queue_monitor/jobs/show.html.erb

@@ -0,0 +1,22 @@
+<% content_for :title, "Job ##{@job.id}" %>
+
+<div class="job-details-page">
+  <div class="job-back-link">
+    <%= link_to @back_path, class: 'back-link' do %>
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+        <path d="M19 12H5M12 19l-7-7 7-7"/>
+      </svg>
+      Back
+    <% end %>
+  </div>
+
+  <%= render 'header' %>
+  <%= render 'timeline' %>
+  <%= render 'timing' %>
+  <%= render 'error' if @failed_execution %>
+  <%= render 'arguments' %>
+  <%= render 'metadata' %>
+  <%= render 'worker' if @claimed_execution %>
+  <%= render 'execution_history' %>
+  <%= render 'raw_data' %>
+</div>

data/app/views/solid_queue_monitor/overview/_chart.html.erb

@@ -0,0 +1 @@
+<%= render_chart(data: @chart_data, time_range: @time_range) %>

data/app/views/solid_queue_monitor/overview/_recent_job_row.html.erb

@@ -0,0 +1,26 @@
+<% failed_execution = SolidQueue::FailedExecution.find_by(job_id: job.id) if job_status(job) == 'failed' %>
+<tr>
+  <td><%= link_to job.id, job_path(job), class: 'job-class-link' %></td>
+  <td><%= link_to job.class_name, job_path(job), class: 'job-class-link' %></td>
+  <td><%= queue_link(job.queue_name) %></td>
+  <td><%= format_arguments(job.arguments) %></td>
+  <td><%= job_status_badge(job) %></td>
+  <td><%= format_datetime(job.created_at) %></td>
+  <td class="actions-cell">
+    <% if failed_execution %>
+      <div class="job-actions">
+        <form method="post" action="<%= retry_failed_job_path(id: failed_execution.id) %>" class="inline-form">
+          <input type="hidden" name="redirect_to" value="<%= root_path %>">
+          <button type="submit" class="action-button retry-button">Retry</button>
+        </form>
+        <form method="post"
+              action="<%= discard_failed_job_path(id: failed_execution.id) %>"
+              class="inline-form"
+              data-confirm="Are you sure you want to discard this job?">
+          <input type="hidden" name="redirect_to" value="<%= root_path %>">
+          <button type="submit" class="action-button discard-button">Discard</button>
+        </form>
+      </div>
+    <% end %>
+  </td>
+</tr>

data/app/views/solid_queue_monitor/overview/_recent_jobs.html.erb

@@ -0,0 +1,31 @@
+<div class="section-wrapper">
+  <div class="section">
+    <h3>Recent Jobs</h3>
+
+    <%= render 'solid_queue_monitor/shared/filters',
+               action_path: root_path,
+               filters: @filters,
+               show_status: true %>
+
+    <% columns = [
+      { sort_key: nil, label: 'ID' },
+      { sort_key: :class_name, label: 'Job' },
+      { sort_key: :queue_name, label: 'Queue' },
+      { sort_key: nil, label: 'Arguments' },
+      { sort_key: nil, label: 'Status' },
+      { sort_key: :created_at, label: 'Created At' },
+      { sort_key: nil, label: 'Actions' }
+    ] %>
+
+    <%= render 'solid_queue_monitor/shared/jobs_table',
+               jobs: @recent_jobs[:records],
+               columns: columns,
+               sort: @sort,
+               filters: @filters,
+               row_partial: 'solid_queue_monitor/overview/recent_job_row' %>
+
+    <%= render 'solid_queue_monitor/shared/pagination',
+               current_page: @recent_jobs[:current_page],
+               total_pages: @recent_jobs[:total_pages] %>
+  </div>
+</div>

data/app/views/solid_queue_monitor/overview/_stat_card.html.erb

@@ -0,0 +1,4 @@
+<div class="stat-card">
+  <h3><%= title %></h3>
+  <p><%= value %></p>
+</div>

data/app/views/solid_queue_monitor/overview/_stats.html.erb

@@ -0,0 +1,11 @@
+<div class="stats-container">
+  <h3>Queue Statistics</h3>
+  <div class="stats">
+    <%= render 'stat_card', title: 'Active Jobs', value: @stats[:active_jobs] %>
+    <%= render 'stat_card', title: 'Ready', value: @stats[:ready] %>
+    <%= render 'stat_card', title: 'In Progress', value: @stats[:in_progress] %>
+    <%= render 'stat_card', title: 'Scheduled', value: @stats[:scheduled] %>
+    <%= render 'stat_card', title: 'Recurring', value: @stats[:recurring] %>
+    <%= render 'stat_card', title: 'Failed', value: @stats[:failed] %>
+  </div>
+</div>

data/app/views/solid_queue_monitor/overview/index.html.erb

@@ -0,0 +1,9 @@
+<% content_for :title, 'Overview' %>
+
+<%= render 'stats' %>
+
+<% if SolidQueueMonitor.show_chart && @chart_data.present? %>
+  <%= render 'chart' %>
+<% end %>
+
+<%= render 'recent_jobs' %>

data/app/views/solid_queue_monitor/queues/_job_row.html.erb

@@ -0,0 +1,26 @@
+<% status = job_status(job) %>
+<% failed_execution = SolidQueue::FailedExecution.find_by(job_id: job.id) if status == 'failed' %>
+<tr>
+  <td><%= link_to job.id, job_path(job), class: 'job-class-link' %></td>
+  <td><%= link_to job.class_name, job_path(job), class: 'job-class-link' %></td>
+  <td><%= format_arguments(job.arguments) %></td>
+  <td><%= job_status_badge(job) %></td>
+  <td><%= format_datetime(job.created_at) %></td>
+  <td class="actions-cell">
+    <% if failed_execution %>
+      <div class="job-actions">
+        <form method="post" action="<%= retry_failed_job_path(id: failed_execution.id) %>" class="inline-form">
+          <input type="hidden" name="redirect_to" value="<%= queue_details_path(queue_name: @queue_name) %>">
+          <button type="submit" class="action-button retry-button">Retry</button>
+        </form>
+        <form method="post"
+              action="<%= discard_failed_job_path(id: failed_execution.id) %>"
+              class="inline-form"
+              data-confirm="Are you sure you want to discard this job?">
+          <input type="hidden" name="redirect_to" value="<%= queue_details_path(queue_name: @queue_name) %>">
+          <button type="submit" class="action-button discard-button">Discard</button>
+        </form>
+      </div>
+    <% end %>
+  </td>
+</tr>

data/app/views/solid_queue_monitor/queues/_row.html.erb

@@ -0,0 +1,33 @@
+<% queue_name = job.queue_name || 'default' %>
+<% paused = @paused_queues.include?(queue_name) %>
+
+<tr class="<%= 'queue-paused' if paused %>">
+  <td><%= queue_link(queue_name) %></td>
+  <td>
+    <% if paused %>
+      <span class="status-badge status-paused">Paused</span>
+    <% else %>
+      <span class="status-badge status-active">Active</span>
+    <% end %>
+  </td>
+  <td><%= job.job_count %></td>
+  <td><%= @queue_stats.dig(:ready, queue_name) || 0 %></td>
+  <td><%= @queue_stats.dig(:scheduled, queue_name) || 0 %></td>
+  <td><%= @queue_stats.dig(:failed, queue_name) || 0 %></td>
+  <td class="actions-cell">
+    <% if paused %>
+      <form action="<%= resume_queue_path %>" method="post" class="inline-form">
+        <input type="hidden" name="queue_name" value="<%= queue_name %>">
+        <button type="submit" class="action-button resume-button" title="Resume queue processing">Resume</button>
+      </form>
+    <% else %>
+      <form action="<%= pause_queue_path %>"
+            method="post"
+            class="inline-form"
+            data-confirm="Are you sure you want to pause the <%= queue_name %> queue? Workers will stop processing jobs from this queue.">
+        <input type="hidden" name="queue_name" value="<%= queue_name %>">
+        <button type="submit" class="action-button pause-button" title="Pause queue processing">Pause</button>
+      </form>
+    <% end %>
+  </td>
+</tr>

data/app/views/solid_queue_monitor/queues/index.html.erb

@@ -0,0 +1,18 @@
+<% content_for :title, 'Queues' %>
+
+<% columns = [
+  { sort_key: :queue_name, label: 'Queue Name' },
+  { sort_key: nil, label: 'Status' },
+  { sort_key: :job_count, label: 'Total Jobs' },
+  { sort_key: nil, label: 'Ready Jobs' },
+  { sort_key: nil, label: 'Scheduled Jobs' },
+  { sort_key: nil, label: 'Failed Jobs' },
+  { sort_key: nil, label: 'Actions' }
+] %>
+
+<%= render 'solid_queue_monitor/shared/jobs_table',
+           jobs: @queues,
+           columns: columns,
+           sort: @sort,
+           filters: {},
+           row_partial: 'solid_queue_monitor/queues/row' %>

data/app/views/solid_queue_monitor/queues/show.html.erb

@@ -0,0 +1,63 @@
+<% content_for :title, "Queue: #{@queue_name}" %>
+
+<div class="section-header-row">
+  <div class="section-header-left">
+    <% if @paused %>
+      <span class="status-badge status-paused">Paused</span>
+    <% else %>
+      <span class="status-badge status-active">Active</span>
+    <% end %>
+  </div>
+  <div class="section-header-right">
+    <% if @paused %>
+      <form action="<%= resume_queue_path %>" method="post" class="inline-form">
+        <input type="hidden" name="queue_name" value="<%= @queue_name %>">
+        <input type="hidden" name="redirect_to" value="<%= queue_details_path(queue_name: @queue_name) %>">
+        <button type="submit" class="action-button resume-button">Resume Queue</button>
+      </form>
+    <% else %>
+      <form action="<%= pause_queue_path %>" method="post" class="inline-form" data-confirm="Are you sure you want to pause this queue?">
+        <input type="hidden" name="queue_name" value="<%= @queue_name %>">
+        <input type="hidden" name="redirect_to" value="<%= queue_details_path(queue_name: @queue_name) %>">
+        <button type="submit" class="action-button pause-button">Pause Queue</button>
+      </form>
+    <% end %>
+  </div>
+</div>
+
+<div class="stats-container">
+  <div class="stats">
+    <% @counts.each do |label, value| %>
+      <%= render 'solid_queue_monitor/overview/stat_card', title: label.to_s.titleize, value: value %>
+    <% end %>
+  </div>
+</div>
+
+<%= render 'solid_queue_monitor/shared/filters',
+           action_path: @action_path,
+           filters: @filters.merge(queue_name: nil),
+           show_status: true %>
+
+<% if @jobs[:records].empty? %>
+  <p class="empty-message">No jobs in this queue</p>
+<% else %>
+  <% columns = [
+    { sort_key: nil, label: 'ID' },
+    { sort_key: :class_name, label: 'Job' },
+    { sort_key: nil, label: 'Arguments' },
+    { sort_key: nil, label: 'Status' },
+    { sort_key: :created_at, label: 'Created At' },
+    { sort_key: nil, label: 'Actions' }
+  ] %>
+
+  <%= render 'solid_queue_monitor/shared/jobs_table',
+             jobs: @jobs[:records],
+             columns: columns,
+             sort: @sort,
+             filters: @filters,
+             row_partial: 'solid_queue_monitor/queues/job_row' %>
+<% end %>
+
+<%= render 'solid_queue_monitor/shared/pagination',
+           current_page: @jobs[:current_page],
+           total_pages: @jobs[:total_pages] %>

data/app/views/solid_queue_monitor/ready_jobs/_row.html.erb

@@ -0,0 +1,7 @@
+<tr>
+  <td><%= link_to job.job.class_name, job_path(job.job), class: 'job-class-link' %></td>
+  <td><%= queue_link(job.queue_name) %></td>
+  <td><%= job.priority %></td>
+  <td><%= format_arguments(job.job.arguments) %></td>
+  <td><%= format_datetime(job.created_at) %></td>
+</tr>

data/app/views/solid_queue_monitor/ready_jobs/index.html.erb

@@ -0,0 +1,25 @@
+<% content_for :title, 'Ready Jobs' %>
+
+<%= render 'solid_queue_monitor/shared/filters',
+           action_path: @action_path,
+           filters: @filters,
+           show_status: false %>
+
+<% columns = [
+  { sort_key: :class_name, label: 'Job' },
+  { sort_key: :queue_name, label: 'Queue' },
+  { sort_key: :priority, label: 'Priority' },
+  { sort_key: nil, label: 'Arguments' },
+  { sort_key: :created_at, label: 'Created At' }
+] %>
+
+<%= render 'solid_queue_monitor/shared/jobs_table',
+           jobs: @ready_jobs[:records],
+           columns: columns,
+           sort: @sort,
+           filters: @filters,
+           row_partial: 'solid_queue_monitor/ready_jobs/row' %>
+
+<%= render 'solid_queue_monitor/shared/pagination',
+           current_page: @ready_jobs[:current_page],
+           total_pages: @ready_jobs[:total_pages] %>

data/app/views/solid_queue_monitor/recurring_jobs/_row.html.erb

@@ -0,0 +1,8 @@
+<tr>
+  <td><%= job.key %></td>
+  <td><%= job.class_name %></td>
+  <td><%= job.schedule %></td>
+  <td><%= queue_link(job.queue_name) %></td>
+  <td><%= job.priority || 'Default' %></td>
+  <td><%= format_datetime(job.updated_at) %></td>
+</tr>

data/app/views/solid_queue_monitor/recurring_jobs/index.html.erb

@@ -0,0 +1,26 @@
+<% content_for :title, 'Recurring Jobs' %>
+
+<%= render 'solid_queue_monitor/shared/filters',
+           action_path: @action_path,
+           filters: @filters,
+           show_status: false %>
+
+<% columns = [
+  { sort_key: :key, label: 'Key' },
+  { sort_key: :class_name, label: 'Job' },
+  { sort_key: nil, label: 'Schedule' },
+  { sort_key: :queue_name, label: 'Queue' },
+  { sort_key: :priority, label: 'Priority' },
+  { sort_key: nil, label: 'Last Updated' }
+] %>
+
+<%= render 'solid_queue_monitor/shared/jobs_table',
+           jobs: @recurring_jobs[:records],
+           columns: columns,
+           sort: @sort,
+           filters: @filters,
+           row_partial: 'solid_queue_monitor/recurring_jobs/row' %>
+
+<%= render 'solid_queue_monitor/shared/pagination',
+           current_page: @recurring_jobs[:current_page],
+           total_pages: @recurring_jobs[:total_pages] %>

data/app/views/solid_queue_monitor/scheduled_jobs/_row.html.erb

@@ -0,0 +1,7 @@
+<tr>
+  <td><input type="checkbox" name="job_ids[]" value="<%= job.id %>"></td>
+  <td><%= link_to job.job.class_name, job_path(job.job), class: 'job-class-link' %></td>
+  <td><%= queue_link(job.queue_name) %></td>
+  <td><%= format_datetime(job.scheduled_at) %></td>
+  <td><%= format_arguments(job.job.arguments) %></td>
+</tr>

data/app/views/solid_queue_monitor/scheduled_jobs/index.html.erb

@@ -0,0 +1,36 @@
+<% content_for :title, 'Scheduled Jobs' %>
+
+<%= render 'solid_queue_monitor/shared/filters',
+           action_path: @action_path,
+           filters: @filters,
+           show_status: false %>
+
+<div class="bulk-actions-bar">
+  <button type="button" class="action-button execute-button" id="execute-selected-top" data-action-url="<%= execute_jobs_path %>" disabled>
+    Execute Selected
+  </button>
+  <button type="button" class="action-button discard-button" id="reject-selected-top" data-action-url="<%= reject_jobs_path %>" disabled>
+    Reject Selected
+  </button>
+</div>
+
+<form id="scheduled-jobs-form" method="post">
+  <% columns = [
+    { sort_key: nil, label: tag.input(type: 'checkbox', id: 'scheduled-jobs-select-all') },
+    { sort_key: :class_name, label: 'Job' },
+    { sort_key: :queue_name, label: 'Queue' },
+    { sort_key: :scheduled_at, label: 'Scheduled At' },
+    { sort_key: nil, label: 'Arguments' }
+  ] %>
+
+  <%= render 'solid_queue_monitor/shared/jobs_table',
+             jobs: @scheduled_jobs[:records],
+             columns: columns,
+             sort: @sort,
+             filters: @filters,
+             row_partial: 'solid_queue_monitor/scheduled_jobs/row' %>
+</form>
+
+<%= render 'solid_queue_monitor/shared/pagination',
+           current_page: @scheduled_jobs[:current_page],
+           total_pages: @scheduled_jobs[:total_pages] %>

data/app/views/solid_queue_monitor/search/_completed_row.html.erb

@@ -0,0 +1,6 @@
+<tr>
+  <td><%= link_to item.class_name, job_path(item), class: 'job-class-link' %></td>
+  <td><%= queue_link(item.queue_name) %></td>
+  <td><%= format_arguments(item.arguments) %></td>
+  <td><span class="job-timestamp"><%= format_datetime(item.finished_at) %></span></td>
+</tr>

data/app/views/solid_queue_monitor/search/_failed_row.html.erb

@@ -0,0 +1,6 @@
+<tr>
+  <td><%= link_to item.job.class_name, job_path(item.job), class: 'job-class-link' %></td>
+  <td><%= queue_link(item.job.queue_name) %></td>
+  <td><div class="error-message"><%= truncate(item.error.to_s, length: 100) %></div></td>
+  <td><span class="job-timestamp"><%= format_datetime(item.created_at) %></span></td>
+</tr>

data/app/views/solid_queue_monitor/search/_job_row.html.erb

@@ -0,0 +1,9 @@
+<% solid_queue_job = item.job %>
+<% queue_name = item.respond_to?(:queue_name) && item.queue_name.present? ? item.queue_name : solid_queue_job.queue_name %>
+<% time = item.respond_to?(:scheduled_at) && time_label == 'Scheduled for' ? item.scheduled_at : item.created_at %>
+<tr>
+  <td><%= link_to solid_queue_job.class_name, job_path(solid_queue_job), class: 'job-class-link' %></td>
+  <td><%= queue_link(queue_name) %></td>
+  <td><%= format_arguments(solid_queue_job.arguments) %></td>
+  <td><span class="job-timestamp"><%= time_label %>: <%= format_datetime(time) %></span></td>
+</tr>

data/app/views/solid_queue_monitor/search/_recurring_row.html.erb

@@ -0,0 +1,6 @@
+<tr>
+  <td><strong><%= item.key %></strong></td>
+  <td><%= item.class_name || '-' %></td>
+  <td><code><%= item.schedule %></code></td>
+  <td><%= queue_link(item.queue_name) %></td>
+</tr>

data/app/views/solid_queue_monitor/search/_section.html.erb

@@ -0,0 +1,25 @@
+<div class="search-results-section">
+  <h3><%= title %> (<%= items.size %>)</h3>
+  <div class="table-container">
+    <table>
+      <thead>
+        <tr>
+          <% if title == 'Recurring Tasks' %>
+            <th>Key</th><th>Class</th><th>Schedule</th><th>Queue</th>
+          <% elsif title == 'Failed Jobs' %>
+            <th>Job</th><th>Queue</th><th>Error</th><th>Failed At</th>
+          <% elsif title == 'Completed Jobs' %>
+            <th>Job</th><th>Queue</th><th>Arguments</th><th>Completed At</th>
+          <% else %>
+            <th>Job</th><th>Queue</th><th>Arguments</th><th>Time</th>
+          <% end %>
+        </tr>
+      </thead>
+      <tbody>
+        <% items.each do |item| %>
+          <%= render row_partial, item: item, time_label: local_assigns[:time_label] %>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+</div>

data/app/views/solid_queue_monitor/search/index.html.erb

@@ -0,0 +1,23 @@
+<% content_for :title, 'Search' %>
+
+<% if @query.blank? %>
+  <div class="empty-state">
+    <p>Enter a search term in the header to find jobs across all categories.</p>
+  </div>
+<% elsif @total_count.zero? %>
+  <div class="empty-state">
+    <p>No results found for "<%= @query %>"</p>
+    <p class="results-summary">0 results</p>
+  </div>
+<% else %>
+  <div class="results-summary">
+    <p>Found <%= @total_count %> <%= 'result'.pluralize(@total_count) %> for "<%= @query %>"</p>
+  </div>
+
+  <%= render 'section', title: 'Ready Jobs', items: @results[:ready], row_partial: 'solid_queue_monitor/search/job_row', time_label: 'Created at' if @results[:ready].any? %>
+  <%= render 'section', title: 'Scheduled Jobs', items: @results[:scheduled], row_partial: 'solid_queue_monitor/search/job_row', time_label: 'Scheduled for' if @results[:scheduled].any? %>
+  <%= render 'section', title: 'Failed Jobs', items: @results[:failed], row_partial: 'solid_queue_monitor/search/failed_row' if @results[:failed].any? %>
+  <%= render 'section', title: 'In Progress Jobs', items: @results[:in_progress], row_partial: 'solid_queue_monitor/search/job_row', time_label: 'Started at' if @results[:in_progress].any? %>
+  <%= render 'section', title: 'Completed Jobs', items: @results[:completed], row_partial: 'solid_queue_monitor/search/completed_row' if @results[:completed].any? %>
+  <%= render 'section', title: 'Recurring Tasks', items: @results[:recurring], row_partial: 'solid_queue_monitor/search/recurring_row' if @results[:recurring].any? %>
+<% end %>

data/app/views/solid_queue_monitor/shared/_filters.html.erb

@@ -0,0 +1,48 @@
+<% show_status = local_assigns.fetch(:show_status, true) %>
+
+<div class="filter-form-container">
+  <%= form_with url: action_path, method: :get, local: true, html: { class: 'filter-form' } do |form| %>
+    <div class="filter-group">
+      <%= form.label :class_name, 'Job Class:' %>
+      <%= form.text_field :class_name,
+                          value: filters[:class_name],
+                          placeholder: 'Filter by class name' %>
+    </div>
+
+    <div class="filter-group">
+      <%= form.label :queue_name, 'Queue:' %>
+      <%= form.text_field :queue_name,
+                          value: filters[:queue_name],
+                          placeholder: 'Filter by queue' %>
+    </div>
+
+    <div class="filter-group">
+      <%= form.label :arguments, 'Arguments:' %>
+      <%= form.text_field :arguments,
+                          value: filters[:arguments],
+                          placeholder: 'Filter by arguments' %>
+    </div>
+
+    <% if show_status %>
+      <div class="filter-group">
+        <%= form.label :status, 'Status:' %>
+        <%= form.select :status,
+                        options_for_select(
+                          [
+                            ['All Statuses', ''],
+                            ['Completed', 'completed'],
+                            ['Failed', 'failed'],
+                            ['Scheduled', 'scheduled'],
+                            ['Pending', 'pending']
+                          ],
+                          filters[:status]
+                        ) %>
+      </div>
+    <% end %>
+
+    <div class="filter-actions">
+      <%= form.submit 'Apply Filters', class: 'filter-button' %>
+      <%= link_to 'Reset', action_path, class: 'reset-button' %>
+    </div>
+  <% end %>
+</div>

data/app/views/solid_queue_monitor/shared/_flash.html.erb

@@ -0,0 +1,17 @@
+<%
+  message = @flash_message
+  message_type = @flash_type
+  begin
+    message ||= session[:flash_message]
+    message_type ||= session[:flash_type]
+    session.delete(:flash_message) if message
+    session.delete(:flash_type) if message_type
+  rescue StandardError
+    # Session not available.
+  end
+%>
+<% if message %>
+  <div id="flash-message" class="message <%= message_class(message_type) %>">
+    <%= message %>
+  </div>
+<% end %>

data/app/views/solid_queue_monitor/shared/_footer.html.erb

@@ -0,0 +1,3 @@
+<footer>
+  <p>Powered by Solid Queue Monitor</p>
+</footer>

data/app/views/solid_queue_monitor/shared/_header.html.erb

@@ -0,0 +1,81 @@
+<% nav_items = [
+  { path: root_path, label: 'Overview', match: 'Overview' },
+  { path: ready_jobs_path, label: 'Ready Jobs', match: 'Ready Jobs' },
+  { path: in_progress_jobs_path, label: 'In Progress Jobs', match: 'In Progress' },
+  { path: scheduled_jobs_path, label: 'Scheduled Jobs', match: 'Scheduled Jobs' },
+  { path: recurring_jobs_path, label: 'Recurring Jobs', match: 'Recurring Jobs' },
+  { path: failed_jobs_path, label: 'Failed Jobs', match: 'Failed Jobs' },
+  { path: queues_path, label: 'Queues', match: 'Queues' },
+  { path: workers_path, label: 'Workers', match: 'Workers' }
+] %>
+
+<header>
+  <div class="header-top">
+    <h1>
+      <%= link_to 'Solid Queue Monitor', root_path, class: 'header-title-link' %>
+    </h1>
+
+    <%= form_with url: search_path, method: :get, local: true, html: { class: 'header-search-form' } do |form| %>
+      <%= form.text_field :q,
+                          value: params[:q],
+                          placeholder: 'Search by class, queue, job ID, or error...',
+                          class: 'header-search-input' %>
+      <button type="submit" class="header-search-button" title="Search">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+             stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="11" cy="11" r="8"></circle>
+          <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+        </svg>
+      </button>
+    <% end %>
+
+    <div class="header-controls">
+      <% if SolidQueueMonitor.auto_refresh_enabled %>
+        <% interval = SolidQueueMonitor.auto_refresh_interval %>
+        <div class="auto-refresh-container"
+             title="Auto-refresh every <%= interval %>s"
+             data-tooltip="Auto-refresh: Dashboard updates automatically every <%= interval %> seconds. Toggle to enable/disable.">
+          <span class="auto-refresh-indicator" id="auto-refresh-indicator"></span>
+          <span class="auto-refresh-countdown" id="auto-refresh-countdown"><%= interval %>s</span>
+          <label class="auto-refresh-switch" title="Toggle auto-refresh">
+            <input type="checkbox" id="auto-refresh-toggle" checked>
+            <span class="switch-slider"></span>
+          </label>
+          <button class="refresh-now-btn" id="refresh-now-btn" title="Refresh now">
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M21 2v6h-6M3 12a9 9 0 0 1 15-6.7L21 8M3 22v-6h6M21 12a9 9 0 0 1-15 6.7L3 16"/>
+            </svg>
+          </button>
+        </div>
+      <% end %>
+
+      <button class="theme-toggle-btn" id="theme-toggle-btn" title="Toggle dark mode">
+        <svg class="theme-icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+             stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="12" cy="12" r="5"></circle>
+          <line x1="12" y1="1" x2="12" y2="3"></line>
+          <line x1="12" y1="21" x2="12" y2="23"></line>
+          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+          <line x1="1" y1="12" x2="3" y2="12"></line>
+          <line x1="21" y1="12" x2="23" y2="12"></line>
+          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+        </svg>
+        <svg class="theme-icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor"
+             stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+        </svg>
+      </button>
+    </div>
+  </div>
+
+  <nav class="navigation">
+    <% nav_items.each do |item| %>
+      <%= link_to item[:label],
+                  item[:path],
+                  class: class_names('nav-link', active: content_for(:title).to_s.include?(item[:match])) %>
+    <% end %>
+  </nav>
+</header>