rails_nexus 2.0.0

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

@@ -0,0 +1,158 @@
+<% page_title t(".title", default: "Backup Settings") %>
+
+<div class="space-y-6">
+  <%# ─── Header ──────────────────────────────────────────────── %>
+  <nav class="rn-breadcrumbs" aria-label="Breadcrumb">
+    <a href="<%= root_path %>" class="rn-breadcrumb">Dashboard</a>
+    <span class="rn-breadcrumb-sep">/</span>
+    <a href="<%= backup_path %>" class="rn-breadcrumb">Backups</a>
+    <span class="rn-breadcrumb-sep">/</span>
+    <span class="rn-breadcrumb-current">Settings</span>
+  </nav>
+
+  <div class="flex items-center gap-3">
+    <svg class="w-6 h-6" style="color: var(--rn-primary)" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" />
+      <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
+    </svg>
+    <h1 class="text-2xl font-bold" style="color: var(--rn-text)">Backup Settings</h1>
+  </div>
+
+  <%# ─── Settings Form ───────────────────────────────────────── %>
+  <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)">Configuration</h2>
+      <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Settings are saved to <code>config/rails_nexus_backup.yml</code></p>
+    </div>
+
+    <%= form_with url: backup_update_settings_path, method: :patch, class: "p-4 space-y-6" do |f| %>
+      <%# General %>
+      <div>
+        <h3 class="text-xs font-semibold uppercase tracking-wider mb-3" style="color: var(--rn-text-muted)">General</h3>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Backup Enabled</label>
+            <%= f.select :enabled, options_for_select([["Yes", true], ["No", false]], @backup_config[:enabled]), {}, class: "rn-input mt-1" %>
+          </div>
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Alert Threshold (hours)</label>
+            <%= f.number_field :alert_threshold_hours, value: @backup_config[:alert_threshold_hours] || 24, class: "rn-input mt-1" %>
+            <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Alert when no backup in this many hours</p>
+          </div>
+        </div>
+      </div>
+
+      <%# Paths %>
+      <div>
+        <h3 class="text-xs font-semibold uppercase tracking-wider mb-3" style="color: var(--rn-text-muted)">Paths</h3>
+        <div class="space-y-4">
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Backup Config File</label>
+            <%= f.text_field :config_path, value: @backup_config[:config_path], placeholder: "~/Backup/config.rb", class: "rn-input mt-1" %>
+            <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Path to backup gem's config.rb</p>
+          </div>
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Backup Models Directory</label>
+            <%= f.text_field :models_path, value: @backup_config[:models_path], placeholder: "~/Backup/models", class: "rn-input mt-1" %>
+            <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Directory containing backup model files</p>
+          </div>
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Dump Directory</label>
+            <%= f.text_field :dump_path, value: @backup_config[:dump_path], placeholder: "~/dumps", class: "rn-input mt-1" %>
+            <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Where backup files are stored</p>
+          </div>
+        </div>
+      </div>
+
+      <%# Notification %>
+      <div>
+        <h3 class="text-xs font-semibold uppercase tracking-wider mb-3" style="color: var(--rn-text-muted)">Notification</h3>
+        <div>
+          <label class="text-xs font-medium" style="color: var(--rn-text)">Notify Command</label>
+          <%= f.text_field :notify_command, value: @backup_config[:notify_command], placeholder: "bk-send", class: "rn-input mt-1" %>
+          <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Shell command to run on backup success/failure</p>
+        </div>
+      </div>
+
+      <%# RSync %>
+      <div>
+        <h3 class="text-xs font-semibold uppercase tracking-wider mb-3" style="color: var(--rn-text-muted)">RSync (Remote Sync)</h3>
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Host</label>
+            <%= f.text_field :rsync_host, value: @backup_config[:rsync_host], placeholder: "192.168.1.100", class: "rn-input mt-1" %>
+          </div>
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Port</label>
+            <%= f.number_field :rsync_port, value: @backup_config[:rsync_port] || 22, class: "rn-input mt-1" %>
+          </div>
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">SSH User</label>
+            <%= f.text_field :rsync_user, value: @backup_config[:rsync_user], placeholder: "backup", class: "rn-input mt-1" %>
+          </div>
+          <div>
+            <label class="text-xs font-medium" style="color: var(--rn-text)">Remote Path</label>
+            <%= f.text_field :rsync_path, value: @backup_config[:rsync_path], placeholder: "backups/", class: "rn-input mt-1" %>
+          </div>
+        </div>
+      </div>
+
+      <%# Encryption %>
+      <div>
+        <h3 class="text-xs font-semibold uppercase tracking-wider mb-3" style="color: var(--rn-text-muted)">Encryption</h3>
+        <div>
+          <label class="text-xs font-medium" style="color: var(--rn-text)">Encryption Password</label>
+          <%= f.password_field :encrypt_password, value: @backup_config[:encrypt_password], placeholder: "Enter password", class: "rn-input mt-1" %>
+          <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Used for OpenSSL encryption of backup files</p>
+        </div>
+      </div>
+
+      <%# Cleanup %>
+      <div>
+        <h3 class="text-xs font-semibold uppercase tracking-wider mb-3" style="color: var(--rn-text-muted)">Cleanup</h3>
+        <div>
+          <label class="text-xs font-medium" style="color: var(--rn-text)">Auto Cleanup (days)</label>
+          <%= f.number_field :auto_cleanup_days, value: @backup_config[:auto_cleanup_days] || 30, class: "rn-input mt-1" %>
+          <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Delete backups older than this (0 = never)</p>
+        </div>
+      </div>
+
+      <%# Actions %>
+      <div class="flex items-center gap-3 pt-4" style="border-top: 1px solid var(--rn-border-light)">
+        <%= f.submit "Save Settings", class: "rn-btn rn-btn-primary" %>
+        <a href="<%= backup_path %>" class="rn-btn rn-btn-ghost">Cancel</a>
+      </div>
+    <% end %>
+  </div>
+
+  <%# ─── Current Status ──────────────────────────────────────── %>
+  <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)">Current Status</h2>
+    </div>
+    <div class="p-4">
+      <div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-xs">
+        <div>
+          <span style="color: var(--rn-text-muted)">Config File</span>
+          <p class="font-medium mt-1" style="color: var(--rn-text)"><%= @backup_config[:config_path] || "Not set" %></p>
+          <p class="mt-1"><span class="rn-badge <%= File.exist?(@backup_config[:config_path].to_s) ? 'rn-badge-success' : 'rn-badge-danger' %>"><%= File.exist?(@backup_config[:config_path].to_s) ? 'Exists' : 'Missing' %></span></p>
+        </div>
+        <div>
+          <span style="color: var(--rn-text-muted)">Models Dir</span>
+          <p class="font-medium mt-1" style="color: var(--rn-text)"><%= @backup_config[:models_path] || "Not set" %></p>
+          <p class="mt-1"><span class="rn-badge <%= Dir.exist?(@backup_config[:models_path].to_s) ? 'rn-badge-success' : 'rn-badge-danger' %>"><%= Dir.exist?(@backup_config[:models_path].to_s) ? 'Exists' : 'Missing' %></span></p>
+        </div>
+        <div>
+          <span style="color: var(--rn-text-muted)">Dump Dir</span>
+          <p class="font-medium mt-1" style="color: var(--rn-text)"><%= @backup_config[:dump_path] || "Not set" %></p>
+          <p class="mt-1"><span class="rn-badge <%= Dir.exist?(@backup_config[:dump_path].to_s) ? 'rn-badge-success' : 'rn-badge-danger' %>"><%= Dir.exist?(@backup_config[:dump_path].to_s) ? 'Exists' : 'Missing' %></span></p>
+        </div>
+        <div>
+          <span style="color: var(--rn-text-muted)">Config File</span>
+          <p class="font-medium mt-1" style="color: var(--rn-text)">config/rails_nexus_backup.yml</p>
+          <p class="mt-1"><span class="rn-badge <%= File.exist?(Rails.root.join('config', 'rails_nexus_backup.yml')) ? 'rn-badge-success' : 'rn-badge-muted' %>"><%= File.exist?(Rails.root.join('config', 'rails_nexus_backup.yml')) ? 'Saved' : 'Default' %></span></p>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,141 @@
+<% page_title t(".title", default: "Cron Jobs") %>
+
+<div class="space-y-4">
+  <%# ─── Header ──────────────────────────────────────────────── %>
+  <nav class="rn-breadcrumbs" aria-label="Breadcrumb">
+    <a href="<%= root_path %>" class="rn-breadcrumb">Dashboard</a>
+    <span class="rn-breadcrumb-sep">/</span>
+    <span class="rn-breadcrumb-current">Cron Jobs</span>
+  </nav>
+
+  <div class="flex items-center justify-between">
+    <h1 class="text-2xl font-bold" style="color: var(--rn-text)">Cron Jobs</h1>
+    <div class="flex items-center gap-2">
+      <%= link_to "Clear old", clear_old_cron_jobs_path(days: 30),
+        class: "rn-btn rn-btn-ghost rn-btn-sm",
+        style: "color: var(--rn-danger)",
+        data: { turbo_method: :delete, turbo_confirm: "Delete all cron jobs older than 30 days?" } %>
+    </div>
+  </div>
+
+  <%# ─── Stats Cards ─────────────────────────────────────────── %>
+  <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Total Runs</div>
+      <div class="text-2xl font-bold mt-1" style="color: var(--rn-text)"><%= @stats[:total] %></div>
+    </div>
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Successful</div>
+      <div class="text-2xl font-bold mt-1" style="color: var(--rn-success)"><%= @stats[:successful] %></div>
+    </div>
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Failed</div>
+      <div class="text-2xl font-bold mt-1" style="color: var(--rn-danger)"><%= @stats[:failed] %></div>
+    </div>
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Success Rate (7d)</div>
+      <div class="text-2xl font-bold mt-1" style="color: var(--rn-text)"><%= RailsNexus::CronJob.success_rate %>%</div>
+    </div>
+  </div>
+
+  <%# ─── Filters ─────────────────────────────────────────────── %>
+  <div class="rn-card">
+    <div class="p-3 flex items-center gap-3 flex-wrap">
+      <%= link_to "All", cron_jobs_path, class: "rn-btn rn-btn-xs #{params[:status].blank? ? 'rn-btn-primary' : 'rn-btn-ghost'}" %>
+      <%= link_to "Running", cron_jobs_path(status: "running"), class: "rn-btn rn-btn-xs #{params[:status] == 'running' ? 'rn-btn-primary' : 'rn-btn-ghost'}" %>
+      <%= link_to "Success", cron_jobs_path(status: "success"), class: "rn-btn rn-btn-xs #{params[:status] == 'success' ? 'rn-btn-primary' : 'rn-btn-ghost'}" %>
+      <%= link_to "Failed", cron_jobs_path(status: "failed"), class: "rn-btn rn-btn-xs #{params[:status] == 'failed' ? 'rn-btn-primary' : 'rn-btn-ghost'}" %>
+
+      <span class="ml-auto text-xs" style="color: var(--rn-text-muted)">
+        <%= @pagy.count %> total runs
+      </span>
+    </div>
+  </div>
+
+  <%# ─── Job Runs Table ──────────────────────────────────────── %>
+  <div class="rn-card overflow-hidden">
+    <% if @cron_jobs.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-bg-secondary)">
+          <svg class="w-6 h-6" style="color: var(--rn-text-muted)" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
+          </svg>
+        </div>
+        <p class="mt-3 text-sm font-medium" style="color: var(--rn-text)">No cron job runs recorded</p>
+        <p class="mt-1 text-xs" style="color: var(--rn-text-muted)">Use RailsNexus::CronJob.start! to track job runs</p>
+      </div>
+    <% else %>
+      <div class="rn-table-wrap">
+        <table class="rn-table">
+          <thead>
+            <tr>
+              <th style="width: 1rem"></th>
+              <th>Job Name</th>
+              <th>Status</th>
+              <th>Duration</th>
+              <th>Started</th>
+              <th>Hostname</th>
+              <th style="text-align: right"><span class="sr-only">Actions</span></th>
+            </tr>
+          </thead>
+          <tbody>
+            <% @cron_jobs.each do |job| %>
+              <tr>
+                <td>
+                  <span class="w-2 h-2 rounded-full inline-block"
+                        style="background: <%= case job.status
+                                                when 'success' then 'var(--rn-success)'
+                                                when 'failed' then 'var(--rn-danger)'
+                                                when 'running' then 'var(--rn-warning)'
+                                                else 'var(--rn-text-muted)'
+                                                end %>">
+                  </span>
+                </td>
+                <td>
+                  <span class="font-medium" style="color: var(--rn-text)"><%= job.name %></span>
+                </td>
+                <td>
+                  <span class="rn-badge rn-badge-<%= case job.status
+                                                       when 'success' then 'success'
+                                                       when 'failed' then 'danger'
+                                                       when 'running' then 'warning'
+                                                       else 'muted'
+                                                       end %>">
+                    <%= job.status.capitalize %>
+                  </span>
+                </td>
+                <td>
+                  <span class="rn-mono text-xs" style="color: var(--rn-text-secondary)">
+                    <%= job.duration ? "#{job.duration.round(2)}s" : "—" %>
+                  </span>
+                </td>
+                <td>
+                  <span class="text-xs" style="color: var(--rn-text-muted)">
+                    <%= job.started_at ? job.started_at.strftime("%b %d, %Y %I:%M %p") : "—" %>
+                  </span>
+                </td>
+                <td>
+                  <span class="rn-mono text-xs" style="color: var(--rn-text-muted)"><%= job.hostname || "—" %></span>
+                </td>
+                <td style="text-align: right">
+                  <%= link_to "View", cron_job_path(job), class: "rn-btn rn-btn-ghost rn-btn-xs" %>
+                  <%= link_to "×", cron_job_path(job),
+                    class: "rn-icon-btn",
+                    style: "color: var(--rn-danger)",
+                    data: { turbo_method: :delete, turbo_confirm: "Delete this run?" } %>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+
+      <%# Pagination %>
+      <% if @pagy.pages > 1 %>
+        <div class="rn-pagination">
+          <%== pagy_nav(@pagy) %>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,139 @@
+<% page_title t(".title", default: "Database Health") %>
+
+<div class="space-y-6">
+  <nav class="rn-breadcrumbs" aria-label="Breadcrumb">
+    <a href="<%= root_path %>" class="rn-breadcrumb">Dashboard</a>
+    <span class="rn-breadcrumb-sep">/</span>
+    <span class="rn-breadcrumb-current">Database Health</span>
+  </nav>
+
+  <div class="flex items-center justify-between">
+    <h1 class="text-2xl font-bold" style="color: var(--rn-text)">Database Health</h1>
+    <div class="flex items-center gap-2">
+      <% [7, 30, 90].each do |days| %>
+        <%= link_to "#{days}d", database_health_path(period: days),
+          class: "rn-btn rn-btn-xs #{params[:period].to_i == days ? 'rn-btn-primary' : 'rn-btn-ghost'}" %>
+      <% end %>
+    </div>
+  </div>
+
+  <%# ─── Summary Cards ──────────────────────────────────────── %>
+  <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Errors with Pool Data</div>
+      <div class="text-2xl font-bold mt-1" style="color: var(--rn-text)"><%= number_with_delimiter(@summary[:errors_with_pool]) %></div>
+      <div class="text-xs" style="color: var(--rn-text-muted)">of <%= @summary[:total_errors] %> total</div>
+    </div>
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Peak Utilization</div>
+      <div class="text-2xl font-bold mt-1" style="color: <%= @peak_utilization > 90 ? 'var(--rn-danger)' : @peak_utilization > 70 ? 'var(--rn-warning)' : 'var(--rn-success)' %>"><%= @peak_utilization %>%</div>
+    </div>
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Total Dead</div>
+      <div class="text-2xl font-bold mt-1" style="color: var(--rn-danger)"><%= @total_dead %></div>
+    </div>
+    <div class="rn-card p-4">
+      <div class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Total Waiting</div>
+      <div class="text-2xl font-bold mt-1" style="color: var(--rn-warning)"><%= @total_waiting %></div>
+    </div>
+  </div>
+
+  <%# ─── Live Pool ──────────────────────────────────────────── %>
+  <% if @live_pool && !@live_pool[:error] %>
+    <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)">Live Connection Pool</h2>
+      </div>
+      <div class="p-4">
+        <div class="grid grid-cols-2 md:grid-cols-6 gap-4">
+          <div>
+            <div class="text-xs" style="color: var(--rn-text-muted)">Pool Size</div>
+            <div class="text-lg font-bold" style="color: var(--rn-text)"><%= @live_pool[:size] %></div>
+          </div>
+          <div>
+            <div class="text-xs" style="color: var(--rn-text-muted)">Busy</div>
+            <div class="text-lg font-bold" style="color: var(--rn-info)"><%= @live_pool[:busy] %></div>
+          </div>
+          <div>
+            <div class="text-xs" style="color: var(--rn-text-muted)">Idle</div>
+            <div class="text-lg font-bold" style="color: var(--rn-text-secondary)"><%= @live_pool[:idle] %></div>
+          </div>
+          <div>
+            <div class="text-xs" style="color: var(--rn-text-muted)">Dead</div>
+            <div class="text-lg font-bold" style="color: var(--rn-danger)"><%= @live_pool[:dead] %></div>
+          </div>
+          <div>
+            <div class="text-xs" style="color: var(--rn-text-muted)">Waiting</div>
+            <div class="text-lg font-bold" style="color: var(--rn-warning)"><%= @live_pool[:waiting] %></div>
+          </div>
+          <div>
+            <div class="text-xs" style="color: var(--rn-text-muted)">Adapter</div>
+            <div class="text-lg font-bold" style="color: var(--rn-text)"><%= @live_pool[:adapter] %></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  <% elsif @live_pool && @live_pool[:error] %>
+    <div class="rn-card p-4">
+      <p class="text-sm" style="color: var(--rn-text-muted)">Live pool stats unavailable: <%= @live_pool[:error] %></p>
+    </div>
+  <% end %>
+
+  <%# ─── Connection Pool by Error ────────────────────────────── %>
+  <% if @pool_by_error&.any? %>
+    <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)">Connection Pool by Error</h2>
+        <p class="text-xs mt-1" style="color: var(--rn-text-muted)">High utilization during errors may indicate connection pool exhaustion or long-running queries.</p>
+      </div>
+      <div class="rn-table-wrap">
+        <table class="rn-table">
+          <thead>
+            <tr>
+              <th>Error</th>
+              <th>Error Type</th>
+              <th>Utilization</th>
+              <th>Busy</th>
+              <th>Idle</th>
+              <th>Dead</th>
+              <th>Waiting</th>
+              <th>Pool Size</th>
+              <th>Last Seen</th>
+            </tr>
+          </thead>
+          <tbody>
+            <% @pool_by_error.each do |error| %>
+              <tr>
+                <td>
+                  <%= link_to "##{error[:id]}", logged_exception_path(error[:id]),
+                    class: "text-xs font-medium", style: "color: var(--rn-primary)" %>
+                </td>
+                <td>
+                  <span class="rn-badge rn-badge-danger"><%= error[:exception_class] %></span>
+                </td>
+                <td>
+                  <div class="flex items-center gap-2">
+                    <div class="w-16 h-2 rounded-full overflow-hidden" style="background: var(--rn-bg-tertiary)">
+                      <div class="h-full rounded-full" style="width: <%= error[:utilization] %>% ; background: <%= error[:utilization] > 90 ? 'var(--rn-danger)' : error[:utilization] > 70 ? 'var(--rn-warning)' : 'var(--rn-success)' %>"></div>
+                    </div>
+                    <span class="text-xs font-medium" style="color: <%= error[:utilization] > 90 ? 'var(--rn-danger)' : error[:utilization] > 70 ? 'var(--rn-warning)' : 'var(--rn-text)' %>"><%= error[:utilization] %>%</span>
+                  </div>
+                </td>
+                <td><span class="text-xs" style="color: var(--rn-text-secondary)"><%= error[:busy] %></span></td>
+                <td><span class="text-xs" style="color: var(--rn-text-muted)"><%= error[:idle] %></span></td>
+                <td><span class="text-xs font-medium" style="color: <%= error[:dead] > 0 ? 'var(--rn-danger)' : 'var(--rn-text-muted)' %>"><%= error[:dead] %></span></td>
+                <td><span class="text-xs font-medium" style="color: <%= error[:waiting] > 0 ? 'var(--rn-warning)' : 'var(--rn-text-muted)' %>"><%= error[:waiting] %></span></td>
+                <td><span class="text-xs" style="color: var(--rn-text-muted)"><%= error[:pool_size] %></span></td>
+                <td><span class="text-xs" style="color: var(--rn-text-muted)"><%= error[:last_seen]&.strftime("%b %d %H:%M") %></span></td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  <% else %>
+    <div class="rn-card p-8 text-center">
+      <p class="text-sm" style="color: var(--rn-text-muted)">No connection pool data available yet. Pool stats are captured with each exception.</p>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,50 @@
+<%# Comments List %>
+<div id="comments-list" class="rn-card">
+  <div class="p-4" style="border-bottom: 1px solid var(--rn-border-light)">
+    <div class="flex items-center gap-2">
+      <svg class="w-4 h-4" style="color: var(--rn-primary)" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
+      </svg>
+      <h3 class="text-sm font-semibold" style="color: var(--rn-text)">
+        Comments
+        <% if exception.comments_count > 0 %>
+          <span class="ml-1 text-xs" style="color: var(--rn-text-muted)">(<%= exception.comments_count %>)</span>
+        <% end %>
+      </h3>
+    </div>
+  </div>
+
+  <div class="p-4">
+    <%# Add Comment Form %>
+    <%= form_with url: add_comment_logged_exception_path(exception), method: :post, class: "mb-4", data: { turbo_stream: true } do |f| %>
+      <div class="flex gap-2">
+        <%= f.text_area :body, placeholder: "Add a comment...", class: "rn-input", rows: 2, style: "flex: 1" %>
+      </div>
+      <div class="flex justify-end mt-2">
+        <%= f.submit "Comment", class: "rn-btn rn-btn-primary" %>
+      </div>
+    <% end %>
+
+    <%# Comments %>
+    <% if exception.comments.any? %>
+      <div class="space-y-3">
+        <% exception.comments.recent.each do |comment| %>
+          <div class="p-3 rounded-lg" style="background: var(--rn-bg-secondary); border-left: 3px solid <%= case comment.comment_type
+            when 'assignment' then 'var(--rn-primary)'
+            when 'status_change' then 'var(--rn-warning)'
+            when 'note' then 'var(--rn-text-muted)'
+            else 'var(--rn-border)'
+          end %>">
+            <div class="flex items-center justify-between mb-1">
+              <span class="text-xs font-semibold" style="color: var(--rn-text)"><%= comment.author %></span>
+              <span class="text-xs" style="color: var(--rn-text-muted)"><%= time_ago_in_words(comment.created_at) %> ago</span>
+            </div>
+            <p class="text-sm" style="color: var(--rn-text-secondary)"><%= comment.body %></p>
+          </div>
+        <% end %>
+      </div>
+    <% else %>
+      <p class="text-sm text-center" style="color: var(--rn-text-muted)">No comments yet.</p>
+    <% end %>
+  </div>
+</div>