rails_error_dashboard 0.5.14 → 0.6.0

data/app/views/rails_error_dashboard/errors/platform_comparison.html.erb

@@ -1,8 +1,8 @@
 <% content_for :page_title, "Platform Comparison" %>
 
-<div class="container-fluid py-4">
+<div>
   <div class="d-flex justify-content-between align-items-center mb-4">
-    <h1 class="h3 mb-0">
+    <h1 style="font-size: 20px; font-weight: 700; margin: 0;">
       <i class="bi bi-phone me-2"></i>
       Platform Health Comparison
     </h1>
@@ -21,9 +21,9 @@
   </div>
 
   <% if @platform_health.empty? %>
-    <div class="text-center py-5">
+    <div class="red-empty-state">
       <i class="bi bi-phone display-1 text-muted mb-3"></i>
-      <h4 class="text-muted">No Platform Data Available</h4>
+      <div class="red-empty-state-title">No Platform Data Available</div>
       <p class="text-muted">
         No errors were logged for the selected time period (<%= @days %> days).
       </p>
@@ -87,7 +87,7 @@
                 </div>
               </div>
             </div>
-            <div class="card-footer bg-white border-top">
+            <div class="card-footer border-top">
               <%= link_to "View #{platform} Errors", errors_path(platform: platform), class: "btn btn-sm btn-outline-primary w-100" %>
             </div>
           </div>
@@ -97,7 +97,7 @@
 
     <!-- Error Rate Comparison Chart -->
     <div class="card mb-4">
-      <div class="card-header bg-white">
+      <div class="card-header">
         <h5 class="mb-0">
           <i class="bi bi-bar-chart me-2"></i>
           Error Rate by Platform
@@ -110,7 +110,7 @@
 
     <!-- Daily Trend Charts -->
     <div class="card mb-4">
-      <div class="card-header bg-white">
+      <div class="card-header">
         <h5 class="mb-0">
           <i class="bi bi-graph-up me-2"></i>
           Daily Error Trends
@@ -125,7 +125,7 @@
       <!-- Severity Distribution -->
       <div class="col-lg-6 mb-4">
         <div class="card h-100">
-          <div class="card-header bg-white">
+          <div class="card-header">
             <h5 class="mb-0">
               <i class="bi bi-exclamation-triangle me-2"></i>
               Severity Distribution
@@ -189,7 +189,7 @@
       <!-- Resolution Time Comparison -->
       <div class="col-lg-6 mb-4">
         <div class="card h-100">
-          <div class="card-header bg-white">
+          <div class="card-header">
             <h5 class="mb-0">
               <i class="bi bi-clock-history me-2"></i>
               Average Resolution Time
@@ -205,7 +205,7 @@
     <!-- Cross-Platform Errors -->
     <% if @cross_platform_errors.any? %>
       <div class="card mb-4">
-        <div class="card-header bg-white">
+        <div class="card-header">
           <h5 class="mb-0">
             <i class="bi bi-layers me-2"></i>
             Cross-Platform Errors
@@ -256,7 +256,7 @@
       <% @top_errors_by_platform.each do |platform, errors| %>
         <div class="col-lg-6 mb-4">
           <div class="card h-100">
-            <div class="card-header bg-white">
+            <div class="card-header">
               <h5 class="mb-0 text-capitalize">
                 <i class="bi bi-bug me-2"></i>
                 Top Errors - <%= platform || 'Unknown' %>

data/app/views/rails_error_dashboard/errors/rack_attack_summary.html.erb

@@ -1,8 +1,8 @@
 <% content_for :page_title, "Rate Limit Events" %>
 
-<div class="container-fluid py-4">
+<div>
   <div class="d-flex justify-content-between align-items-center mb-4">
-    <h1 class="h3 mb-0">
+    <h1 style="font-size: 20px; font-weight: 700; margin: 0;">
       <i class="bi bi-shield-exclamation me-2"></i>
       Rate Limit Events
     </h1>
@@ -21,9 +21,9 @@
   </div>
 
   <% if @unique_rules == 0 %>
-    <div class="text-center py-5">
+    <div class="red-empty-state">
       <i class="bi bi-shield-check display-1 text-success mb-3"></i>
-      <h4 class="text-muted">No Rate Limit Events Found</h4>
+      <div class="red-empty-state-title">No Rate Limit Events Found</div>
       <p class="text-muted">
         No Rack Attack throttle, blocklist, or track events were detected in error breadcrumbs over the last <%= @days %> days.
       </p>
@@ -68,7 +68,7 @@
     </div>
 
     <div class="card mb-4">
-      <div class="card-header bg-white d-flex justify-content-between align-items-center">
+      <div class="card-header d-flex justify-content-between align-items-center">
         <h5 class="mb-0">
           <i class="bi bi-shield-exclamation text-warning me-2"></i>
           Rate Limit Events by Rule
@@ -113,7 +113,7 @@
           </table>
         </div>
       </div>
-      <div class="card-footer bg-white border-top d-flex justify-content-between align-items-center">
+      <div class="card-footer border-top d-flex justify-content-between align-items-center">
         <div>
           <small class="text-muted">
             <i class="bi bi-lightbulb text-warning"></i> Rate limit events are captured when they coincide with errors. High counts may indicate abuse or misconfigured rules.

data/app/views/rails_error_dashboard/errors/releases.html.erb

@@ -1,8 +1,8 @@
 <% content_for :page_title, "Releases" %>
 
-<div class="container-fluid py-4">
+<div>
   <div class="d-flex justify-content-between align-items-center mb-4">
-    <h1 class="h3 mb-0">
+    <h1 style="font-size: 20px; font-weight: 700; margin: 0;">
       <i class="bi bi-rocket-takeoff me-2"></i>
       Releases
     </h1>
@@ -21,9 +21,9 @@
   </div>
 
   <% if @releases.empty? %>
-    <div class="text-center py-5">
+    <div class="red-empty-state">
       <i class="bi bi-rocket-takeoff display-1 text-muted mb-3"></i>
-      <h4 class="text-muted">No Release Data Found</h4>
+      <div class="red-empty-state-title">No Release Data Found</div>
       <p class="text-muted">
         No version data was detected in errors over the last <%= @days %> days.
       </p>
@@ -158,7 +158,7 @@
 
     <!-- Release Timeline Table -->
     <div class="card mb-4">
-      <div class="card-header bg-white d-flex justify-content-between align-items-center">
+      <div class="card-header d-flex justify-content-between align-items-center">
         <h5 class="mb-0">
           <i class="bi bi-clock-history text-primary me-2"></i>
           Release Timeline
@@ -267,7 +267,7 @@
           </table>
         </div>
       </div>
-      <div class="card-footer bg-white border-top d-flex justify-content-between align-items-center">
+      <div class="card-footer border-top d-flex justify-content-between align-items-center">
         <small class="text-muted">
           <i class="bi bi-info-circle"></i>
           Stability: <span class="badge bg-success">Green</span> &le; avg errors,

data/app/views/rails_error_dashboard/errors/settings.html.erb

@@ -168,68 +168,48 @@
   }
 %>
 
-<div class="container-fluid py-4">
-  <!-- Page Header -->
-  <div class="d-flex justify-content-between align-items-center mb-4">
-    <h1 class="h3 mb-0">
-      <i class="bi bi-gear me-2"></i>
-      Configuration Settings
-    </h1>
-    <div>
-      <%= link_to root_path, class: "btn btn-outline-secondary btn-sm" do %>
-        <i class="bi bi-arrow-left"></i> Back to Dashboard
-      <% end %>
-    </div>
-  </div>
+<div>
+  <h1 style="font-size: 20px; font-weight: 700; margin-bottom: var(--space-4);">Settings</h1>
 
-  <div class="alert alert-info mb-4">
-    <i class="bi bi-info-circle me-2"></i>
-    <strong>Read-only view</strong> - These settings are configured in your initializer file:
-    <code>config/initializers/rails_error_dashboard.rb</code>
-  </div>
+  <p style="font-size: 13px; color: var(--text-tertiary); margin-bottom: var(--space-6);">
+    Read-only view of current configuration. Edit via <code>config/initializers/rails_error_dashboard.rb</code> or environment variables.
+  </p>
 
   <!-- Dynamically render setting groups -->
   <% setting_groups.each do |group_name, group_config| %>
-    <div class="card mb-4">
-      <div class="card-header bg-<%= group_config[:color] %> <%= group_config[:color] == 'light' ? 'text-dark' : 'text-white' %>">
-        <h5 class="mb-0">
-          <i class="<%= group_config[:icon] %>"></i> <%= group_name %>
-        </h5>
-      </div>
-      <div class="card-body">
-        <div class="row">
-          <% group_config[:settings].each do |setting_key, setting_meta| %>
-            <%
-              # Check if this setting should be displayed based on show_if condition
-              show_if_key = setting_meta[:show_if]
-              should_show = show_if_key.nil? || @config.send(show_if_key)
-              next unless should_show
-
-              value = @config.send(setting_meta[:method] || setting_key)
-            %>
-            <div class="col-md-6 mb-3">
-              <div class="d-flex justify-content-between align-items-center">
-                <div>
-                  <strong><%= setting_meta[:label] %></strong>
-                  <br><small class="text-muted"><%= setting_meta[:description] %></small>
-                </div>
-                <div class="text-end">
-                  <%= render partial: 'rails_error_dashboard/errors/settings/value_badge',
-                             locals: { value: value, type: setting_meta[:type], unit: setting_meta[:unit] } %>
-                </div>
-              </div>
-            </div>
-          <% end %>
+    <div class="card" style="margin-bottom: var(--space-4);">
+      <button onclick="var b = this.nextElementSibling; b.style.display = b.style.display === 'none' ? 'block' : 'none'; var chev = this.querySelector('.chev'); if(chev) chev.className = b.style.display === 'none' ? 'bi bi-chevron-down chev' : 'bi bi-chevron-up chev';" style="display: flex; align-items: center; justify-content: space-between; width: 100%; padding: var(--space-4) var(--space-6); background: none; border: none; cursor: pointer; border-bottom: 1px solid var(--border-primary);">
+        <span style="font-size: 14px; font-weight: 600; color: var(--text-primary);"><i class="<%= group_config[:icon] %>" style="margin-right: 6px;"></i> <%= group_name %></span>
+        <div style="display: flex; align-items: center; gap: 8px;">
+          <span style="font-size: 11px; color: var(--text-tertiary);"><%= group_config[:settings].size %> options</span>
+          <i class="bi bi-chevron-up chev" style="font-size: 12px; color: var(--text-tertiary);"></i>
         </div>
+      </button>
+      <div>
+        <% group_config[:settings].each do |setting_key, setting_meta| %>
+          <%
+            show_if_key = setting_meta[:show_if]
+            should_show = show_if_key.nil? || @config.send(show_if_key)
+            next unless should_show
+            value = @config.send(setting_meta[:method] || setting_key)
+          %>
+          <div style="display: flex; align-items: center; gap: var(--space-4); padding: var(--space-3) var(--space-6); border-bottom: 1px solid var(--border-primary); font-size: 13px;">
+            <span style="font-family: var(--font-mono); font-size: 12px; color: var(--accent); font-weight: 500; width: 240px; flex-shrink: 0;"><%= setting_key %></span>
+            <span style="font-family: var(--font-mono); font-size: 12px; color: var(--text-primary); font-weight: 500; width: 180px; flex-shrink: 0;">
+              <%= render partial: 'rails_error_dashboard/errors/settings/value_badge',
+                         locals: { value: value, type: setting_meta[:type], unit: setting_meta[:unit] } %>
+            </span>
+            <span style="color: var(--text-tertiary); font-size: 12px;"><%= setting_meta[:description] %></span>
+          </div>
+        <% end %>
       </div>
     </div>
   <% end %>
 
   <!-- Active Plugins -->
-  <div class="card mb-4">
-    <div class="card-header bg-dark text-white">
-      <h5 class="mb-0">
-        <i class="bi bi-puzzle"></i> Active Plugins
+  <div class="card" style="margin-bottom: var(--space-4);">
+    <div style="padding: var(--space-4) var(--space-6); border-bottom: 1px solid var(--border-primary);">
+      <span style="font-size: 14px; font-weight: 600; color: var(--text-primary);"><i class="bi bi-puzzle" style="margin-right: 6px;"></i> Active Plugins</span>
       </h5>
     </div>
     <div class="card-body">