roundhouse_ui 0.10.0 → 0.11.0

data/app/views/roundhouse_ui/recurring/index.html.erb

@@ -0,0 +1,71 @@
+<% content_for :title, "Recurring" %>
+
+<%# The useful view is not the crontab — it is "this says hourly and has not run
+    in three days". That comparison needs the schedule's interval, which needs a
+    cron parser; where one is unavailable, staleness is reported as unknown
+    rather than guessed. %>
+<h2 class="rh-h2">
+  Recurring · <%= pluralize(@tasks.size, "task") %>
+  <% if @overdue.positive? %><span class="hint"><%= @overdue %> overdue</span><% end %>
+  <% if @sources.any? %><span class="hint">from <%= @sources.to_sentence %></span><% end %>
+</h2>
+
+<% if @tasks.empty? %>
+  <div class="rh-panel">
+    <p class="rh-empty">
+      No recurring jobs found. Roundhouse reads sidekiq-cron, sidekiq-scheduler,
+      Sidekiq Enterprise periodic loops and Solid Queue recurring tasks — configure
+      one and its schedule appears here.
+    </p>
+  </div>
+<% else %>
+  <table class="rh-table">
+    <thead><tr>
+      <th class="rh-sort" data-sort-col="0" data-sort-type="text">Task</th>
+      <th class="rh-sort" data-sort-col="1" data-sort-type="text">Schedule</th>
+      <th>Queue</th>
+      <th class="rh-sort r" data-sort-col="3" data-sort-type="num">Last run</th>
+      <th>State</th>
+    </tr></thead>
+    <tbody>
+      <% @tasks.each do |t| %>
+        <% sev = { overdue: "crit", paused: "warn", unknown: "warn", ok: "ok" }[t.status] %>
+        <tr data-rh-sev="<%= sev %>">
+          <td data-sort-value="<%= t.name %>">
+            <div class="rh-mono"><%= t.name %></div>
+            <% if t.klass.present? && t.klass.to_s != t.name.to_s %>
+              <div class="rh-sub rh-mono"><%= t.klass %></div>
+            <% end %>
+          </td>
+          <td data-sort-value="<%= t.schedule %>"><span class="rh-pill rh-mono"><%= t.schedule %></span></td>
+          <td><%= t.queue.present? ? queue_pill(t.queue) : content_tag(:span, "—", class: "rh-sub") %></td>
+          <td class="r" data-sort-value="<%= t.last_run&.to_i || 0 %>">
+            <%= t.last_run ? job_time(t.last_run, overdue: "#{time_ago_in_words(t.last_run)} ago") : content_tag(:span, "never", class: "rh-sub") %>
+          </td>
+          <td>
+            <% case t.status %>
+            <% when :overdue %>
+              <span class="rh-fc rh-fc-growing"><%= icon(:warn) %> overdue — schedule says <%= t.schedule %></span>
+            <% when :paused %>
+              <span class="rh-pill rh-pill-warn">paused</span>
+            <% when :unknown %>
+              <span class="rh-fc rh-fc-stalled"><%= icon(:warn) %> never run</span>
+            <% else %>
+              <span class="rh-fc rh-fc-draining"><%= icon(:ok) %> on schedule</span>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+
+  <p class="rh-note">
+    Read-only. Schedules are defined in your application; this shows what those
+    definitions are currently doing.
+    <% unless defined?(::Fugit) %>
+      Staleness cannot be judged without a cron parser — install
+      <code>fugit</code> (sidekiq-cron and sidekiq-scheduler both already depend
+      on it) and overdue tasks will be flagged.
+    <% end %>
+  </p>
+<% end %>

data/app/views/roundhouse_ui/retries/index.html.erb

@@ -1,11 +1,9 @@
 <% content_for :title, "Retries" %>
 
-<form method="get" action="<%= retries_path %>" class="rh-search">
-  <input type="search" name="q" value="<%= @query %>" placeholder="search class, jid, error, or arg value…">
-  <% if params[:tag].present? %><input type="hidden" name="tag" value="<%= params[:tag] %>"><% end %>
-  <% if params[:queue].present? %><input type="hidden" name="queue" value="<%= params[:queue] %>"><% end %>
-</form>
+<%= render "roundhouse_ui/shared/search_bar", action: retries_path,
+      noun: "class, jid, error or arguments" %>
 
+<%= render "roundhouse_ui/shared/filter_error" %>
 <%= render "roundhouse_ui/shared/tag_filter" %>
 
 <%= set_heading("Retries", showing: @jobs.size, total: @total, query: @query, tag: @tag) %>
@@ -16,32 +14,36 @@
       <span class="rh-actionlabel" title="<%= filter_description(@query, @tag) %>">
         All <%= number_with_delimiter @total %> <%= filter_description(@query, @tag) %>
       </span>
-      <%= button_to "↻ Run now", bulk_all_retries_path, method: :post, params: { op: "retry", q: @query, tag: params[:tag], queue: params[:queue] }, class: "rh-btn", form_class: "rh-inline", data: { turbo_confirm: "Run every retry #{filter_description(@query, @tag)} now (up to #{RoundhouseUi::JobSetBrowsing::BULK_CAP})?" } %>
-      <%= button_to "✕ Delete", bulk_all_retries_path, method: :post, params: { op: "delete", q: @query, tag: params[:tag], queue: params[:queue] }, class: "rh-btn rh-btn-danger", form_class: "rh-inline", data: { turbo_confirm: "Permanently delete every retry #{filter_description(@query, @tag)} (up to #{RoundhouseUi::JobSetBrowsing::BULK_CAP})?" } %>
+      <%= link_to "↻ Run now", preview_bulk_retries_path(**filter_params(op: "retry")), class: "rh-btn" %>
+      <%= link_to "✕ Delete", preview_bulk_retries_path(**filter_params(op: "delete")), class: "rh-btn rh-btn-danger" %>
     </div>
   </div>
 <% end %>
 
+<%= trace_legend(@jobs) %>
 <table class="rh-table">
-  <thead><tr><th>Job</th><% if tag_column? %><th><%= tag_column_label %></th><% end %><th>Queue</th><th>Last error</th><th class="r">Attempt</th><th class="r">Next try</th><th class="r">Actions</th></tr></thead>
+  <thead><tr><th>Job</th><% if tag_column? %><th><%= tag_column_label %></th><% end %><th>Queue</th><th>Last error</th><th>Attempt</th><th>Next try</th><th class="r">Actions</th></tr></thead>
   <tbody>
     <% if @jobs.empty? %>
-      <tr><td colspan="<%= tag_column? ? 7 : 6 %>" class="rh-empty"><%= any_filter?(@query, @tag) ? "No retries #{filter_description(@query, @tag)}." : "Nothing waiting to retry 🎉" %></td></tr>
+      <tr><td colspan="<%= tag_column? ? 7 : 6 %>" class="rh-empty"><%= empty_state(@query, @tag, noun: "retries", all_clear: "Nothing waiting to retry 🎉") %></td></tr>
     <% else %>
       <% @jobs.each do |job| %>
         <tr>
-          <td><%= job_identity(job.klass, job.jid, job_path(set: "retry", jid: job.jid)) %></td>
+          <td><%= job_identity(job_display_class(job), job.jid, job_path(set: "retry", jid: job.jid)) %></td>
           <% if tag_column? %><td><%= tag_cell(tags_for(job)) %></td><% end %>
           <td><%= queue_pill(job.queue, link: true) %></td>
           <td>
             <span class="rh-err"><%= job.item["error_class"] %></span>
             <% if job.item["error_message"].present? %><br><span class="rh-sub" title="<%= job.item["error_message"] %>"><%= truncate(job.item["error_message"], length: 90) %></span><% end %>
           </td>
-          <td class="r"><%= job.item["retry_count"].to_i + 1 %></td>
-          <td class="r"><%= job_time(job.at, overdue: "now") %></td>
-          <td class="r">
-            <%= trace_icon(klass: job.klass, jid: job.jid, queue: job.queue) %>
-            <% if RoundhouseUi.allow_job_editing %><%= link_to "Edit", edit_job_path(set: "retry", jid: job.jid), class: "rh-btn" %><% end %>
+          <td><%= attempt_ladder(job.item["retry_count"].to_i + 1) %></td>
+          <%# `since` is the last failure, so the ring shows how far through the
+              backoff this job is, not only when it next fires. %>
+          <td><span class="rh-next"><%= countdown(job.at, since: job.item["failed_at"] && Time.at(job.item["failed_at"])) %></span></td>
+          <td class="r rh-cell-actions">
+            <%= find_like_link("retry", job) %>
+              <%= trace_icon(klass: job_display_class(job), jid: job.jid, queue: job.queue) %>
+            <% if job_editing? %><%= link_to "Edit", edit_job_path(set: "retry", jid: job.jid), class: "rh-btn" %><% end %>
             <%= button_to "Run now", run_retry_path(job.jid), method: :post, class: "rh-btn", form_class: "rh-inline" %>
             <%= button_to "Delete", delete_retry_path(job.jid), method: :post, class: "rh-btn rh-btn-danger", form_class: "rh-inline", data: { turbo_confirm: "Delete #{job.jid}?" } %>
           </td>

data/app/views/roundhouse_ui/scheduled/index.html.erb

@@ -1,30 +1,30 @@
 <% content_for :title, "Scheduled" %>
 
-<form method="get" action="<%= scheduled_path %>" class="rh-search">
-  <input type="search" name="q" value="<%= @query %>" placeholder="search class, jid, or arg value…">
-  <% if params[:tag].present? %><input type="hidden" name="tag" value="<%= params[:tag] %>"><% end %>
-  <% if params[:queue].present? %><input type="hidden" name="queue" value="<%= params[:queue] %>"><% end %>
-</form>
+<%= render "roundhouse_ui/shared/search_bar", action: scheduled_path,
+      noun: "class, jid or arguments" %>
 
+<%= render "roundhouse_ui/shared/filter_error" %>
 <%= render "roundhouse_ui/shared/tag_filter" %>
 
 <%= set_heading("Scheduled", showing: @jobs.size, total: @total, query: @query, tag: @tag) %>
+<%= trace_legend(@jobs) %>
 <table class="rh-table">
   <thead><tr><th>Job</th><% if tag_column? %><th><%= tag_column_label %></th><% end %><th>Queue</th><th class="r">Runs</th><th class="r">Actions</th></tr></thead>
   <tbody>
     <% if @jobs.empty? %>
-      <tr><td colspan="<%= tag_column? ? 5 : 4 %>" class="rh-empty"><%= any_filter?(@query, @tag) ? "No scheduled jobs #{filter_description(@query, @tag)}." : "Nothing scheduled" %></td></tr>
+      <tr><td colspan="<%= tag_column? ? 5 : 4 %>" class="rh-empty"><%= empty_state(@query, @tag, noun: "scheduled jobs", all_clear: "Nothing scheduled") %></td></tr>
     <% else %>
       <% @jobs.each do |job| %>
         <tr>
-          <td><%= job_identity(job.klass, job.jid, job_path(set: "scheduled", jid: job.jid)) %></td>
+          <td><%= job_identity(job_display_class(job), job.jid, job_path(set: "scheduled", jid: job.jid)) %></td>
           <% if tag_column? %><td><%= tag_cell(tags_for(job)) %></td><% end %>
           <td><%= queue_pill(job.queue, link: true) %></td>
           <td class="r"><%= job_time(job.at) %></td>
-          <td class="r">
-            <%= trace_icon(klass: job.klass, jid: job.jid, queue: job.queue) %>
+          <td class="r rh-cell-actions">
+            <%= find_like_link("scheduled", job) %>
+              <%= trace_icon(klass: job_display_class(job), jid: job.jid, queue: job.queue) %>
             <% if RoundhouseUi.allow_job_editing %><%= link_to "Edit", edit_job_path(set: "scheduled", jid: job.jid), class: "rh-btn" %><% end %>
-            <%= button_to "Enqueue now", enqueue_scheduled_path(job.jid), method: :post, class: "rh-btn", form_class: "rh-inline" %>
+            <% if RoundhouseUi.backend.supports?(:enqueue_now) %><%= button_to "Enqueue now", enqueue_scheduled_path(job.jid), method: :post, class: "rh-btn", form_class: "rh-inline" %><% end %>
             <%= button_to "Delete", delete_scheduled_path(job.jid), method: :post, class: "rh-btn rh-btn-danger", form_class: "rh-inline", data: { turbo_confirm: "Delete #{job.jid}?" } %>
           </td>
         </tr>

data/app/views/roundhouse_ui/settings/show.html.erb

@@ -0,0 +1,91 @@
+<% content_for :title, "Settings" %>
+
+<h2 class="rh-h2">Settings <span class="hint">stored in this browser only</span></h2>
+
+<div class="rh-panel rh-settings">
+  <div class="rh-setting">
+    <div class="rh-setting-label">
+      <b>Appearance</b>
+      <span class="rh-sub">Roundhouse is dark unless you say otherwise — it does not follow the operating system.</span>
+    </div>
+    <div class="rh-setting-control">
+      <select id="rh-set-theme" class="rh-btn" aria-label="Appearance">
+        <option value="dark">Dark</option>
+        <option value="light">Light</option>
+      </select>
+    </div>
+  </div>
+
+  <% if @palettes.any? %>
+    <div class="rh-setting">
+      <div class="rh-setting-label">
+        <b>Palette</b>
+        <span class="rh-sub">
+          Colours only.
+          <% if @host_theme %>“Default” is whatever this app configured.<% end %>
+        </span>
+      </div>
+      <div class="rh-setting-control">
+        <select id="rh-set-palette" class="rh-btn" aria-label="Palette">
+          <option value="">Default</option>
+          <%# A palette covering only one mode is inert in the other, so say which. %>
+          <% @palettes.each do |name, tokens| %>
+            <% only = RoundhouseUi::Theme.only_mode(tokens) %>
+            <option value="<%= name %>"><%= name.to_s.titleize %><%= " — #{only} only" if only %></option>
+          <% end %>
+        </select>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="rh-setting">
+    <div class="rh-setting-label">
+      <b>Content width</b>
+      <span class="rh-sub">Full width helps on the wide tables; compact is easier to read.</span>
+    </div>
+    <div class="rh-setting-control">
+      <select id="rh-set-width" class="rh-btn" aria-label="Content width">
+        <option value="compact">Compact</option>
+        <option value="full">Full width</option>
+      </select>
+    </div>
+  </div>
+
+  <div class="rh-setting">
+    <div class="rh-setting-label">
+      <b>Refresh every</b>
+      <span class="rh-sub">
+        Each refresh re-runs this app's own auth and routing, so faster is not free.
+        This app's default is <%= @host_poll %>s.
+      </span>
+    </div>
+    <div class="rh-setting-control">
+      <select id="rh-set-poll" class="rh-btn" aria-label="Refresh interval">
+        <option value="">App default (<%= @host_poll %>s)</option>
+        <option value="2">2 seconds</option>
+        <option value="5">5 seconds</option>
+        <option value="10">10 seconds</option>
+        <option value="30">30 seconds</option>
+        <option value="60">1 minute</option>
+      </select>
+    </div>
+  </div>
+
+  <div class="rh-setting">
+    <div class="rh-setting-label">
+      <b>Reset</b>
+      <span class="rh-sub">Forget every preference stored for this browser.</span>
+    </div>
+    <div class="rh-setting-control">
+      <button type="button" id="rh-set-reset" class="rh-btn rh-btn-danger">Reset to defaults</button>
+    </div>
+  </div>
+</div>
+
+<p class="rh-note">
+  Preferences live in this browser's local storage — they are not shared with
+  other people, other devices, or the server. A private window starts fresh.
+  <% unless RoundhouseUi.allow_theme_selection %>
+    Palette selection is disabled for this install.
+  <% end %>
+</p>

data/app/views/roundhouse_ui/shared/_filter_error.html.erb

@@ -0,0 +1,23 @@
+<%# Two states, both above the table where the rows they explain are.
+
+    REFUSED: the search was not understood, so it selects nothing. Unexplained,
+    that is indistinguishable from "no jobs have this problem" — the reading that
+    gets someone to close the tab satisfied.
+
+    DEGRADED: a facet was dropped and the rest applied. Browsing proceeds, because
+    a typo should not stop you looking. Bulk actions do not, because the filter
+    that survived selects a superset of what was typed — see bulk_filter_present?.
+
+    Reuses .rh-warn rather than inventing a state: the bulk cap notice already
+    means "read this before you trust the count below". %>
+<% if @filter&.invalid? %>
+  <div class="rh-warn" role="alert">
+    <%= @filter.message %>
+    <%= link_to "Clear the search", filter_url(q: nil), class: "rh-sub" %>
+  </div>
+<% elsif @filter&.degraded? %>
+  <div class="rh-warn" role="status">
+    <%= @filter.notes.join(" ") %>
+    Showing what the rest of the search selects; bulk actions are off until it parses.
+  </div>
+<% end %>

data/app/views/roundhouse_ui/shared/_pager.html.erb

@@ -1,13 +1,13 @@
 <% if @page > 1 || @has_next %>
   <div class="rh-pager">
     <% if @page > 1 %>
-      <%= link_to "← Prev", url_for(page: @page - 1, q: @query.presence, tag: params[:tag].presence, queue: params[:queue].presence), class: "rh-btn" %>
+      <%= link_to "← Prev", filter_url(page: @page - 1), class: "rh-btn" %>
     <% else %>
       <span class="rh-btn" style="opacity:.4; pointer-events:none">← Prev</span>
     <% end %>
     <span class="rh-sub">Page <%= @page %></span>
     <% if @has_next %>
-      <%= link_to "Next →", url_for(page: @page + 1, q: @query.presence, tag: params[:tag].presence, queue: params[:queue].presence), class: "rh-btn" %>
+      <%= link_to "Next →", filter_url(page: @page + 1), class: "rh-btn" %>
     <% else %>
       <span class="rh-btn" style="opacity:.4; pointer-events:none">Next →</span>
     <% end %>

data/app/views/roundhouse_ui/shared/_search_bar.html.erb

@@ -0,0 +1,55 @@
+<%# One control, and the only place the filter is stated.
+
+    It replaced four: this box (free text only), the squad chip row, a "Filtered to
+    … ×" strip, and the heading saying it a third time in prose. Four renderings of
+    one value, in four vocabularies, with two different "clear"s three rows apart.
+
+    Every active facet is a pill, server-rendered from what is ACTUALLY applied —
+    so a pill cannot show a filter that is not in force. That direction matters:
+    this bar sits above "delete all matching", and a pill that appeared before its
+    filter did would be the invisible-filter bug inverted. Each × links to the
+    without-that-one URL, so removing one facet never removes another.
+
+    The visible input holds only the free text; the facets ride in the hidden `qf`
+    beside it and are rejoined at the single parse point. One field per role, no
+    field that can carry "some of the filters". %>
+<% filter = @filter || RoundhouseUi::FilterQuery.none %>
+<% keys = local_assigns.fetch(:keys, RoundhouseUi::FilterQuery::KEYS) %>
+<%# The placeholder is BUILT from `keys` (see filter_placeholder), so a hand-written
+    one is not honoured. Raising beats ignoring it: five stale hand-written hints is
+    what this replaced, and a sixth that silently did nothing would be worse. %>
+<% raise ArgumentError, "search_bar builds its own placeholder from keys; pass noun: instead" if local_assigns.key?(:placeholder) %>
+<form method="get" action="<%= action %>" class="rh-search" role="search">
+  <%# Bar and help are one input group: flush, one shared border, one focus ring. %>
+  <div class="rh-group">
+  <div class="rh-bar">
+    <%= icon(:search) %>
+    <% filter.chips.each do |key, value| %>
+      <span class="rh-pillf">
+        <span class="k"><%= key %></span>
+        <span class="v" title="<%= value %>"><%= value %></span>
+        <%= link_to "×", filter_url(key => nil, page: nil),
+              class: "x", title: "Remove the #{key} filter",
+              aria: { label: "Remove the #{key} filter" } %>
+      </span>
+    <% end %>
+    <input type="search" name="q" value="<%= filter.invalid? ? filter.raw : filter.text %>"
+           placeholder="<%= filter.any_facets? ? "narrow further…" : filter_placeholder(keys, noun: local_assigns.fetch(:noun, "text")) %>"
+           autocomplete="off" spellcheck="false"
+           data-rh-filter-keys="<%= keys.join(",") %>"
+           data-rh-filter-values="<%= filter_vocabulary.to_json %>"
+           aria-label="Filter and search">
+    <%# The facets the pills stand for. Serialized once, from the parsed filter —
+        never enumerated per key, which is how the confirm form came to carry four
+        of five and destroy more than its dry run displayed. %>
+    <% if filter.any_facets? %>
+      <input type="hidden" name="qf" value="<%= filter.facet_parts.join(" ") %>">
+    <% end %>
+    <% if filter.any? %>
+      <%= link_to "clear", filter_url(q: nil, page: nil), class: "rh-bar-clear",
+            title: "Clear every filter" %>
+    <% end %>
+  </div>
+  <%= render "roundhouse_ui/shared/search_help", keys: keys %>
+  </div>
+</form>

data/app/views/roundhouse_ui/shared/_search_help.html.erb

@@ -0,0 +1,37 @@
+<%# How to use the box, revealed on hover — and on focus, so it is reachable by
+    keyboard and on touch, where hover does not exist.
+
+    It earns its place because the grammar REFUSES what it does not understand
+    rather than falling back to a substring search. A refusal you cannot act on is
+    a dead end, so the vocabulary has to be one hover away from the box that needs
+    it. Every example below is copy-pasteable as written.
+
+    No JS: CSS :hover / :focus-within only. A popover that needs a script is a
+    popover that stops opening the day a nonce slips. %>
+<% keys = local_assigns.fetch(:keys, RoundhouseUi::FilterQuery::KEYS) %>
+<div class="rh-help">
+  <button type="button" aria-label="How to search" aria-describedby="rh-help-panel">?</button>
+  <div class="rh-help-panel" id="rh-help-panel" role="tooltip">
+    <h4>Filters narrow. Text searches.</h4>
+    <dl>
+      <% if keys.include?("class") %><dt>class=</dt><dd>exact job class — <code>class=Billing::SyncWorker</code></dd><% end %>
+      <% if keys.include?("error") %><dt>error=</dt><dd>exact error class — <code>error=Timeout::Error</code></dd><% end %>
+      <% if keys.include?("queue") %><dt>queue=</dt><dd>exact queue name — <code>queue=default</code></dd><% end %>
+      <% if RoundhouseUi.job_tags && keys.include?("tag") %>
+        <dt>tag=</dt><dd>a declared tag, as <code>key:value</code> — <code>tag=squad:core</code></dd>
+      <% end %>
+      <dt>anything else</dt><dd>substring, across class, jid, error message and redacted arguments</dd>
+    </dl>
+    <dl style="margin-top:9px">
+      <dt>%</dt><dd>wildcard — <code>class=Roundhouse%</code>, <code>class=%Worker</code>, <code>class=%oundhouse%</code></dd>
+    </dl>
+    <p class="rh-help-note">
+      Combine them: <code>error=KeyError queue=ai stripe</code> means that error, on
+      that queue, mentioning “stripe”. Without a <code>%</code> a filter matches
+      <strong>exactly</strong>, so <code>queue=default</code> never also selects
+      <code>default_low</code>. <code>_</code> is a literal, not a wildcard. Quote
+      values with spaces: <code>error="Net::ReadTimeout with body"</code>. For text
+      that looks like a filter, use <code>text="account_id=1234"</code>.
+    </p>
+  </div>
+</div>

data/app/views/roundhouse_ui/shared/_tag_filter.html.erb

@@ -14,16 +14,14 @@
         <% values = values.sort_by { |_, count| -count } if counts %>
         <% values.each do |value, count| %>
           <% active = @tag == [ key.to_s, value.to_s ] %>
-          <%= link_to url_for(only_path: true, page: nil, q: @query.presence,
-                              tag: (active ? nil : "#{key}:#{value}"),
-                              queue: params[:queue].presence),
+          <%= link_to filter_url(page: nil, tag: (active ? nil : "#{key}:#{value}")),
                 class: "rh-qf#{' is-on' if active}", title: "#{key}: #{value}" do %>
             <%= value %><% if count %><span class="rh-qf-n"><%= number_with_delimiter count %></span><% end %>
           <% end %>
         <% end %>
       <% end %>
       <% if @tag %>
-        <%= link_to "clear", url_for(only_path: true, tag: nil, page: nil, q: @query.presence, queue: params[:queue].presence), class: "rh-sub" %>
+        <%= link_to "clear", filter_url(tag: nil, page: nil), class: "rh-sub" %>
       <% end %>
     </div>
   <% end %>

data/app/views/roundhouse_ui/shared/bulk_preview.html.erb

@@ -0,0 +1,69 @@
+<% content_for :title, "Confirm bulk #{@op}" %>
+
+<h2 class="rh-h2">
+  <%= @op == "delete" ? "Delete" : "Retry" %>
+  <%= number_with_delimiter @matched.entries.size %>
+  <%= @noun.pluralize(@matched.entries.size) %>?
+  <span class="hint"><%= filter_description(@query, @tag) %></span>
+</h2>
+
+<% if @matched.entries.empty? %>
+  <div class="rh-panel">
+    <p class="rh-empty">Nothing matches <%= filter_description(@query, @tag) %>. Nothing to do.</p>
+  </div>
+  <p><%= link_to "← Back", @back_path, class: "rh-btn" %></p>
+<% else %>
+  <% if @matched.capped %>
+    <div class="rh-warn">
+      Stopped at the <%= RoundhouseUi::JobSetBrowsing::BULK_CAP %>-job cap. More jobs match than
+      are listed here — this action will touch the <%= number_with_delimiter @matched.entries.size %>
+      below, and you can run it again for the rest.
+    </div>
+  <% end %>
+
+    <%# The confirm form carries EVERY active filter, not a hand-picked four. It
+        listed op, q, tag and queue — and not class or error — so a dry run showing
+        two jobs POSTed a request that deleted five, and reported "Deleted 5
+        matching job(s)" as though that had been approved. %>
+  <div class="rh-toolbar">
+    <%= button_to "#{@op == "delete" ? "✕ Delete" : "↻ Retry"} #{number_with_delimiter @matched.entries.size} #{@noun.pluralize(@matched.entries.size)}",
+          @confirm_path,
+          method: :post,
+          params: active_filters.merge(op: @op),
+          class: "rh-btn #{'rh-btn-danger' if @op == 'delete'}",
+          form_class: "rh-inline" %>
+    <%= link_to "Cancel", @back_path, class: "rh-btn" %>
+  </div>
+
+  <table class="rh-table">
+    <thead>
+      <tr>
+        <th>Job</th>
+        <% if tag_column? %><th><%= tag_column_label %></th><% end %>
+        <th>Queue</th>
+        <th>Arguments</th>
+        <th>Last error</th>
+      </tr>
+    </thead>
+    <tbody>
+      <%# Only the first 100 are listed; the count above is what will be touched. %>
+      <% @matched.entries.first(100).each do |entry| %>
+        <tr>
+          <td><%= job_identity(job_display_class(entry), entry.jid, job_path(set: @set, jid: entry.jid)) %></td>
+          <% if tag_column? %><td><%= tag_cell(tags_for(entry)) %></td><% end %>
+          <td><%= queue_pill(entry.queue) %></td>
+          <td><%= job_args_preview(entry) %></td>
+          <td><span class="rh-err"><%= entry.item["error_class"] %></span></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+
+  <% if @matched.entries.size > 100 %>
+    <p class="rh-note">
+      Showing the first 100 of <%= number_with_delimiter @matched.entries.size %>.
+      All <%= number_with_delimiter @matched.entries.size %> will be
+      <%= @op == "delete" ? "deleted" : "retried" %>.
+    </p>
+  <% end %>
+<% end %>

data/config/routes.rb

@@ -17,8 +17,15 @@ RoundhouseUi::Engine.routes.draw do
     post "queues/:name/pause"    => "queues#pause",    as: :pause_queue
     post "queues/:name/resume"   => "queues#resume",   as: :resume_queue
     post "queues/:name/snapshot" => "queues#snapshot", as: :snapshot_queue
+    # Last in the scope so it cannot shadow the POST actions above.
+    get  "queues/:name"          => "queues#show",     as: :queue
   end
 
+  get "settings" => "settings#show", as: :settings
+
+
+  get "recurring" => "recurring#index", as: :recurring
+
   get "snapshots" => "snapshots#index", as: :snapshots
   scope constraints: { id: /[^\/]+/ } do
     post "snapshots/:id/restore" => "snapshots#restore", as: :restore_snapshot
@@ -30,12 +37,14 @@ RoundhouseUi::Engine.routes.draw do
   post "scheduled/:jid/delete"  => "scheduled#destroy", as: :delete_scheduled
 
   get  "retries" => "retries#index", as: :retries
+  get  "retries/preview"     => "retries#preview",  as: :preview_bulk_retries
   post "retries/bulk_all"    => "retries#bulk_all", as: :bulk_all_retries
   post "retries/:jid/run"    => "retries#requeue", as: :run_retry
   post "retries/:jid/delete" => "retries#destroy", as: :delete_retry
 
   get  "dead" => "dead#index", as: :dead_set
   post "dead/bulk"        => "dead#bulk",      as: :bulk_dead
+  get  "dead/preview"     => "dead#preview",   as: :preview_bulk_dead
   post "dead/bulk_all"    => "dead#bulk_all",  as: :bulk_all_dead
   post "dead/:jid/retry"  => "dead#requeue",   as: :retry_dead_job
   post "dead/:jid/delete" => "dead#destroy",   as: :delete_dead_job