rails_nexus 2.0.0

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

@@ -0,0 +1,554 @@
+<div class="rn-detail-panel" style="border-left: none; border-radius: var(--rn-radius-lg); overflow: hidden" data-controller="rails_nexus-detail">
+
+  <%# ─── Detail Header ───────────────────────────────────────── %>
+  <div class="rn-detail-header">
+    <div class="min-w-0 flex-1">
+      <%# Breadcrumbs %>
+      <nav class="rn-breadcrumbs" style="padding: 0; margin-bottom: 0.5rem">
+        <a href="<%= logged_exceptions_path %>" class="rn-breadcrumb">Exceptions</a>
+        <span class="rn-breadcrumb-sep">/</span>
+        <span class="rn-breadcrumb-current"><%= @exception.exception_class %></span>
+      </nav>
+
+      <div class="flex items-center gap-2 flex-wrap">
+        <span class="rn-badge rn-badge-<%= severity_for(@exception) %>"><%= @exception.exception_class %></span>
+        <span class="rn-mono text-xs" style="color: var(--rn-text-secondary)"><%= @exception.controller_name %>#<%= @exception.action_name %></span>
+      </div>
+
+      <p class="mt-1.5 text-xs" style="color: var(--rn-text-muted)">
+        <time datetime="<%= @exception.created_at.iso8601 %>"><%= @exception.created_at.strftime("%B %d, %Y at %I:%M:%S %p") %></time>
+        <% if @exception.remote_ip.present? %>
+          <span style="color: var(--rn-border)">·</span>
+          <span class="rn-mono"><%= @exception.remote_ip %></span>
+        <% end %>
+      </p>
+    </div>
+
+    <div class="flex items-center gap-2 shrink-0">
+      <%# Copy exception ID %>
+      <button type="button"
+        class="rn-copy-btn"
+        data-action="click->rails_nexus-detail#copyId"
+        data-rails_nexus-detail-id-value="<%= @exception.id %>"
+        title="Copy exception ID">
+        <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184" /></svg>
+        <span>ID</span>
+      </button>
+
+      <%# Copy message %>
+      <button type="button"
+        class="rn-copy-btn"
+        data-action="click->rails_nexus-detail#copyMessage"
+        data-rails_nexus-detail-message-value="<%= @exception.message %>"
+        title="Copy message">
+        <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg>
+        <span>Message</span>
+      </button>
+
+      <%# Close %>
+      <button type="button"
+        class="rn-icon-btn shrink-0"
+        data-action="click->rails_nexus-detail#closeDetails"
+        title="Close (Esc)">
+        <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg>
+      </button>
+    </div>
+  </div>
+
+  <%# ─── Tabs ─────────────────────────────────────────────────── %>
+  <% if @exception_tabs && @exception_tabs.values.count(true) > 1 %>
+    <div class="rn-tabs" data-rails_nexus-detail-target="tabs">
+      <button type="button" class="rn-tab active" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="overview">Overview</button>
+      <% if @exception_tabs[:backtrace] %>
+        <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="backtrace">
+          Backtrace
+          <span class="rn-tab-badge"><%= @exception.backtrace.to_s.split("\n").length %></span>
+        </button>
+      <% end %>
+      <% if @exception_tabs[:request] %>
+        <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="request">Request</button>
+      <% end %>
+      <% if @exception_tabs[:environment] %>
+        <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="environment">Environment</button>
+      <% end %>
+      <% if @exception_tabs[:user_info] %>
+        <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="user_info">User Info</button>
+      <% end %>
+      <% if @exception.respond_to?(:cause_chain) && @exception.cause_chain.present? && @exception.cause_chain.is_a?(Array) && @exception.cause_chain.length > 0 %>
+        <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="cause_chain">
+          Cause Chain
+          <span class="rn-tab-badge"><%= @exception.cause_chain.length %></span>
+        </button>
+      <% end %>
+      <% if @exception.respond_to?(:breadcrumbs) && @exception.breadcrumbs.present? %>
+        <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="breadcrumbs">Breadcrumbs</button>
+      <% end %>
+      <% if @exception.respond_to?(:system_health) && @exception.system_health.present? %>
+        <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="system_health">System Health</button>
+      <% end %>
+      <button type="button" class="rn-tab" data-action="click->rails_nexus-detail#switchTab" data-rn-tab-param="workflow">
+        Workflow
+        <% if @exception.comments_count > 0 %>
+          <span class="rn-tab-badge"><%= @exception.comments_count %></span>
+        <% end %>
+      </button>
+    </div>
+  <% end %>
+
+  <%# ─── Detail Body ─────────────────────────────────────────── %>
+  <div class="rn-detail-body">
+
+    <%# ─── Tab: Overview ────────────────────────────────────── %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="overview">
+
+      <%# Message %>
+      <div class="rn-detail-section">
+        <div class="rn-detail-section-header">
+          <h3>Message</h3>
+        </div>
+        <div class="rn-detail-code"><%= @exception.message %></div>
+      </div>
+
+      <%# Metadata Grid %>
+      <% if RailsNexus.configuration.show_metadata %>
+        <div class="rn-detail-section">
+          <h3 style="margin-bottom: 0.5rem">Details</h3>
+          <div class="rn-meta">
+            <div class="rn-meta-item">
+              <div class="rn-meta-label">Exception</div>
+              <div class="rn-meta-value"><%= @exception.exception_class %></div>
+            </div>
+            <div class="rn-meta-item">
+              <div class="rn-meta-label">Controller</div>
+              <div class="rn-meta-value mono"><%= @exception.controller_name %></div>
+            </div>
+            <div class="rn-meta-item">
+              <div class="rn-meta-label">Action</div>
+              <div class="rn-meta-value mono"><%= @exception.action_name %></div>
+            </div>
+            <div class="rn-meta-item">
+              <div class="rn-meta-label">Time</div>
+              <div class="rn-meta-value"><time datetime="<%= @exception.created_at.iso8601 %>"><%= @exception.created_at.strftime("%Y-%m-%d %H:%M:%S %Z") %></time></div>
+            </div>
+            <% if @exception.remote_ip.present? %>
+              <div class="rn-meta-item">
+                <div class="rn-meta-label">IP Address</div>
+                <div class="rn-meta-value mono"><%= @exception.remote_ip %></div>
+              </div>
+            <% end %>
+            <% if @exception.user_agent.present? %>
+              <div class="rn-meta-item" style="grid-column: span 2">
+                <div class="rn-meta-label">User Agent</div>
+                <div class="rn-meta-value" style="font-size: 0.8125rem; word-break: break-all"><%= @exception.user_agent %></div>
+              </div>
+            <% end %>
+            <div class="rn-meta-item">
+              <div class="rn-meta-label">Exception ID</div>
+              <div class="rn-meta-value mono"><%= @exception.id %></div>
+            </div>
+            <% if @exception.id_value.present? %>
+              <div class="rn-meta-item">
+                <div class="rn-meta-label">ID Value</div>
+                <div class="rn-meta-value mono"><%= @exception.id_value %></div>
+              </div>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+
+      <%# Request Params %>
+      <% if RailsNexus.configuration.show_request && @exception.request.present? %>
+        <div class="rn-detail-section">
+          <div class="rn-detail-section-header">
+            <h3>Request</h3>
+          </div>
+          <div class="rn-detail-code"><%= pretty_format(@exception.request) %></div>
+        </div>
+      <% end %>
+
+      <%# User Info %>
+      <% if @exception.user_info.present? %>
+        <div class="rn-detail-section">
+          <div class="rn-detail-section-header">
+            <h3>User Info</h3>
+          </div>
+          <div class="rn-detail-code"><%= pretty_format(@exception.user_info) %></div>
+        </div>
+      <% end %>
+    </div>
+
+    <%# ─── Tab: Backtrace ────────────────────────────────────── %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="backtrace" style="display: none">
+      <% if @exception.backtrace.present? %>
+        <% bt = format_backtrace(@exception.backtrace) %>
+        <div class="rn-detail-section">
+          <div class="rn-detail-section-header">
+            <h3>Stack Trace</h3>
+            <div class="flex items-center gap-2">
+              <button type="button" class="rn-copy-btn" data-action="click->rails_nexus-detail#copyBacktrace"
+                data-rails_nexus-detail-backtrace-value="<%= @exception.backtrace %>">
+                <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9.75a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184" /></svg>
+                Copy
+              </button>
+            </div>
+          </div>
+
+          <%# Backtrace with inline source code %>
+          <div class="space-y-1">
+            <% lines = @exception.backtrace.to_s.split("\n") %>
+            <% display_limit = RailsNexus.configuration.backtrace_limit %>
+            <% lines.each_with_index do |line, idx| %>
+              <% parsed = parse_backtrace_line(line) %>
+              <% is_app_code = parsed && parsed[:file]&.start_with?(Rails.root.to_s) %>
+              <% is_top_frame = idx < display_limit %>
+
+              <div class="flex items-start gap-2 py-0.5 px-2 rounded text-xs font-mono
+                <%= 'rn-bt-app' if is_app_code %>
+                <%= 'rn-bt-highlight' if idx == 0 %>
+                <%= 'rn-bt-hidden' if !is_top_frame && lines.length > display_limit %>"
+                style="color: var(--rn-text-secondary); <%= 'display: none' if !is_top_frame && lines.length > display_limit %>"
+                data-rails_nexus-detail-target="<%= 'backtraceHidden' if !is_top_frame && lines.length > display_limit %>">
+
+                <%# Line indicator %>
+                <span class="select-none" style="color: var(--rn-text-muted); min-width: 1.5rem; text-align: right"><%= idx + 1 %></span>
+
+                <%# Frame content %>
+                <% if parsed %>
+                  <span class="flex-1 min-w-0">
+                    <% if is_app_code %>
+                      <span style="color: var(--rn-primary); font-weight: 500"><%= parsed[:file].sub(Rails.root.to_s + '/', '') %></span>
+                    <% else %>
+                      <span><%= line %></span>
+                    <% end %>
+                    <span style="color: var(--rn-text-muted)">:<%= parsed[:line] %></span>
+                    <% if parsed[:method] %>
+                      <span style="color: var(--rn-text-muted)"> in `<%= parsed[:method] %>'</span>
+                    <% end %>
+                  </span>
+
+                  <%# Source code toggle for app files %>
+                  <% if is_app_code && RailsNexus.configuration.source_code_viewing %>
+                    <button type="button" class="rn-source-toggle"
+                      data-action="click->rails_nexus-detail#toggleSource"
+                      data-file="<%= parsed[:file] %>"
+                      data-line="<%= parsed[:line] %>"
+                      title="View source code">
+                      <svg class="w-3 h-3" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5" /></svg>
+                    </button>
+                  <% end %>
+                <% else %>
+                  <span><%= line %></span>
+                <% end %>
+              </div>
+
+              <%# Source code inline (rendered for top 3 app frames) %>
+              <% if is_app_code && RailsNexus.configuration.source_code_viewing && idx < 3 %>
+                <% source_data = read_source_snippet(parsed[:file], parsed[:line], context_lines: 5) %>
+                <% blame_data = git_blame_for_line(parsed[:file], parsed[:line]) %>
+                <% if source_data %>
+                  <div class="rn-source-panel" style="margin-left: 2rem">
+                    <% if blame_data %>
+                      <div class="rn-blame-header">
+                        <span class="blame-author"><%= blame_data[:author] || 'unknown' %></span>
+                        <span>·</span>
+                        <span><%= blame_data[:date] %></span>
+                        <span>·</span>
+                        <span><%= blame_data[:message] %></span>
+                        <span class="blame-sha"><%= blame_data[:sha] %></span>
+                      </div>
+                    <% end %>
+                    <div class="rn-source-code" style="background: var(--rn-bg-primary)">
+                      <% source_data[:lines].each do |src_line| %>
+                        <div class="source-line<%= ' is-error' if src_line[:is_error] %>">
+                          <span class="line-number"><%= src_line[:number] %></span>
+                          <span class="line-content"><%= src_line[:content] %></span>
+                        </div>
+                      <% end %>
+                    </div>
+                  </div>
+                <% end %>
+              <% elsif is_app_code && RailsNexus.configuration.source_code_viewing %>
+                <div class="rn-source-panel" style="display: none; margin-left: 2rem"
+                  data-rails_nexus-detail-target="sourcePanel"
+                  data-file="<%= parsed[:file] %>"
+                  data-line="<%= parsed[:line] %>">
+                  <div class="rn-source-loading text-xs" style="color: var(--rn-text-muted); padding: 0.5rem">
+                    Loading source...
+                  </div>
+                </div>
+              <% end %>
+            <% end %>
+          </div>
+
+          <% if lines.length > display_limit %>
+            <button type="button" class="rn-btn rn-btn-ghost rn-btn-sm mt-2"
+              data-action="click->rails_nexus-detail#expandBacktrace">
+              Show <%= lines.length - display_limit %> more frames
+            </button>
+          <% end %>
+        </div>
+      <% else %>
+        <div class="text-center py-8">
+          <p class="text-sm" style="color: var(--rn-text-muted)">No backtrace available</p>
+        </div>
+      <% end %>
+    </div>
+
+    <%# ─── Tab: Request ──────────────────────────────────────── %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="request" style="display: none">
+      <% if @exception.request.present? %>
+        <div class="rn-detail-section">
+          <div class="rn-detail-section-header">
+            <h3>Request Data</h3>
+          </div>
+          <div class="rn-detail-code" style="max-height: 32rem; overflow: auto"><%= pretty_format(@exception.request) %></div>
+        </div>
+      <% else %>
+        <div class="text-center py-8">
+          <p class="text-sm" style="color: var(--rn-text-muted)">No request data available</p>
+        </div>
+      <% end %>
+    </div>
+
+    <%# ─── Tab: Environment ──────────────────────────────────── %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="environment" style="display: none">
+      <% if @exception.environment.present? %>
+        <div class="rn-detail-section">
+          <div class="rn-detail-section-header">
+            <h3>Environment Variables</h3>
+          </div>
+          <div class="rn-detail-code" style="max-height: 32rem; overflow: auto"><%= pretty_format(@exception.environment) %></div>
+        </div>
+      <% else %>
+        <div class="text-center py-8">
+          <p class="text-sm" style="color: var(--rn-text-muted)">No environment data available</p>
+        </div>
+      <% end %>
+    </div>
+
+    <%# ─── Tab: User Info ────────────────────────────────────── %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="user_info" style="display: none">
+      <% if @exception.user_info.present? %>
+        <div class="rn-detail-section">
+          <div class="rn-detail-section-header">
+            <h3>User Information</h3>
+          </div>
+          <div class="rn-detail-code"><%= pretty_format(@exception.user_info) %></div>
+        </div>
+      <% else %>
+        <div class="text-center py-8">
+          <p class="text-sm" style="color: var(--rn-text-muted)">No user info available</p>
+        </div>
+      <% end %>
+    </div>
+
+  </div>
+
+  <%# ─── Tab: Cause Chain ────────────────────────────────────── %>
+  <% if @exception.respond_to?(:cause_chain) && @exception.cause_chain.present? && @exception.cause_chain.is_a?(Array) && @exception.cause_chain.length > 0 %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="cause_chain" style="display: none">
+      <div class="rn-detail-section">
+        <div class="rn-detail-section-header">
+          <h3>Exception Cause Chain</h3>
+          <span class="text-xs" style="color: var(--rn-text-muted)"><%= @exception.cause_chain.length %> exception(s)</span>
+        </div>
+        <div class="space-y-3">
+          <% @exception.cause_chain.each_with_index do |cause, index| %>
+            <div class="p-3 rounded-lg" style="background: var(--rn-bg-secondary); border-left: 3px solid <%= index == 0 ? 'var(--rn-danger)' : 'var(--rn-text-muted)' %>">
+              <div class="flex items-center gap-2 mb-1">
+                <span class="rn-badge rn-badge-<%= index == 0 ? 'danger' : 'muted' %>"><%= cause[:class_name] %></span>
+                <% if index > 0 %>
+                  <span class="text-xs" style="color: var(--rn-text-muted)">caused by</span>
+                <% end %>
+              </div>
+              <p class="text-sm" style="color: var(--rn-text)"><%= cause[:message] %></p>
+              <% if cause[:backtrace].present? %>
+                <pre class="mt-2 text-xs p-2 rounded" style="background: var(--rn-bg-primary); color: var(--rn-text-secondary); overflow-x: auto"><%= cause[:backtrace] %></pre>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+
+  <%# ─── Tab: Breadcrumbs ────────────────────────────────────── %>
+  <% if @exception.respond_to?(:breadcrumbs) && @exception.breadcrumbs.present? %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="breadcrumbs" style="display: none">
+      <div class="rn-detail-section">
+        <div class="rn-detail-section-header">
+          <h3>Activity Trail</h3>
+          <span class="text-xs" style="color: var(--rn-text-muted)">Events before the crash</span>
+        </div>
+        <% begin; breadcrumbs = @exception.breadcrumbs.is_a?(String) ? JSON.parse(@exception.breadcrumbs) : @exception.breadcrumbs; rescue => _e; breadcrumbs = []; end %>
+        <% if breadcrumbs.is_a?(Array) && breadcrumbs.any? %>
+          <div class="space-y-2">
+            <% breadcrumbs.each do |crumb| %>
+              <div class="flex items-start gap-3 p-2 rounded" style="background: var(--rn-bg-secondary)">
+                <span class="rn-badge rn-badge-<%= crumb[:type] == 'sql' ? 'info' : crumb[:type] == 'controller' ? 'success' : crumb[:type] == 'cache' ? 'warning' : 'muted' %>" style="min-width: 60px; text-align: center">
+                  <%= crumb[:type]&.upcase || 'EVENT' %>
+                </span>
+                <div class="flex-1 min-w-0">
+                  <p class="text-sm" style="color: var(--rn-text)"><%= crumb[:name] || crumb[:message] %></p>
+                  <% if crumb[:duration] %>
+                    <span class="text-xs" style="color: var(--rn-text-muted)"><%= crumb[:duration] %>ms</span>
+                  <% end %>
+                  <% if crumb[:payload].present? %>
+                    <pre class="mt-1 text-xs p-1 rounded" style="background: var(--rn-bg-primary); color: var(--rn-text-secondary); overflow-x: auto"><%= crumb[:payload].to_s.truncate(200) %></pre>
+                  <% end %>
+                </div>
+                <span class="text-xs" style="color: var(--rn-text-muted)"><%= crumb[:timestamp] %></span>
+              </div>
+            <% end %>
+          </div>
+        <% else %>
+          <p class="text-sm text-center py-4" style="color: var(--rn-text-muted)">No breadcrumbs recorded</p>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+
+  <%# ─── Tab: System Health ──────────────────────────────────── %>
+  <% if @exception.respond_to?(:system_health) && @exception.system_health.present? %>
+    <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="system_health" style="display: none">
+      <div class="rn-detail-section">
+        <div class="rn-detail-section-header">
+          <h3>System Health at Crash Time</h3>
+          <span class="text-xs" style="color: var(--rn-text-muted)"><%= @exception.system_health.is_a?(String) ? 'JSON data' : 'Snapshot' %></span>
+        </div>            <% begin; health = @exception.system_health.is_a?(String) ? JSON.parse(@exception.system_health) : @exception.system_health; rescue => _e; health = {}; end %>
+        <% if health.is_a?(Hash) && health.any? %>
+          <div class="grid grid-cols-2 gap-4">
+            <% if health[:gc] %>
+              <div class="p-3 rounded-lg" style="background: var(--rn-bg-secondary)">
+                <h4 class="text-xs font-semibold uppercase tracking-wider mb-2" style="color: var(--rn-text-muted)">Garbage Collector</h4>
+                <div class="space-y-1">
+                  <div class="flex justify-between text-xs">
+                    <span style="color: var(--rn-text-muted)">Allocated</span>
+                    <span style="color: var(--rn-text)"><%= health[:gc][:total_allocated] %></span>
+                  </div>
+                  <div class="flex justify-between text-xs">
+                    <span style="color: var(--rn-text-muted)">Freed</span>
+                    <span style="color: var(--rn-text)"><%= health[:gc][:total_freed] %></span>
+                  </div>
+                  <div class="flex justify-between text-xs">
+                    <span style="color: var(--rn-text-muted)">Heap Pages</span>
+                    <span style="color: var(--rn-text)"><%= health[:gc][:heap_allocated] %></span>
+                  </div>
+                </div>
+              </div>
+            <% end %>
+            <% if health[:memory] %>
+              <div class="p-3 rounded-lg" style="background: var(--rn-bg-secondary)">
+                <h4 class="text-xs font-semibold uppercase tracking-wider mb-2" style="color: var(--rn-text-muted)">Memory</h4>
+                <div class="space-y-1">
+                  <div class="flex justify-between text-xs">
+                    <span style="color: var(--rn-text-muted)">RSS</span>
+                    <span style="color: var(--rn-text)"><%= health[:memory][:rss_kb] %> KB</span>
+                  </div>
+                  <div class="flex justify-between text-xs">
+                    <span style="color: var(--rn-text-muted)">VSZ</span>
+                    <span style="color: var(--rn-text)"><%= health[:memory][:vsz_kb] %> KB</span>
+                  </div>
+                </div>
+              </div>
+            <% end %>
+            <% if health[:db_pool] %>
+              <div class="p-3 rounded-lg" style="background: var(--rn-bg-secondary)">
+                <h4 class="text-xs font-semibold uppercase tracking-wider mb-2" style="color: var(--rn-text-muted)">DB Connection Pool</h4>
+                <div class="space-y-1">
+                  <div class="flex justify-between text-xs">
+                    <span style="color: var(--rn-text-muted)">Pool Size</span>
+                    <span style="color: var(--rn-text)"><%= health[:db_pool][:size] %></span>
+                  </div>
+                  <div class="flex justify-between text-xs">
+                    <span style="color: var(--rn-text-muted)">Active</span>
+                    <span style="color: var(--rn-text)"><%= health[:db_pool][:active] %>/<%= health[:db_pool][:connections] %></span>
+                  </div>
+                </div>
+              </div>
+            <% end %>
+            <div class="p-3 rounded-lg" style="background: var(--rn-bg-secondary)">
+              <h4 class="text-xs font-semibold uppercase tracking-wider mb-2" style="color: var(--rn-text-muted)">Process</h4>
+              <div class="space-y-1">
+                <div class="flex justify-between text-xs">
+                  <span style="color: var(--rn-text-muted)">Threads</span>
+                  <span style="color: var(--rn-text)"><%= health[:threads] %></span>
+                </div>
+                <div class="flex justify-between text-xs">
+                  <span style="color: var(--rn-text-muted)">PID</span>
+                  <span style="color: var(--rn-text)"><%= health[:process_id] %></span>
+                </div>
+                <div class="flex justify-between text-xs">
+                  <span style="color: var(--rn-text-muted)">Ruby</span>
+                  <span style="color: var(--rn-text)"><%= health[:ruby_version] %></span>
+                </div>
+              </div>
+            </div>
+          </div>
+          <% if health[:timestamp] %>
+            <p class="mt-3 text-xs text-center" style="color: var(--rn-text-muted)">Captured at: <%= health[:timestamp] %></p>
+          <% end %>
+        <% else %>
+          <p class="text-sm text-center py-4" style="color: var(--rn-text-muted)">No health data recorded</p>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+
+  <%# ─── Tab: Workflow ────────────────────────────────────── %>
+  <div data-rails_nexus-detail-target="tabContent" data-rn-tab-content="workflow" style="display: none">
+    <%= render "rails_nexus/logged_exceptions/workflow_panel", exception: @exception %>
+    <%= render "rails_nexus/logged_exceptions/comments_list", exception: @exception %>
+  </div>
+
+  <%# ─── Actions Footer ──────────────────────────────────────── %>
+  <div class="flex items-center justify-between px-5 py-3" style="border-top: 1px solid var(--rn-border-light); background: var(--rn-bg-secondary)">
+    <p class="text-xs rn-mono" style="color: var(--rn-text-muted)">
+      ID: <%= @exception.id %>
+      <span style="color: var(--rn-border)">·</span>
+      <time datetime="<%= @exception.created_at.iso8601 %>"><%= @exception.created_at.iso8601 %></time>
+    </p>
+    <%= link_to logged_exception_path(@exception),
+      class: "rn-btn rn-btn-ghost rn-btn-sm",
+      style: "color: var(--rn-danger); border-color: var(--rn-danger)",
+      data: { turbo_method: :delete, turbo_confirm: t(".confirm_delete"), turbo_stream: true } do %>
+      <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>
+      Delete
+    <% end %>
+  </div>
+
+  <%# ─── Prev/Next Navigation ────────────────────────────────── %>
+  <% if RailsNexus.configuration.enable_navigation && (prev_exception || next_exception) %>
+    <div class="rn-nav-row">
+      <% if prev_exception %>
+        <%= link_to logged_exception_path(prev_exception.id, params_filters),
+          class: "rn-nav-link",
+          data: { turbo_frame: "exception-details", turbo_action: "advance" } do %>
+          <svg class="w-4 h-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /></svg>
+          <div class="min-w-0">
+            <div class="rn-nav-link-label">Previous</div>
+            <div class="rn-nav-link-title"><%= prev_exception.id %></div>
+          </div>
+        <% end %>
+      <% else %>
+        <div></div>
+      <% end %>
+
+      <% if next_exception %>
+        <%= link_to logged_exception_path(next_exception.id, params_filters),
+          class: "rn-nav-link",
+          style: "text-align: right",
+          data: { turbo_frame: "exception-details", turbo_action: "advance" } do %>
+          <div class="min-w-0">
+            <div class="rn-nav-link-label">Next</div>
+            <div class="rn-nav-link-title"><%= next_exception.id %></div>
+          </div>
+          <svg class="w-4 h-4 shrink-0" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>
+        <% end %>
+      <% else %>
+        <div></div>
+      <% end %>
+    </div>
+  <% end %>
+
+</div>