rails_error_dashboard 0.6.0 → 0.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: aa8243a13e9eccf5cedcffea0600d19a904e7dbba1b372dd3c633fece3ab6674
-  data.tar.gz: 0aa65c2bfd6038ebd7d35901d8889a4e2ffc07bf653746a43650d7a9b6685257
+  metadata.gz: 8730984999d2ab508eeefe889bfd320e54cb9395c6baacbe87fef1a3aa20de7a
+  data.tar.gz: 6a301193d907d990418f6a74b83ee36a54caeac1b05dc57a75ea24213e9b7f7c
 SHA512:
-  metadata.gz: c85d90b5c8e36466306e9bda5466b8cce46e8dae335c218d946cfde374d1243835d5ec3eae9457fb75f80dfe48a339e71cef7f1b0439d2ccc1419a123e8fab94
-  data.tar.gz: 016bdd5a313427c5b07c72a1808262514e74159fb60761ff6903c6d64dc7c1127032df1f8c6ea5da64f858322be6ed734e249a3026a9d4b7dd5a0b8e50239628
+  metadata.gz: af05b90ebe19d1b90adb82b7e8d3a4cd57faf695327c3a51c2d36ced221d1951265e4d88d77e4ddb843c465582fe14d6911141e3f081b2de76ca3037a4e637f0
+  data.tar.gz: add93453ac6ebee6a3f320fc336fe30c81a952f58fc30b3b8554c410071586da7d9c25da1d886c5976b4ade28cc6504c5b355509a29dcf5025aa8b502d1fff65

data/app/controllers/rails_error_dashboard/application_controller.rb

@@ -23,23 +23,27 @@ module RailsErrorDashboard
       Rails.logger.error("Params: #{params.inspect}")
       Rails.logger.error(exception.backtrace&.first(10)&.join("\n")) if exception.backtrace
 
-      # Render user-friendly error page
-      render plain: "The Error Dashboard encountered an issue displaying this page.\n\n" \
-                    "Your application is unaffected - this is only a dashboard display error.\n\n" \
-                    "Error: #{exception.message}\n\n" \
-                    "Check Rails logs for details: [RailsErrorDashboard]",
-             status: :internal_server_error,
-             layout: false
+      render_dashboard_error(
+        icon: "bi-exclamation-triangle",
+        icon_style: "background: var(--status-warning-bg); color: var(--status-warning);",
+        title: "Something went wrong",
+        message: "The Error Dashboard encountered an issue displaying this page. Your application is unaffected.",
+        detail: exception.message,
+        status: :internal_server_error
+      )
     end
 
     # Handle record not found — return 404 instead of 500
     rescue_from ActiveRecord::RecordNotFound do |exception|
       Rails.logger.warn("[RailsErrorDashboard] Record not found: #{exception.message}")
-      render plain: "The requested error was not found.\n\n" \
-                    "It may have been deleted or the ID is invalid.\n\n" \
-                    "Error: #{exception.message}",
-             status: :not_found,
-             layout: false
+
+      render_dashboard_error(
+        icon: "bi-search",
+        title: "The requested error was not found",
+        message: "It may have been deleted or the ID is invalid.",
+        detail: exception.message,
+        status: :not_found
+      )
     end
 
     # Handle Pagy pagination errors — redirect to page 1
@@ -47,5 +51,26 @@ module RailsErrorDashboard
       Rails.logger.warn("[RailsErrorDashboard] Pagination error: #{exception.message}")
       redirect_to request.path, status: :moved_permanently
     end
+
+    private
+
+    def render_dashboard_error(icon:, title:, message:, detail: nil, icon_style: nil, status: :internal_server_error)
+      set_common_view_variables
+      error_html = <<~ERB
+        <div class="red-empty-state" style="margin-top: var(--space-6);">
+          <div class="red-empty-state-icon"#{icon_style ? " style=\"#{icon_style}\"" : ""}><i class="bi #{icon}"></i></div>
+          <div class="red-empty-state-title">#{ERB::Util.html_escape(title)}</div>
+          <div class="red-empty-state-message">#{ERB::Util.html_escape(message)}</div>
+          #{"<div style=\"font-size: 12px; color: var(--text-tertiary); margin-top: var(--space-2); font-family: var(--font-mono);\">" + ERB::Util.html_escape(detail) + "</div>" if detail}
+          <a href="#{errors_path}" class="red-empty-state-cta" style="margin-top: var(--space-4);"><i class="bi bi-arrow-left"></i> Back to errors</a>
+        </div>
+      ERB
+      render html: error_html.html_safe, status: status, layout: "rails_error_dashboard"
+    end
+
+    def set_common_view_variables
+      @applications = Application.ordered_by_name.pluck(:name, :id) rescue []
+      @default_credentials_warning = RailsErrorDashboard.configuration.default_credentials? rescue false
+    end
   end
 end

data/app/controllers/rails_error_dashboard/errors_controller.rb

@@ -560,6 +560,23 @@ module RailsErrorDashboard
       redirect_back fallback_location: errors_path
     end
 
+    def test_error
+      exception = RailsErrorDashboard::TestError.new(
+        "[RED Test] This is a test error sent from the dashboard to verify " \
+        "that error capture and notification delivery are working correctly. " \
+        "It is safe to resolve or delete this error."
+      )
+      exception.set_backtrace(caller)
+
+      Commands::LogError.call(exception, { request: request, source: "dashboard.test_error" })
+
+      flash[:notice] = "Test error logged successfully. Check your notification channels (Slack, Discord, email, etc.) to confirm delivery."
+      redirect_to errors_path(**app_context_params)
+    rescue => e
+      flash[:alert] = "Failed to log test error: #{e.message}"
+      redirect_to settings_path(**app_context_params)
+    end
+
     def settings
       @config = RailsErrorDashboard.configuration
     end

data/app/views/layouts/rails_error_dashboard.html.erb

@@ -135,9 +135,9 @@
   --surface-secondary: #313244;
   --surface-tertiary: #45475a;
   --surface-hover: #313244;
-  --text-primary: #cdd6f4;
-  --text-secondary: #a6adc8;
-  --text-tertiary: #6c7086;
+  --text-primary: #ffffff;
+  --text-secondary: #cdd6f4;
+  --text-tertiary: #a6adc8;
   --border-primary: #313244;
   --border-secondary: #45475a;
   --accent: <%= ac[:dark] %>;
@@ -279,17 +279,21 @@ dd { color: var(--text-primary); }
 .ps-3 { padding-left: var(--space-4); }
 .pe-2 { padding-right: var(--space-2); }
 
-/* Display */
-.d-none { display: none; }
-.d-block { display: block; }
-.d-inline { display: inline; }
-.d-inline-block { display: inline-block; }
-@media (min-width: 576px) { .d-sm-inline { display: inline; } .d-sm-block { display: block; } }
-@media (min-width: 768px) { .d-md-block { display: block; } .d-md-none { display: none; } .d-md-flex { display: flex; } .d-md-inline { display: inline; } .ms-sm-auto { margin-left: auto; } .px-md-4 { padding-left: var(--space-6); padding-right: var(--space-6); } }
+/* Display (use !important to match Bootstrap utility behavior) */
+.d-none { display: none !important; }
+.d-block { display: block !important; }
+.d-inline { display: inline !important; }
+.d-inline-block { display: inline-block !important; }
+@media (min-width: 576px) { .d-sm-inline { display: inline !important; } .d-sm-block { display: block !important; } }
+@media (min-width: 768px) { .d-md-block { display: block !important; } .d-md-none { display: none !important; } .d-md-flex { display: flex !important; } .d-md-inline { display: inline !important; } .ms-sm-auto { margin-left: auto; } .px-md-4 { padding-left: var(--space-6); padding-right: var(--space-6); } }
 
 /* Text */
-.text-muted { color: var(--text-tertiary); }
+.text-muted { color: var(--text-secondary); }
 .text-secondary { color: var(--text-secondary); }
+
+/* Bootstrap compat: table-light thead */
+.table-light, thead.table-light { background: var(--surface-secondary); }
+.table-light th { color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
 .text-center { text-align: center; }
 .text-end { text-align: right; }
 .text-start { text-align: left; }
@@ -632,6 +636,10 @@ dd { color: var(--text-primary); }
   .red-sidebar.collapsed { display: none; }
 }
 
+/* Error detail responsive grid */
+.red-detail-grid { display: grid; grid-template-columns: 1fr 260px; gap: var(--space-4); }
+@media (max-width: 1023.98px) { .red-detail-grid { grid-template-columns: 1fr; } }
+
 /* Env badge */
 .red-env-badge {
   padding: 3px 10px; font-size: 11px; font-weight: 600;
@@ -884,7 +892,7 @@ details[open] summary { border-bottom: 1px solid var(--border-primary); }
       <!-- Sidebar -->
       <nav class="red-sidebar d-none d-md-flex" id="sidebar">
         <!-- Logo -->
-        <div class="red-sidebar-logo">
+        <a href="/" class="red-sidebar-logo" title="Back to <%= Rails.application.class.module_parent_name %>" style="text-decoration: none; color: inherit;">
           <div class="red-sidebar-logo-icon">R</div>
           <div>
             <div style="font-size: 14px; font-weight: 700; color: var(--text-primary); letter-spacing: -0.01em;">RED</div>
@@ -893,7 +901,7 @@ details[open] summary { border-bottom: 1px solid var(--border-primary); }
             end %>
             <div style="font-size: 10px; color: var(--text-tertiary); margin-top: -2px;"><%= sidebar_app_name || Rails.application.class.module_parent_name %> &middot; <%= Rails.env %></div>
           </div>
-        </div>
+        </a>
 
         <!-- Nav groups -->
         <div style="flex: 1; overflow: auto; padding: var(--space-3) 0;">
@@ -1062,7 +1070,7 @@ details[open] summary { border-bottom: 1px solid var(--border-primary); }
                   <% if params[:application_id].present? %>
                     <%= @applications.find { |name, id| id.to_s == params[:application_id].to_s }&.first || 'Unknown' %>
                   <% else %>
-                    All Apps
+                    All Apps (<%= @applications.size %>)
                   <% end %>
                 </button>
                 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="appSwitcher">
@@ -1094,7 +1102,7 @@ details[open] summary { border-bottom: 1px solid var(--border-primary); }
                 </ul>
               </div>
             <% end %>
-            <kbd>?</kbd>
+            <button type="button" title="Keyboard shortcuts (?)" data-bs-toggle="modal" data-bs-target="#keyboardShortcutsModal" style="background: none; border: none; padding: 0; cursor: pointer; line-height: 1;"><kbd>?</kbd></button>
             <button class="red-theme-toggle" id="themeToggle" title="Toggle theme">
               <i class="bi bi-moon" id="themeIcon"></i>
             </button>
@@ -1105,14 +1113,16 @@ details[open] summary { border-bottom: 1px solid var(--border-primary); }
         <!-- Main content -->
         <main style="flex: 1; padding: var(--space-6) var(--space-8); max-width: 1200px; width: 100%; margin: 0 auto;">
           <% if @default_credentials_warning %>
-            <div class="alert alert-warning" style="display: flex; align-items: center; gap: 10px; margin-top: var(--space-2); margin-bottom: var(--space-4); border-left: 4px solid var(--status-warning);">
-              <i class="bi bi-exclamation-triangle-fill" style="font-size: 18px;"></i>
-              <div>
+            <div id="security-warning" class="alert alert-warning" style="display: flex; align-items: center; gap: 10px; margin-top: var(--space-2); margin-bottom: var(--space-4); border-left: 4px solid var(--status-warning);">
+              <i class="bi bi-exclamation-triangle-fill" style="font-size: 18px; flex-shrink: 0;"></i>
+              <div style="flex: 1;">
                 <strong>Security Warning:</strong> You are using default credentials (gandalf/youshallnotpass).
                 Set <code>ERROR_DASHBOARD_USER</code> and <code>ERROR_DASHBOARD_PASSWORD</code> environment variables,
                 or configure <code>authenticate_with</code> in your initializer.
               </div>
+              <button type="button" onclick="this.parentElement.style.display='none'; try { sessionStorage.setItem('red_dismiss_creds_warning','1') } catch(e) {}" style="background: none; border: none; cursor: pointer; color: var(--text-secondary); font-size: 18px; padding: 0 4px; flex-shrink: 0; line-height: 1;" title="Dismiss for this session">&times;</button>
             </div>
+            <script>try { if (sessionStorage.getItem('red_dismiss_creds_warning') === '1') { document.getElementById('security-warning').style.display = 'none'; } } catch(e) {}</script>
           <% end %>
           <%= yield %>
         </main>
@@ -1124,7 +1134,7 @@ details[open] summary { border-bottom: 1px solid var(--border-primary); }
             Built with <a href="https://github.com/AnjanJ/rails_error_dashboard" target="_blank"><strong>RED</strong> &mdash; Rails Error Dashboard</a>
           </p>
           <p style="font-size: 12px; color: var(--text-tertiary); margin: 0;">
-            Created by <a href="https://www.anjan.dev/" target="_blank">Anjan Jagirdar</a>
+            v<%= RailsErrorDashboard::VERSION %> &middot; Built with ❤️ by <a href="https://anjan.dev" target="_blank">Anjan Jagirdar</a>
           </p>
         </footer>
       </div>
@@ -1133,10 +1143,10 @@ details[open] summary { border-bottom: 1px solid var(--border-primary); }
     <!-- Mobile Sidebar (Offcanvas) -->
     <div class="offcanvas offcanvas-start" tabindex="-1" id="sidebarMenu" aria-labelledby="sidebarMenuLabel">
       <div class="offcanvas-header">
-        <div style="display: flex; align-items: center; gap: 10px;">
+        <a href="/" style="display: flex; align-items: center; gap: 10px; text-decoration: none; color: inherit;" title="Back to app home">
           <div class="red-sidebar-logo-icon">R</div>
           <strong>RED</strong>
-        </div>
+        </a>
         <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
       </div>
       <div class="offcanvas-body">

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

@@ -20,7 +20,7 @@
             <span style="display: inline-block; padding: 1px 6px; font-size: 9px; font-weight: 600; border-radius: var(--radius-full); background: var(--status-success-bg); color: var(--status-success); margin-left: 4px; text-transform: uppercase;">NEW</span>
           <% end %>
         </div>
-        <div style="color: var(--text-tertiary); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 400px;" title="<%= error.message %>"><%= error.message %></div>
+        <div style="color: var(--text-tertiary); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;" title="<%= error.message %>"><%= error.message %></div>
       </div>
     </div>
   </td>
@@ -72,12 +72,12 @@
     <%= local_time_ago(error.last_seen_at) %>
   </td>
   <% if local_assigns[:show_application] %>
-    <td style="padding: var(--space-3) var(--space-4); font-size: 12px;" onclick="window.location='<%= error_path(error, **app_context) %>'">
+    <td style="padding: var(--space-3) var(--space-4); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="<%= error.application&.name || 'Unknown' %>" onclick="window.location='<%= error_path(error, **app_context) %>'">
       <span class="badge bg-info"><%= error.application&.name || 'Unknown' %></span>
     </td>
   <% end %>
   <% if local_assigns[:show_platform] %>
-    <td style="padding: var(--space-3) var(--space-4); font-size: 12px;" onclick="window.location='<%= error_path(error, **app_context) %>'">
+    <td style="padding: var(--space-3) var(--space-4); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" title="<%= error.platform || 'API' %>" onclick="window.location='<%= error_path(error, **app_context) %>'">
       <% if error.platform == 'iOS' %>
         <span class="badge badge-ios"><i class="bi bi-apple"></i> iOS</span>
       <% elsif error.platform == 'Android' %>

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

@@ -87,11 +87,11 @@
               </div>
 
               <% if error.resolved? && error.resolution_comment.present? %>
-                <div class="mt-2 p-2 bg-success bg-opacity-10 border border-success rounded">
-                  <small class="text-success fw-bold">
+                <div style="margin-top: var(--space-2); padding: var(--space-2) var(--space-3); background: var(--status-success-bg); border: 1px solid var(--status-success); border-radius: var(--radius-sm);">
+                  <small style="color: var(--status-success); font-weight: 600;">
                     <i class="bi bi-journal-text"></i> Resolution Notes:
                   </small>
-                  <div class="mb-0 small text-muted mt-1">
+                  <div style="font-size: 13px; color: var(--text-primary); margin-top: 4px;">
                     <%= auto_link_urls(truncate(error.resolution_comment, length: 200), error: error).html_safe %>
                   </div>
                 </div>

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

@@ -40,20 +40,6 @@
         All time
       <% end %>
     </span>
-    <div id="batch-actions-inline" style="display: none; gap: 6px;">
-      <%= form_with url: batch_action_errors_path, method: :post, id: "batch-form", style: "display: flex; gap: 6px; align-items: center;" do |f| %>
-        <% if params[:application_id].present? %>
-          <%= hidden_field_tag :application_id, params[:application_id] %>
-        <% end %>
-        <span id="selected-count" style="font-size: 12px; font-weight: 600; color: var(--text-secondary);"></span>
-        <%= button_tag type: "submit", name: "action_type", value: "resolve", class: "btn btn-sm", style: "padding: 4px 12px; font-size: 12px;" do %>
-          Resolve
-        <% end %>
-        <%= button_tag type: "submit", name: "action_type", value: "delete", class: "btn btn-sm", style: "padding: 4px 12px; font-size: 12px; color: var(--status-critical);", data: { confirm: "Are you sure you want to delete the selected errors?" } do %>
-          Delete
-        <% end %>
-      <% end %>
-    </div>
   </div>
 
   <!-- Spike Detection Alert -->
@@ -126,7 +112,7 @@
     </div>
 
     <!-- Advanced filters -->
-    <div id="advanced-filters" style="display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); padding: var(--space-3) var(--space-4); background: var(--surface-primary); border-radius: var(--radius-md); border: 1px solid var(--border-primary);">
+    <div id="advanced-filters" style="display: none; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); padding: var(--space-3) var(--space-4); background: var(--surface-primary); border-radius: var(--radius-md); border: 1px solid var(--border-primary);">
       <% if @applications.size > 1 %>
         <%= select_tag :application_id, options_for_select([['All Apps', '']] + @applications, params[:application_id]), class: "form-select", style: "width: auto; min-width: 120px;" %>
       <% end %>
@@ -209,24 +195,44 @@
   <div class="card" style="overflow: hidden;">
     <% if @errors.any? %>
       <div data-loading-target="content">
-        <table class="table table-hover" style="margin-bottom: 0;">
+        <div style="overflow-x: auto;">
+        <table class="table table-hover" style="margin-bottom: 0; width: 100%; table-layout: fixed;">
           <thead>
-            <tr style="border-bottom: 1px solid var(--border-primary);">
-              <th style="width: 40px; padding: var(--space-3) var(--space-4); text-align: center;">
+            <tr id="thead-columns" style="border-bottom: 1px solid var(--border-primary);">
+              <th style="width: 36px; padding: var(--space-3) var(--space-4); text-align: center;">
                 <input type="checkbox" id="select-all" class="form-check-input" style="accent-color: var(--accent);">
               </th>
               <th style="padding: var(--space-3) var(--space-4); text-align: left;">Error</th>
-              <th style="padding: var(--space-3) var(--space-4); text-align: left; width: 90px;">Status</th>
-              <th style="padding: var(--space-3) var(--space-4); text-align: right; width: 90px;">Events</th>
-              <th style="padding: var(--space-3) var(--space-4); text-align: right; width: 70px;">Users</th>
-              <th style="padding: var(--space-3) var(--space-4); text-align: right; width: 90px;">Last seen</th>
+              <th style="padding: var(--space-3) var(--space-4); text-align: left; width: 100px;">Status</th>
+              <th style="padding: var(--space-3) var(--space-4); text-align: right; width: 70px;">Events</th>
+              <th style="padding: var(--space-3) var(--space-4); text-align: right; width: 55px;">Users</th>
+              <th style="padding: var(--space-3) var(--space-4); text-align: right; width: 85px;">Last seen</th>
               <% if @applications.size > 1 && params[:application_id].blank? %>
-                <th style="padding: var(--space-3) var(--space-4); width: 90px;">App</th>
+                <th style="padding: var(--space-3) var(--space-4); width: 100px;">App</th>
               <% end %>
               <% if @platforms.size > 1 %>
-                <th style="padding: var(--space-3) var(--space-4); width: 80px;">Platform</th>
+                <th style="padding: var(--space-3) var(--space-4); width: 100px;">Platform</th>
               <% end %>
             </tr>
+            <tr id="thead-batch" style="display: none; border-bottom: 1px solid var(--border-primary); background: var(--surface-secondary);">
+              <th style="width: 40px; padding: var(--space-3) var(--space-4); text-align: center;">
+                <input type="checkbox" id="select-all-batch" class="form-check-input" style="accent-color: var(--accent);" checked>
+              </th>
+              <th colspan="99" style="padding: var(--space-3) var(--space-4);">
+                <%= form_with url: batch_action_errors_path, method: :post, id: "batch-form", style: "display: flex; gap: 8px; align-items: center;" do |f| %>
+                  <% if params[:application_id].present? %>
+                    <%= hidden_field_tag :application_id, params[:application_id] %>
+                  <% end %>
+                  <span id="selected-count" style="font-size: 13px; font-weight: 600; color: var(--text-primary);"></span>
+                  <%= button_tag type: "submit", name: "action_type", value: "resolve", class: "btn btn-sm", style: "padding: 4px 12px; font-size: 12px;" do %>
+                    <i class="bi bi-check-circle"></i> Resolve
+                  <% end %>
+                  <%= button_tag type: "submit", name: "action_type", value: "delete", class: "btn btn-sm", style: "padding: 4px 12px; font-size: 12px; color: var(--status-critical);", data: { confirm: "Are you sure you want to delete the selected errors?" } do %>
+                    <i class="bi bi-trash"></i> Delete
+                  <% end %>
+                <% end %>
+              </th>
+            </tr>
           </thead>
           <tbody id="error_list">
             <% @errors.each do |error| %>
@@ -234,11 +240,13 @@
             <% end %>
           </tbody>
         </table>
+        </div>
 
         <!-- Pagination -->
         <% if @pagy.pages > 1 %>
-          <div style="padding: var(--space-4); border-top: 1px solid var(--border-primary);">
-            <%== @pagy.series_nav(:bootstrap) %>
+          <div style="padding: var(--space-4); border-top: 1px solid var(--border-primary); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3);">
+            <span style="font-size: 12px; color: var(--text-tertiary);">Showing <%= @pagy.from %>–<%= @pagy.to %> of <%= @pagy.count %> errors</span>
+            <div><%== @pagy.series_nav(:bootstrap) %></div>
           </div>
         <% end %>
       </div>
@@ -271,7 +279,9 @@
 <script>
 document.addEventListener('DOMContentLoaded', function() {
   var selectAllCheckbox = document.getElementById('select-all');
-  var batchInline = document.getElementById('batch-actions-inline');
+  var selectAllBatchCheckbox = document.getElementById('select-all-batch');
+  var theadColumns = document.getElementById('thead-columns');
+  var theadBatch = document.getElementById('thead-batch');
   var selectedCountSpan = document.getElementById('selected-count');
   var batchForm = document.getElementById('batch-form');
 
@@ -282,31 +292,47 @@ document.addEventListener('DOMContentLoaded', function() {
   function updateBatchToolbar() {
     var checkedBoxes = document.querySelectorAll('.error-checkbox:checked');
     var count = checkedBoxes.length;
+    var boxes = getErrorCheckboxes();
+    var allChecked = boxes.length > 0 && Array.from(boxes).every(function(cb) { return cb.checked; });
+    var someChecked = Array.from(boxes).some(function(cb) { return cb.checked; });
+
     if (count > 0) {
-      batchInline.style.display = 'flex';
+      theadColumns.style.display = 'none';
+      theadBatch.style.display = '';
       selectedCountSpan.textContent = count + ' selected';
+      selectAllBatchCheckbox.checked = allChecked;
+      selectAllBatchCheckbox.indeterminate = someChecked && !allChecked;
     } else {
-      batchInline.style.display = 'none';
+      theadColumns.style.display = '';
+      theadBatch.style.display = 'none';
+    }
+
+    if (selectAllCheckbox) {
+      selectAllCheckbox.checked = allChecked;
+      selectAllCheckbox.indeterminate = someChecked && !allChecked;
     }
   }
 
+  function handleSelectAll(checked) {
+    getErrorCheckboxes().forEach(function(cb) { cb.checked = checked; });
+    updateBatchToolbar();
+  }
+
   if (selectAllCheckbox) {
     selectAllCheckbox.addEventListener('change', function() {
-      getErrorCheckboxes().forEach(function(cb) { cb.checked = selectAllCheckbox.checked; });
-      updateBatchToolbar();
+      handleSelectAll(selectAllCheckbox.checked);
+    });
+  }
+
+  if (selectAllBatchCheckbox) {
+    selectAllBatchCheckbox.addEventListener('change', function() {
+      handleSelectAll(selectAllBatchCheckbox.checked);
     });
   }
 
   document.addEventListener('change', function(e) {
     if (e.target.classList.contains('error-checkbox')) {
       updateBatchToolbar();
-      var boxes = getErrorCheckboxes();
-      var allChecked = Array.from(boxes).every(function(cb) { return cb.checked; });
-      var someChecked = Array.from(boxes).some(function(cb) { return cb.checked; });
-      if (selectAllCheckbox) {
-        selectAllCheckbox.checked = allChecked;
-        selectAllCheckbox.indeterminate = someChecked && !allChecked;
-      }
     }
   });
 

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

@@ -169,7 +169,10 @@
 %>
 
 <div>
-  <h1 style="font-size: 20px; font-weight: 700; margin-bottom: var(--space-4);">Settings</h1>
+  <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-4);">
+    <h1 style="font-size: 20px; font-weight: 700; margin: 0;">Settings</h1>
+    <span style="font-family: var(--font-mono); font-size: 12px; font-weight: 500; color: var(--text-tertiary); padding: 2px 10px; border: 1px solid var(--border-primary); border-radius: var(--radius-full);">v<%= RailsErrorDashboard::VERSION %></span>
+  </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.
@@ -255,6 +258,25 @@
     </div>
   </div>
 
+  <!-- Test Error -->
+  <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-send-check" style="margin-right: 6px;"></i> Test Notifications</span>
+    </div>
+    <div style="padding: var(--space-5) var(--space-6);">
+      <p style="font-size: 13px; color: var(--text-secondary); margin-bottom: var(--space-4);">
+        Send a test error through the full capture and notification pipeline. This creates a <code>RailsErrorDashboard::TestError</code> in the
+        error log and dispatches notifications to all configured channels (Slack, Discord, PagerDuty, email, webhooks).
+        The test error is clearly marked and safe to resolve or delete.
+      </p>
+      <%= form_tag test_error_errors_path(application_id: @current_application_id.presence), method: :post, style: "display: inline;" do %>
+        <button type="submit" class="btn btn-outline" onclick="return confirm('This will create a test error and send notifications to all configured channels. Continue?')">
+          <i class="bi bi-send" style="margin-right: 4px;"></i> Send Test Error
+        </button>
+      <% end %>
+    </div>
+  </div>
+
   <!-- Help Text -->
   <div class="alert alert-light border">
     <h6 class="alert-heading">

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

@@ -87,7 +87,7 @@
   </div>
 
   <!-- Main content: tabs + sidebar -->
-  <div style="display: grid; grid-template-columns: 1fr 280px; gap: var(--space-4);">
+  <div class="red-detail-grid">
     <!-- Left: tabbed content -->
     <div>
       <!-- Tab bar -->
@@ -162,7 +162,7 @@
     </div>
 
     <!-- Right: sidebar -->
-    <div class="error-sidebar" style="display: flex; flex-direction: column; gap: var(--space-4); min-width: 0;">
+    <div class="error-sidebar" style="display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; overflow-wrap: break-word;">
       <%= render "sidebar_metadata", error: @error, related_errors: @related_errors %>
 
       <!-- Baseline Statistics -->

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

@@ -79,23 +79,23 @@
       <div class="card-body p-0">
         <div class="table-responsive">
           <table class="table table-hover mb-0">
-            <thead class="table-light">
-              <tr>
-                <th>Exception Class</th>
-                <th width="250">Raise Location</th>
-                <th width="250">Rescue Location</th>
-                <th width="100">Raises</th>
-                <th width="100">Rescues</th>
-                <th width="100">Ratio</th>
-                <th width="140">Last Seen</th>
+            <thead>
+              <tr style="border-bottom: 1px solid var(--border-primary);">
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;">Exception Class</th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="250">Raise Location</th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="250">Rescue Location</th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100">Raises</th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100">Rescues</th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="100">Ratio</th>
+                <th style="padding: var(--space-3) var(--space-4); color: var(--text-secondary); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;" width="140">Last Seen</th>
               </tr>
             </thead>
             <tbody>
               <% @entries.each do |entry| %>
                 <tr>
                   <td><code style="font-size: 0.85em;"><%= entry[:exception_class] %></code></td>
-                  <td><small class="text-muted text-break"><%= entry[:raise_location] %></small></td>
-                  <td><small class="text-muted text-break"><%= entry[:rescue_location] || "Unknown" %></small></td>
+                  <td style="color: var(--text-secondary); font-size: 12px; word-break: break-all;"><%= entry[:raise_location] %></td>
+                  <td style="color: var(--text-secondary); font-size: 12px; word-break: break-all;"><%= entry[:rescue_location] || "Unknown" %></td>
                   <td><span class="badge bg-info text-dark"><%= number_with_delimiter(entry[:raise_count]) %></span></td>
                   <td><span class="badge bg-warning text-dark"><%= number_with_delimiter(entry[:rescue_count]) %></span></td>
                   <td>
@@ -104,7 +104,7 @@
                       <%= ratio_pct %>%
                     </span>
                   </td>
-                  <td><%= local_time_ago(entry[:last_seen]) %></td>
+                  <td style="color: var(--text-secondary); font-size: 12px;"><%= local_time_ago(entry[:last_seen]) %></td>
                 </tr>
               <% end %>
             </tbody>

data/config/routes.rb

@@ -44,6 +44,7 @@ RailsErrorDashboard::Engine.routes.draw do
       post :enable_coverage
       post :disable_coverage
       post :batch_action
+      post :test_error
     end
   end
 end

data/lib/rails_error_dashboard/services/error_broadcaster.rb

@@ -113,7 +113,7 @@ module RailsErrorDashboard
         server.pubsub
         @broadcast_unavailable_until = nil
         true
-      rescue => e
+      rescue LoadError, StandardError => e
         @broadcast_unavailable_until = Time.current + 60
         RailsErrorDashboard::Logger.debug("[RailsErrorDashboard] Broadcast not available (pausing 60s): #{e.message}")
         false

data/lib/rails_error_dashboard/services/system_health_snapshot.rb

@@ -195,7 +195,7 @@ module RailsErrorDashboard
           connections: server.connections.count,
           adapter: server.pubsub&.class&.name&.demodulize
         }
-      rescue => e
+      rescue LoadError, StandardError => e
         nil
       end
 

data/lib/rails_error_dashboard/test_error.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+module RailsErrorDashboard
+  # Custom exception class for test errors triggered from the dashboard.
+  # Clearly identifiable in error lists so users know it's not a real issue.
+  class TestError < StandardError; end
+end

data/lib/rails_error_dashboard/version.rb

@@ -1,3 +1,3 @@
 module RailsErrorDashboard
-  VERSION = "0.6.0"
+  VERSION = "0.6.1"
 end

data/lib/rails_error_dashboard.rb

@@ -1,6 +1,7 @@
 require "rails_error_dashboard/version"
 require "rails_error_dashboard/engine"
 require "rails_error_dashboard/configuration_error"
+require "rails_error_dashboard/test_error"
 require "rails_error_dashboard/configuration"
 require "rails_error_dashboard/logger"
 require "rails_error_dashboard/manual_error_reporter"

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails_error_dashboard
 version: !ruby/object:Gem::Version
-  version: 0.6.0
+  version: 0.6.1
 platform: ruby
 authors:
 - Anjan Jagirdar
@@ -480,6 +480,7 @@ files:
 - lib/rails_error_dashboard/subscribers/breadcrumb_subscriber.rb
 - lib/rails_error_dashboard/subscribers/issue_tracker_subscriber.rb
 - lib/rails_error_dashboard/subscribers/rack_attack_subscriber.rb
+- lib/rails_error_dashboard/test_error.rb
 - lib/rails_error_dashboard/value_objects/error_context.rb
 - lib/rails_error_dashboard/version.rb
 - lib/tasks/error_dashboard.rake
@@ -496,7 +497,7 @@ metadata:
   funding_uri: https://github.com/sponsors/AnjanJ
 post_install_message: |
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
-    RED (Rails Error Dashboard) v0.6.0
+    RED (Rails Error Dashboard) v0.6.1
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
   First install: