solid_stack_web 0.3.0 → 0.5.0

data/app/views/solid_stack_web/dashboard/index.html.erb

@@ -1,3 +1,5 @@
+<%= turbo_frame_tag "sqw-dashboard", target: "_top",
+      data: { controller: "refresh", refresh_interval_value: SolidStackWeb.dashboard_refresh_interval } do %>
 <div class="sqw-page-header">
   <h1 class="sqw-page-title">Overview</h1>
 </div>
@@ -29,10 +31,42 @@
         <span class="sqw-inline-stat__label">Failed</span>
         <span class="sqw-inline-stat__value"><%= @queue_stats[:failed] %></span>
       </a>
+      <a href="<%= history_path(period: "1h") %>" class="sqw-inline-stat sqw-inline-stat--neutral">
+        <span class="sqw-inline-stat__label">Done (1h)</span>
+        <span class="sqw-inline-stat__value"><%= @queue_stats[:done_1h] %></span>
+      </a>
+      <a href="<%= history_path(period: "24h") %>" class="sqw-inline-stat sqw-inline-stat--neutral">
+        <span class="sqw-inline-stat__label">Done (24h)</span>
+        <span class="sqw-inline-stat__value"><%= @queue_stats[:done_24h] %></span>
+      </a>
+      <% if @queue_stats.key?(:slow_jobs) %>
+        <a href="<%= stats_path %>" class="sqw-inline-stat sqw-inline-stat--<%= @queue_stats[:slow_jobs] > 0 ? "failed" : "neutral" %>">
+          <span class="sqw-inline-stat__label">Slow (24h)</span>
+          <span class="sqw-inline-stat__value"><%= @queue_stats[:slow_jobs] %></span>
+        </a>
+      <% end %>
       <a href="<%= processes_path %>" class="sqw-inline-stat sqw-inline-stat--neutral">
-        <span class="sqw-inline-stat__label">Processes</span>
-        <span class="sqw-inline-stat__value"><%= @queue_stats[:processes] %></span>
+        <span class="sqw-inline-stat__label">Healthy</span>
+        <span class="sqw-inline-stat__value"><%= @queue_stats[:processes_healthy] %></span>
       </a>
+      <% if @queue_stats[:processes_stale] > 0 %>
+        <a href="<%= processes_path %>" class="sqw-inline-stat sqw-inline-stat--failed">
+          <span class="sqw-inline-stat__label">Stale</span>
+          <span class="sqw-inline-stat__value"><%= @queue_stats[:processes_stale] %></span>
+        </a>
+      <% end %>
+    </div>
+    <div class="sqw-sparkline-wrap" data-controller="sparkline-tooltip">
+      <span class="sqw-sparkline-label">Throughput — last 12 hours</span>
+      <div class="sqw-sparkline-positioner">
+        <%= throughput_sparkline_svg(@throughput) %>
+        <div class="sqw-sparkline-tip" data-sparkline-tooltip-target="tip" hidden></div>
+      </div>
+      <div class="sqw-sparkline-axis">
+        <span>12h ago</span>
+        <span>6h ago</span>
+        <span>now</span>
+      </div>
     </div>
   </div>
 
@@ -42,14 +76,20 @@
       <%= link_to "View Cache →", cache_path, class: "sqw-gem-card__link" %>
     </div>
     <div class="sqw-gem-card__body">
-      <div class="sqw-inline-stat sqw-inline-stat--cache">
+      <%= link_to cache_entries_path, class: "sqw-inline-stat sqw-inline-stat--cache" do %>
         <span class="sqw-inline-stat__label">Entries</span>
         <span class="sqw-inline-stat__value"><%= @cache_stats[:entries] %></span>
-      </div>
+      <% end %>
       <div class="sqw-inline-stat sqw-inline-stat--cache">
         <span class="sqw-inline-stat__label">Size</span>
         <span class="sqw-inline-stat__value"><%= number_to_human_size(@cache_stats[:byte_size]) %></span>
       </div>
+      <% if @cache_stats[:oldest_entry] %>
+        <div class="sqw-inline-stat sqw-inline-stat--cache">
+          <span class="sqw-inline-stat__label">Oldest</span>
+          <span class="sqw-inline-stat__value sqw-inline-stat__value--sm" title="<%= @cache_stats[:oldest_entry].strftime("%b %d, %Y %H:%M") %>"><%= time_ago_in_words(@cache_stats[:oldest_entry]) %></span>
+        </div>
+      <% end %>
     </div>
   </div>
 
@@ -70,3 +110,4 @@
     </div>
   </div>
 </div>
+<% end %>

data/app/views/solid_stack_web/history/index.html.erb

@@ -1,3 +1,5 @@
+<%= turbo_frame_tag "sqw-history-table",
+      data: { controller: "refresh", refresh_interval_value: SolidStackWeb.default_refresh_interval } do %>
 <div class="sqw-page-header sqw-page-header--split">
   <h1 class="sqw-page-title">Job History</h1>
   <div class="sqw-header-actions">
@@ -8,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 %>
@@ -70,4 +72,5 @@
   <div class="sqw-empty">
     <p>No finished jobs found.</p>
   </div>
+<% end %>
 <% end %>

data/app/views/solid_stack_web/jobs/index.html.erb

@@ -29,14 +29,18 @@
   <% end %>
 </div>
 
-<turbo-frame id="sqw-jobs-filter" data-turbo-action="advance">
-<form class="sqw-filters" action="<%= jobs_path %>" method="get">
+<%= 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" 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>
@@ -44,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 %>
@@ -151,4 +155,4 @@
     <%= render "empty" %>
   <% end %>
 </div>
-</turbo-frame>
+<% end %>

data/app/views/solid_stack_web/processes/index.html.erb

@@ -1,3 +1,5 @@
+<%= turbo_frame_tag "sqw-processes", target: "_top",
+      data: { controller: "refresh", refresh_interval_value: SolidStackWeb.default_refresh_interval } do %>
 <div class="sqw-page-header">
   <h1 class="sqw-page-title">Processes</h1>
 </div>
@@ -30,3 +32,4 @@
     <p>No active processes.</p>
   </div>
 <% end %>
+<% end %>

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

@@ -8,6 +8,7 @@
       <tr>
         <th>Name</th>
         <th>Size</th>
+        <th>Depth (12h)</th>
         <th>Status</th>
         <th></th>
       </tr>
@@ -17,6 +18,10 @@
         <tr>
           <td class="sqw-monospace"><%= link_to queue[:name], queue_path(queue[:name]) %></td>
           <td><%= link_to queue[:size], queue_path(queue[:name]) %></td>
+          <td class="sqw-queue-sparkline" data-controller="sparkline-tooltip">
+            <%= queue_depth_sparkline_svg(@sparklines[queue[:name]]) %>
+            <div class="sqw-sparkline-tip" data-sparkline-tooltip-target="tip" hidden></div>
+          </td>
           <td>
             <% if queue[:paused] %>
               <span class="sqw-badge sqw-badge--paused">Paused</span>
@@ -41,4 +46,4 @@
   <div class="sqw-empty">
     <p>No queues with ready jobs.</p>
   </div>
-<% end %>
+<% end %>

data/app/views/solid_stack_web/stats/index.html.erb

@@ -0,0 +1,48 @@
+<div class="sqw-page-header">
+  <h1 class="sqw-page-title">Performance Stats</h1>
+</div>
+
+<% if @stats.any? %>
+  <table class="sqw-table">
+    <thead>
+      <tr>
+        <% [
+          ["class_name", "Job Class"],
+          ["count",      "Executions"],
+          ["avg",        "Avg"],
+          ["p50",        "p50"],
+          ["p95",        "p95"],
+          ["min",        "Min"],
+          ["max",        "Max"]
+        ].each do |col, label| %>
+          <th>
+            <% next_dir = (@sort == col && @direction == "desc") ? "asc" : "desc" %>
+            <%= link_to stats_path(sort: col, direction: next_dir) do %>
+              <%= label %>
+              <% if @sort == col %>
+                <span class="sqw-sort-indicator"><%= @direction == "desc" ? "↓" : "↑" %></span>
+              <% end %>
+            <% end %>
+          </th>
+        <% end %>
+      </tr>
+    </thead>
+    <tbody>
+      <% @stats.each do |row| %>
+        <tr>
+          <td class="sqw-monospace"><%= row[:class_name] %></td>
+          <td><%= row[:count] %></td>
+          <td class="sqw-muted"><%= format_duration(row[:avg]) %></td>
+          <td class="sqw-muted"><%= format_duration(row[:p50]) %></td>
+          <td><strong><%= format_duration(row[:p95]) %></strong></td>
+          <td class="sqw-muted"><%= format_duration(row[:min]) %></td>
+          <td class="sqw-muted"><%= format_duration(row[:max]) %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <div class="sqw-empty">
+    <p>No finished jobs yet.</p>
+  </div>
+<% end %>

data/config/importmap.rb

@@ -1,2 +1,7 @@
+pin "@hotwired/turbo", to: "https://cdn.jsdelivr.net/npm/@hotwired/turbo@8.0.23/dist/turbo.es2017-esm.js"
+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"

data/config/routes.rb

@@ -31,7 +31,11 @@ SolidStackWeb::Engine.routes.draw do
 
   resources :processes, only: [:index]
 
+  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, :show, :destroy], path: "cache/entries"
+  resource  :cache_flush,   only: [:destroy],         path: "cache/flush",    controller: "cache/flushes"
   get "cable", to: "cable#index", as: :cable
 end

data/lib/solid_stack_web/version.rb

@@ -1,3 +1,3 @@
 module SolidStackWeb
-  VERSION = "0.3.0"
+  VERSION = "0.5.0"
 end

data/lib/solid_stack_web.rb

@@ -3,7 +3,11 @@ require "solid_stack_web/engine"
 
 module SolidStackWeb
   class << self
-    attr_writer :page_size, :connects_to
+    attr_writer :page_size, :connects_to, :slow_job_threshold,
+                :alert_webhook_url, :alert_webhook_cooldown,
+                :alert_failure_threshold, :alert_queue_thresholds,
+                :dashboard_refresh_interval, :default_refresh_interval,
+                :search_results_limit, :allow_value_preview
 
     def page_size
       @page_size || 25
@@ -13,6 +17,42 @@ module SolidStackWeb
       @connects_to
     end
 
+    def slow_job_threshold
+      @slow_job_threshold
+    end
+
+    def alert_webhook_url
+      @alert_webhook_url
+    end
+
+    def alert_webhook_cooldown
+      @alert_webhook_cooldown || 3600
+    end
+
+    def alert_failure_threshold
+      @alert_failure_threshold
+    end
+
+    def alert_queue_thresholds
+      @alert_queue_thresholds || {}
+    end
+
+    def dashboard_refresh_interval
+      @dashboard_refresh_interval || 5_000
+    end
+
+    def default_refresh_interval
+      @default_refresh_interval || 10_000
+    end
+
+    def search_results_limit
+      @search_results_limit || 25
+    end
+
+    def allow_value_preview
+      @allow_value_preview || false
+    end
+
     def configure
       yield self
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: solid_stack_web
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.5.0
 platform: ruby
 authors:
 - Chuck Smith
@@ -145,7 +145,9 @@ files:
 - app/assets/stylesheets/solid_stack_web/application.css
 - app/controllers/solid_stack_web/application_controller.rb
 - app/controllers/solid_stack_web/cable_controller.rb
+- app/controllers/solid_stack_web/cache/flushes_controller.rb
 - app/controllers/solid_stack_web/cache_controller.rb
+- app/controllers/solid_stack_web/cache_entries_controller.rb
 - app/controllers/solid_stack_web/dashboard_controller.rb
 - app/controllers/solid_stack_web/failed_jobs/arguments_controller.rb
 - app/controllers/solid_stack_web/failed_jobs/selections_controller.rb
@@ -153,19 +155,34 @@ files:
 - app/controllers/solid_stack_web/history_controller.rb
 - app/controllers/solid_stack_web/jobs/selections_controller.rb
 - app/controllers/solid_stack_web/jobs_controller.rb
+- app/controllers/solid_stack_web/metrics_controller.rb
 - app/controllers/solid_stack_web/processes_controller.rb
 - app/controllers/solid_stack_web/queues/pauses_controller.rb
 - app/controllers/solid_stack_web/queues_controller.rb
 - app/controllers/solid_stack_web/recurring_tasks/runs_controller.rb
 - app/controllers/solid_stack_web/recurring_tasks_controller.rb
 - app/controllers/solid_stack_web/scheduled_jobs_controller.rb
+- app/controllers/solid_stack_web/stats_controller.rb
 - app/helpers/solid_stack_web/application_helper.rb
 - app/javascript/solid_stack_web/application.js
+- app/javascript/solid_stack_web/refresh_controller.js
+- app/javascript/solid_stack_web/search_controller.js
 - app/javascript/solid_stack_web/selection_controller.js
+- app/javascript/solid_stack_web/sparkline_tooltip_controller.js
+- app/models/solid_stack_web/alert_webhook.rb
+- app/models/solid_stack_web/cable_stats.rb
+- app/models/solid_stack_web/cache_size_stats.rb
+- app/models/solid_stack_web/cache_stats.rb
+- app/models/solid_stack_web/cache_timeline.rb
 - app/models/solid_stack_web/job.rb
+- app/models/solid_stack_web/queue_depth_sparkline.rb
+- app/models/solid_stack_web/queue_stats.rb
+- app/models/solid_stack_web/throughput_sparkline.rb
 - app/views/layouts/solid_stack_web/application.html.erb
 - app/views/solid_stack_web/cable/index.html.erb
 - app/views/solid_stack_web/cache/index.html.erb
+- app/views/solid_stack_web/cache_entries/index.html.erb
+- app/views/solid_stack_web/cache_entries/show.html.erb
 - app/views/solid_stack_web/dashboard/index.html.erb
 - app/views/solid_stack_web/failed_jobs/destroy.turbo_stream.erb
 - app/views/solid_stack_web/failed_jobs/index.html.erb
@@ -180,6 +197,7 @@ files:
 - app/views/solid_stack_web/queues/show.html.erb
 - app/views/solid_stack_web/recurring_tasks/index.html.erb
 - app/views/solid_stack_web/scheduled_jobs/update.turbo_stream.erb
+- app/views/solid_stack_web/stats/index.html.erb
 - config/importmap.rb
 - config/routes.rb
 - lib/solid_stack_web.rb