rails_nexus 2.0.3 → 2.1.0

data/app/views/rails_nexus/backup/_form.html.erb

@@ -1,11 +1,11 @@
-<%= form_for @config, url: (@config.persisted? ? backup_path(@config) : backup_index_path), class: "space-y-6" do |f| %>
+<%= form_for @config, url: (@config.persisted? ? backup_path(@config) : backup_path), class: "space-y-6" do |f| %>
   <% if @config.errors.any? %>
     <div class="rn-card" style="border-left: 3px solid var(--rn-danger)">
       <div class="p-4">
         <p class="text-sm font-semibold" style="color: var(--rn-danger)"><%= @config.errors.count %> error(s) prevented this config from being saved:</p>
         <ul class="mt-2 text-xs" style="color: var(--rn-text-secondary)">
           <% @config.errors.full_messages.each do |msg| %>
-            <li>• <%= msg %></li>
+            <li>&bull; <%= msg %></li>
           <% end %>
         </ul>
       </div>
@@ -27,8 +27,10 @@
         <%= f.text_field :description, class: "rn-input", placeholder: "e.g. TTI Daily Backup" %>
       </div>
       <div class="rn-filter-group">
-        <label>Enabled</label>
-        <%= f.check_box :enabled, class: "rn-input" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :enabled %>
+          Enabled
+        </label>
       </div>
     </div>
   </div>
@@ -41,7 +43,13 @@
     <div class="p-4 grid grid-cols-1 md:grid-cols-3 gap-4">
       <div class="rn-filter-group">
         <label>Adapter *</label>
-        <%= f.select :adapter, options_for_select([["MySQL", "mysql"], ["PostgreSQL", "postgresql"], ["SQLite", "sqlite"]], @config.adapter), {}, class: "rn-select" %>
+        <%= f.select :adapter, options_for_select([
+          ["MySQL", "mysql"],
+          ["PostgreSQL", "postgresql"],
+          ["SQLite", "sqlite"],
+          ["MongoDB", "mongodb"],
+          ["Redis", "redis"]
+        ], @config.adapter), {}, class: "rn-select" %>
       </div>
       <div class="rn-filter-group">
         <label>Database Name *</label>
@@ -61,11 +69,12 @@
       </div>
       <div class="rn-filter-group">
         <label>Password</label>
-        <%= f.password_field :password, class: "rn-input", placeholder: "••••••••" %>
+        <%= f.password_field :password, class: "rn-input", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" %>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">ENV[VAR], ${VAR}, credentials[:key], or plain text</p>
       </div>
       <div class="rn-filter-group md:col-span-3">
         <label>Skip Tables (comma-separated)</label>
-        <%= text_field_tag "backup_config[skip_tables][]", @config.skip_tables_list.join(", "), class: "rn-input", placeholder: "e.g. sessions, versions" %>
+        <%= f.text_field :skip_tables, value: @config.skip_tables_list.join(", "), class: "rn-input", placeholder: "e.g. sessions, versions, internal_logs" %>
       </div>
     </div>
   </div>
@@ -87,56 +96,158 @@
     </div>
   </div>
 
-  <%# ─── Compression & Encryption ────────────────────────────── %>
+  <%# ─── Archives ────────────────────────────────────────────── %>
   <div class="rn-card">
     <div class="p-4" style="border-bottom: 1px solid var(--rn-border-light)">
-      <h2 class="text-sm font-semibold" style="color: var(--rn-text)">Compression & Encryption</h2>
+      <h2 class="text-sm font-semibold" style="color: var(--rn-text)">Archives (File/Directory Backup)</h2>
     </div>
     <div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
       <div class="rn-filter-group">
-        <label>Compress (Gzip)</label>
-        <%= f.check_box :compress, class: "rn-input" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :archive_enabled %>
+          Enable Archives
+        </label>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Include additional files/directories in the backup tar</p>
       </div>
-      <div class="rn-filter-group">
-        <label>Encrypt (OpenSSL AES-256)</label>
-        <%= f.check_box :encrypt, class: "rn-input", data: { action: "change->rails_nexus#toggle" } %>
+      <div class="rn-filter-group md:col-span-2" id="archive-paths-group">
+        <label>Archive Paths (comma-separated)</label>
+        <%= f.text_field :archive_paths, value: @config.archive_paths_list.join(", "), class: "rn-input", placeholder: "e.g. /var/log, /etc/nginx, /home/app/uploads" %>
       </div>
-      <div class="rn-filter-group" data-rails_nexus-target="encryptPassword" style="<%= 'display:none' unless @config.encrypt? %>">
-        <label>Encryption Password</label>
-        <%= f.password_field :encrypt_password, class: "rn-input", placeholder: "••••••••" %>
+      <div class="rn-filter-group md:col-span-2" id="archive-excludes-group">
+        <label>Exclude Patterns</label>
+        <%= f.text_field :archive_excludes, value: @config.archive_excludes_list.join(", "), class: "rn-input", placeholder: "e.g. *.log, tmp/*, node_modules" %>
       </div>
     </div>
   </div>
 
-  <%# ─── Remote Sync ────────────────────────────────────────── %>
+  <%# ─── Compression & Encryption ────────────────────────────── %>
   <div class="rn-card">
     <div class="p-4" style="border-bottom: 1px solid var(--rn-border-light)">
-      <h2 class="text-sm font-semibold" style="color: var(--rn-text)">Remote Sync (RSync)</h2>
+      <h2 class="text-sm font-semibold" style="color: var(--rn-text)">Compression & Encryption</h2>
     </div>
     <div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
       <div class="rn-filter-group">
-        <label>Enable RSync</label>
-        <%= f.check_box :rsync_enabled, class: "rn-input" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :compress %>
+          Gzip Compression
+        </label>
       </div>
       <div class="rn-filter-group">
-        <label>Host</label>
-        <%= f.text_field :rsync_host, class: "rn-input", placeholder: "192.168.1.100" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :bzip2_compress %>
+          Bzip2 Compression
+        </label>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Better ratio but slower than Gzip</p>
       </div>
       <div class="rn-filter-group">
-        <label>Port</label>
-        <%= f.number_field :rsync_port, class: "rn-input", value: @config.rsync_port || 22 %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :encrypted %>
+          OpenSSL AES-256 Encryption
+        </label>
+      </div>
+      <div class="rn-filter-group" id="encrypt-password-group" style="<%= 'display:none' unless @config.encrypted? %>">
+        <label>Encryption Password</label>
+        <%= f.password_field :encryption_password, class: "rn-input", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" %>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">ENV[VAR], ${VAR}, credentials[:key], or plain text</p>
+      </div>
+      <div class="rn-filter-group">
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :gpg_enabled %>
+          GPG Encryption
+        </label>
+      </div>
+      <div class="rn-filter-group" id="gpg-password-group" style="<%= 'display:none' unless @config.gpg_enabled? %>">
+        <label>GPG Password</label>
+        <%= f.password_field :gpg_password, class: "rn-input", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" %>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">ENV[VAR], ${VAR}, credentials[:key], or plain text</p>
       </div>
       <div class="rn-filter-group">
-        <label>SSH User</label>
-        <%= f.text_field :rsync_user, class: "rn-input", placeholder: "backup" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :split_chunks %>
+          Split into Chunks (50MB)
+        </label>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Split large backups into 50MB files</p>
       </div>
+    </div>
+  </div>
+
+  <%# ─── Remote Sync (RSync) ────────────────────────────────── %>
+  <div class="rn-card">
+    <div class="p-4" style="border-bottom: 1px solid var(--rn-border-light)">
+      <h2 class="text-sm font-semibold" style="color: var(--rn-text)">Remote Sync (RSync)</h2>
+    </div>
+    <div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
       <div class="rn-filter-group">
-        <label>Remote Path</label>
-        <%= f.text_field :rsync_path, class: "rn-input", placeholder: "/backups" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :rsync_enabled %>
+          Enable RSync
+        </label>
+      </div>
+      <div class="rn-filter-group" id="rsync-fields" style="<%= 'display:none' unless @config.rsync_enabled? %>">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label>Host</label>
+            <%= f.text_field :rsync_host, class: "rn-input", placeholder: "192.168.1.100" %>
+          </div>
+          <div>
+            <label>Port</label>
+            <%= f.number_field :rsync_port, class: "rn-input", value: @config.rsync_port || 22 %>
+          </div>
+          <div>
+            <label>SSH User</label>
+            <%= f.text_field :rsync_user, class: "rn-input", placeholder: "backup" %>
+          </div>
+          <div>
+            <label>Remote Path</label>
+            <%= f.text_field :rsync_path, class: "rn-input", placeholder: "/backups" %>
+          </div>
+          <div>
+            <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+              <%= f.check_box :rsync_mirror %>
+              Mirror Mode
+            </label>
+          </div>
+        </div>
       </div>
+    </div>
+  </div>
+
+  <%# ─── S3 Storage ──────────────────────────────────────────── %>
+  <div class="rn-card">
+    <div class="p-4" style="border-bottom: 1px solid var(--rn-border-light)">
+      <h2 class="text-sm font-semibold" style="color: var(--rn-text)">S3 Storage</h2>
+    </div>
+    <div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
       <div class="rn-filter-group">
-        <label>Mirror Mode</label>
-        <%= f.check_box :rsync_mirror, class: "rn-input" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :s3_enabled %>
+          Enable S3 Upload
+        </label>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Requires aws-cli or s3cmd installed</p>
+      </div>
+      <div class="rn-filter-group md:col-span-2" id="s3-fields" style="<%= 'display:none' unless @config.s3_enabled? %>">
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label>Access Key *</label>
+            <%= f.text_field :s3_access_key, class: "rn-input", placeholder: "AKIA..." %>
+          </div>
+          <div>
+            <label>Secret Key *</label>
+            <%= f.password_field :s3_secret_key, class: "rn-input", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" %>
+          </div>
+          <div>
+            <label>Bucket *</label>
+            <%= f.text_field :s3_bucket, class: "rn-input", placeholder: "my-backups-bucket" %>
+          </div>
+          <div>
+            <label>Region</label>
+            <%= f.text_field :s3_region, class: "rn-input", placeholder: "us-east-1", value: @config.s3_region || "us-east-1" %>
+          </div>
+          <div>
+            <label>Key Prefix</label>
+            <%= f.text_field :s3_prefix, class: "rn-input", placeholder: "backups/production" %>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -148,17 +259,31 @@
     </div>
     <div class="p-4 grid grid-cols-1 md:grid-cols-2 gap-4">
       <div class="rn-filter-group md:col-span-2">
-        <label>Notify Command</label>
+        <label>Notify Command (Webhook / Script)</label>
         <%= f.text_field :notify_command, class: "rn-input", placeholder: "e.g. curl -X POST https://hooks.slack.com/..." %>
         <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Variables: {STATUS}, {MODEL}, {ERROR}, {TIME}</p>
       </div>
       <div class="rn-filter-group">
-        <label>Notify on Success</label>
-        <%= f.check_box :notify_on_success, class: "rn-input" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :notify_on_success %>
+          Notify on Success
+        </label>
       </div>
       <div class="rn-filter-group">
-        <label>Notify on Failure</label>
-        <%= f.check_box :notify_on_failure, class: "rn-input" %>
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :notify_on_failure %>
+          Notify on Failure
+        </label>
+      </div>
+      <div class="rn-filter-group">
+        <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
+          <%= f.check_box :email_notify %>
+          Email Notifications
+        </label>
+      </div>
+      <div class="rn-filter-group" id="email-to-group" style="<%= 'display:none' unless @config.email_notify? %>">
+        <label>Email To</label>
+        <%= f.text_field :email_to, class: "rn-input", placeholder: "admin@example.com" %>
       </div>
     </div>
   </div>
@@ -172,7 +297,7 @@
       <div class="rn-filter-group" style="max-width: 300px">
         <label>Cron Expression</label>
         <%= f.text_field :schedule_cron, class: "rn-input", placeholder: "e.g. 0 2 * * * (daily at 2am)" %>
-        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">min hour day month wday — leave blank for manual only</p>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">min hour day month wday &mdash; leave blank for manual only</p>
       </div>
     </div>
   </div>
@@ -183,3 +308,27 @@
     <%= link_to "Cancel", backup_path, class: "rn-btn rn-btn-ghost" %>
   </div>
 <% end %>
+
+<script>
+document.addEventListener("DOMContentLoaded", function() {
+  // Toggle visibility for dependent sections based on checkboxes
+  function setupToggle(checkboxId, targetId) {
+    var cb = document.getElementById(checkboxId);
+    var target = document.getElementById(targetId);
+    if (!cb || !target) return;
+    cb.addEventListener("change", function() {
+      target.style.display = cb.checked ? "" : "none";
+    });
+    // Set initial state
+    target.style.display = cb.checked ? "" : "none";
+  }
+
+  setupToggle("backup_config_encrypted", "encrypt-password-group");
+  setupToggle("backup_config_gpg_enabled", "gpg-password-group");
+  setupToggle("backup_config_rsync_enabled", "rsync-fields");
+  setupToggle("backup_config_s3_enabled", "s3-fields");
+  setupToggle("backup_config_email_notify", "email-to-group");
+  setupToggle("backup_config_archive_enabled", "archive-paths-group");
+  setupToggle("backup_config_archive_enabled", "archive-excludes-group");
+});
+</script>

data/app/views/rails_nexus/backup/history.html.erb

@@ -9,7 +9,16 @@
     <span class="rn-breadcrumb-current">History</span>
   </nav>
 
-  <h1 class="text-2xl font-bold" style="color: var(--rn-text)">Backup History</h1>
+  <div class="flex items-center justify-between">
+    <div>
+      <h1 class="text-2xl font-bold" style="color: var(--rn-text)">Backup History</h1>
+      <p class="text-sm mt-1" style="color: var(--rn-text-muted)">Review completed runs, failures, and backup logs.</p>
+    </div>
+    <div class="flex items-center gap-2">
+      <%= link_to "Configurations", backup_path, class: "rn-btn rn-btn-ghost" %>
+      <%= link_to "New Config", new_backup_path, class: "rn-btn rn-btn-primary" %>
+    </div>
+  </div>
 
   <div class="rn-card">
     <% if @records.any? %>
@@ -30,11 +39,17 @@
           <tbody>
             <% @records.each do |record| %>
               <tr>
-                <td><span class="font-medium" style="color: var(--rn-text)"><%= record.model_name %></span></td>
+                <td><span class="font-medium" style="color: var(--rn-text)"><%= record.config_name %></span></td>
                 <td>
                   <span class="rn-badge rn-badge-<%= record.status == 'success' ? 'success' : record.status == 'failed' ? 'danger' : 'warning' %>">
                     <%= record.status.capitalize %>
                   </span>
+                  <% if record.status == 'failed' && record.error_message.present? %>
+                    <div class="text-xs mt-1" style="color: var(--rn-danger); cursor: pointer; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap" title="Click to expand" onclick="var el=this.nextElementSibling; el.style.display=el.style.display==='none'?'block':'none'">
+                      ✖ <%= truncate(record.error_message, length: 60) %>
+                    </div>
+                    <pre class="text-xs" style="display:none; color: var(--rn-danger); background: var(--rn-bg-secondary); padding: 8px; border-radius: 4px; margin-top: 4px; max-height: 120px; overflow: auto; white-space: pre-wrap; word-break: break-word"><%= record.error_message %></pre>
+                  <% end %>
                 </td>
                 <td><span class="text-xs rn-mono" style="color: var(--rn-text-secondary)"><%= record.file_path ? File.basename(record.file_path) : "—" %></span></td>
                 <td><span class="text-xs" style="color: var(--rn-text-secondary)"><%= record.file_size ? number_to_human_size(record.file_size) : "—" %></span></td>

data/app/views/rails_nexus/backup/index.html.erb

@@ -8,31 +8,13 @@
   </nav>
 
   <div class="flex items-center justify-between">
-    <h1 class="text-2xl font-bold" style="color: var(--rn-text)">Backup Management</h1>
-    <%= link_to "New Config", new_backup_path, class: "rn-btn rn-btn-primary" %>
-  </div>
-
-  <%# ─── Stats ──────────────────────────────────────────────── %>
-  <div class="rn-stats">
-    <div class="rn-stat">
-      <span class="rn-stat-label">Configs</span>
-      <span class="rn-stat-value"><%= @stats[:total_configs] %></span>
-      <span class="rn-stat-change"><%= @stats[:enabled_configs] %> enabled</span>
-    </div>
-    <div class="rn-stat">
-      <span class="rn-stat-label">Total Backups</span>
-      <span class="rn-stat-value"><%= @stats[:total_backups] %></span>
-      <span class="rn-stat-change">All time</span>
-    </div>
-    <div class="rn-stat">
-      <span class="rn-stat-label">Successful</span>
-      <span class="rn-stat-value" style="color: var(--rn-success)"><%= @stats[:successful] %></span>
-      <span class="rn-stat-change">All time</span>
+    <div>
+      <h1 class="text-2xl font-bold" style="color: var(--rn-text)">Backup Configurations</h1>
+      <p class="text-sm mt-1" style="color: var(--rn-text-muted)">Configure storage, schedules, and run backups.</p>
     </div>
-    <div class="rn-stat">
-      <span class="rn-stat-label">Failed</span>
-      <span class="rn-stat-value" style="color: var(--rn-danger)"><%= @stats[:failed] %></span>
-      <span class="rn-stat-change">All time</span>
+    <div class="flex items-center gap-2">
+      <%= link_to "Backup History", backup_history_path, class: "rn-btn rn-btn-ghost" %>
+      <%= link_to "New Config", new_backup_path, class: "rn-btn rn-btn-primary" %>
     </div>
   </div>
 
@@ -80,16 +62,23 @@
                   <span class="rn-badge <%= config.enabled? ? 'rn-badge-success' : 'rn-badge-muted' %>">
                     <%= config.enabled? ? 'Enabled' : 'Disabled' %>
                   </span>
-                  <% if config.encrypt? %><span class="rn-badge rn-badge-warning">Encrypted</span><% end %>
+                  <% if config.encrypted? %><span class="rn-badge rn-badge-warning">Encrypted</span><% end %>
                   <% if config.rsync_enabled? %><span class="rn-badge rn-badge-info">RSync</span><% end %>
                 </td>
                 <td style="text-align: right">
                   <div class="flex items-center justify-end gap-1">
-                    <%= button_to "Run", backup_trigger_path(config),
-                      method: :post,
-                      class: "rn-btn rn-btn-primary rn-btn-xs",
-                      data: { turbo_confirm: "Run #{config.name} backup now?" } %>
-                    <%= link_to "History", backup_config_history_path(config), class: "rn-btn rn-btn-ghost rn-btn-xs" %>
+                    <% running = RailsNexus::Backup.where(config_name: config.name, status: "running").exists? %>
+                    <% if running %>
+                      <span class="rn-badge rn-badge-info">
+                        <svg class="animate-spin" style="width:12px;height:12px;display:inline" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" opacity="0.25"/><path d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" fill="currentColor"/></svg>
+                        Running
+                      </span>
+                    <% else %>
+                      <%= button_to "Run", backup_trigger_path(config),
+                        method: :post,
+                        class: "rn-btn rn-btn-primary rn-btn-xs",
+                        data: { turbo_confirm: "Run #{config.name} backup now?" } %>
+                    <% end %>
                     <%= link_to "Edit", edit_backup_path(config), class: "rn-btn rn-btn-ghost rn-btn-xs" %>
                     <%= button_to "Delete", backup_destroy_path(config),
                       method: :delete,
@@ -110,46 +99,14 @@
       </div>
     <% end %>
   </div>
-
-  <%# ─── Recent Backups ─────────────────────────────────────── %>
-  <% if @records.any? %>
-    <div class="rn-card">
-      <div class="p-4" style="border-bottom: 1px solid var(--rn-border-light)">
-        <div class="flex items-center justify-between">
-          <h2 class="text-sm font-semibold" style="color: var(--rn-text)">Recent Backups</h2>
-          <%= link_to "View All", backup_history_path, class: "text-xs font-medium", style: "color: var(--rn-primary)" %>
-        </div>
-      </div>
-      <div class="rn-table-wrap">
-        <table class="rn-table">
-          <thead>
-            <tr>
-              <th>Config</th>
-              <th>Status</th>
-              <th>Size</th>
-              <th>Duration</th>
-              <th>Triggered By</th>
-              <th>Time</th>
-            </tr>
-          </thead>
-          <tbody>
-            <% @records.each do |record| %>
-              <tr>
-                <td><span class="font-medium" style="color: var(--rn-text)"><%= record.model_name %></span></td>
-                <td>
-                  <span class="rn-badge rn-badge-<%= record.status == 'success' ? 'success' : record.status == 'failed' ? 'danger' : 'warning' %>">
-                    <%= record.status.capitalize %>
-                  </span>
-                </td>
-                <td><span class="text-xs" style="color: var(--rn-text-secondary)"><%= record.file_size ? number_to_human_size(record.file_size) : "—" %></span></td>
-                <td><span class="text-xs" style="color: var(--rn-text-secondary)"><%= record.duration ? "#{record.duration.round(1)}s" : "—" %></span></td>
-                <td><span class="text-xs" style="color: var(--rn-text-muted)"><%= record.triggered_by || "—" %></span></td>
-                <td><span class="text-xs" style="color: var(--rn-text-muted)"><%= record.started_at ? time_ago_in_words(record.started_at) + " ago" : "—" %></span></td>
-              </tr>
-            <% end %>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  <% end %>
 </div>
+
+<script>
+// Auto-refresh when a backup is running
+(function() {
+  var running = document.querySelector('.animate-spin');
+  if (running) {
+    setTimeout(function() { location.reload(); }, 5000);
+  }
+})();
+</script>

data/app/views/rails_nexus/logged_exceptions/_exceptions.html.erb

@@ -1,4 +1,4 @@
-<div id="exceptions-content" class="rn-card overflow-hidden">
+<div id="exceptions-content" class="rn-exceptions-results overflow-hidden">
   <% if @exceptions.empty? %>
     <div class="py-16 text-center">
       <div class="w-12 h-12 rounded-full flex items-center justify-center mx-auto" style="background: var(--rn-success-light)">
@@ -14,10 +14,11 @@
     </div>
   <% else %>
     <%# ─── Table Header Bar ───────────────────────────────────── %>
-    <div class="px-4 py-2.5 flex items-center justify-between" style="background: var(--rn-bg-secondary); border-bottom: 1px solid var(--rn-border-light)">
-      <div class="flex items-center gap-3">
+    <div class="rn-exceptions-toolbar" style="background: var(--rn-bg-secondary); border-bottom: 1px solid var(--rn-border-light)">
+      <div class="rn-exceptions-toolbar-summary">
         <span class="text-xs font-medium" style="color: var(--rn-text-secondary)">
-          <span class="font-semibold" style="color: var(--rn-text)"><%= number_with_delimiter(@pagy.count) %></span> exceptions
+          <span class="font-semibold" style="color: var(--rn-text)"><%= number_with_delimiter(@pagy.count) %></span>
+          <%= "exception".pluralize(@pagy.count) %>
           <% if filtered? %>
             <span style="color: var(--rn-text-muted)">(filtered)</span>
           <% end %>
@@ -35,9 +36,9 @@
         </div>
       </div>
 
-      <div class="flex items-center gap-2">
+      <div class="rn-exceptions-toolbar-actions">
         <%# Keyboard hint %>
-        <span class="text-xs flex items-center gap-1" style="color: var(--rn-text-muted)">
+        <span class="rn-shortcuts-hint text-xs flex items-center gap-1" style="color: var(--rn-text-muted)">
           <span class="rn-kbd">?</span> shortcuts
         </span>
 
@@ -54,13 +55,10 @@
     <%# ─── Exception Table ────────────────────────────────────── %>
     <div class="rn-table-wrap">
       <table class="rn-table rn-exceptions-table">
+        <caption class="sr-only">Logged application exceptions</caption>
         <thead>
           <tr>
-            <th class="rn-col-severity"><span class="sr-only">Severity</span></th>
             <th class="rn-col-exception <%= sort_header_class(:exception_class) %>"><%= sort_link @q, :exception_class, "Exception" %></th>
-            <% if exception_feature?(:platform) %>
-              <th class="rn-col-platform <%= sort_header_class(:platform) %>"><%= sort_link @q, :platform, "Platform" %></th>
-            <% end %>
             <th class="rn-col-source <%= sort_header_class(:controller_name) %>"><%= sort_link @q, :controller_name, "Source" %></th>
             <th class="rn-col-message <%= sort_header_class(:message) %>"><%= sort_link @q, :message, "Message" %></th>
             <% if exception_feature?(:occurrence_count) %>
@@ -68,9 +66,6 @@
             <% else %>
               <th class="rn-col-count">Count</th>
             <% end %>
-            <th class="rn-col-workflow <%= sort_header_class(:priority) if exception_feature?(:priority) && exception_searchable?(:priority) %>">
-              <%= exception_feature?(:priority) && exception_searchable?(:priority) ? sort_link(@q, :priority, "Workflow") : "Workflow" %>
-            </th>
             <th class="rn-col-time <%= sort_header_class(:created_at) %>"><%= sort_link @q, :created_at, "Last Seen" %></th>
             <th class="rn-col-actions"><span class="sr-only">Actions</span></th>
           </tr>
@@ -79,36 +74,26 @@
           <% @exceptions.each_with_index do |exception, index| %>
             <tr id="<%= dom_id(exception) %>"
                 class="group"
-                style="cursor: pointer; position: relative"
-                data-action="click->rails_nexus#selectRow"
+                tabindex="0"
+                aria-label="View <%= exception.exception_class %>: <%= exception.message.presence || 'No message' %>"
+                data-action="click->rails_nexus#selectRow keydown.enter->rails_nexus#selectRow keydown.space->rails_nexus#selectRow"
                 data-url="<%= logged_exception_path(exception) %>"
                 data-index="<%= index %>"
                 data-rails_nexus-index-param="<%= index %>">
 
-              <%# Severity indicator dot %>
-              <td>
-                <span class="rn-count-indicator rn-badge-<%= severity_for(exception) %>"
-                      style="background: var(--rn-<%= severity_for(exception) %>-light); color: var(--rn-<%= severity_for(exception) %>); width: 0.5rem; height: 0.5rem; min-width: 0; padding: 0; border-radius: 50%">
-                </span>
-              </td>
-
-              <%# Exception class with severity badge %>
+              <%# Exception class with severity indicator %>
               <td class="rn-col-exception">
-                <span class="rn-badge rn-badge-<%= severity_for(exception) %> rn-exception-name" title="<%= exception.exception_class %>"><%= exception.exception_class %></span>
-                <% if exception.respond_to?(:fingerprint) && exception.fingerprint.present? %>
-                  <span class="rn-row-meta rn-mono" title="Fingerprint"><%= exception.fingerprint.first(10) %></span>
-                <% end %>
+                <div class="rn-exception-cell">
+                  <span class="rn-severity-dot rn-severity-<%= severity_for(exception) %>" aria-hidden="true"></span>
+                  <div class="min-w-0">
+                    <span class="rn-exception-name" title="<%= exception.exception_class %>"><%= exception.exception_class %></span>
+                    <% if exception.respond_to?(:fingerprint) && exception.fingerprint.present? %>
+                      <span class="rn-row-meta rn-mono" title="Fingerprint <%= exception.fingerprint %>">#<%= exception.fingerprint.first(10) %></span>
+                    <% end %>
+                  </div>
+                </div>
               </td>
 
-              <%# Platform badge %>
-              <% if exception_feature?(:platform) %>
-                <td class="rn-col-platform">
-                  <span class="rn-badge rn-badge-<%= exception.platform == 'ios' ? 'success' : exception.platform == 'android' ? 'warning' : exception.platform == 'api' ? 'info' : exception.platform == 'bot' ? 'muted' : 'primary' %>">
-                    <%= exception.platform&.upcase || 'WEB' %>
-                  </span>
-                </td>
-              <% end %>
-
               <%# Source (controller + action) %>
               <td class="rn-col-source">
                 <div class="rn-source" title="<%= [exception.controller_name, exception.action_name].compact.join('#') %>">
@@ -128,31 +113,15 @@
 
               <%# Occurrence count %>
               <td class="rn-col-count">
-                <span class="rn-badge rn-badge-muted"><%= number_with_delimiter(exception_occurrence_count(exception)) %></span>
-              </td>
-
-              <%# Workflow indicators %>
-              <td class="rn-col-workflow">
-                <% status_label, status_style = exception_status(exception) %>
-                <div class="rn-workflow-state">
-                  <span class="rn-badge rn-badge-xs rn-badge-<%= status_style %>"><%= status_label %></span>
-                  <% if exception.respond_to?(:priority) && exception.priority.present? %>
-                    <span class="rn-badge rn-badge-xs rn-badge-<%= exception.priority == 'critical' ? 'danger' : exception.priority == 'high' ? 'warning' : exception.priority == 'medium' ? 'info' : 'muted' %>"><%= exception.priority.upcase %></span>
-                  <% end %>
-                  <% if exception.respond_to?(:assigned_to) && exception.assigned_to.present? %>
-                    <span class="rn-row-meta" title="Assigned to <%= exception.assigned_to %>">👤 <%= exception.assigned_to %></span>
-                  <% elsif exception.respond_to?(:comments_count) && exception.comments_count.to_i > 0 %>
-                    <span class="rn-row-meta"><%= exception.comments_count %> comments</span>
-                  <% end %>
-                </div>
+                <span class="rn-occurrence-count" title="<%= pluralize(exception_occurrence_count(exception), 'occurrence') %>"><%= number_with_delimiter(exception_occurrence_count(exception)) %></span>
               </td>
 
               <%# Time (relative) %>
-              <td class="rn-date"><%= pretty_exception_date(exception) %></td>
+              <td class="rn-col-time rn-date"><%= pretty_exception_date(exception) %></td>
 
               <%# Actions (delete on hover) %>
               <td class="rn-col-actions" style="text-align: right">
-                <div class="flex items-center justify-end gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
+                <div class="rn-row-actions">
                   <%= link_to logged_exception_path(exception),
                     class: "rn-icon-btn",
                     style: "color: var(--rn-text-muted)",