rails_nexus 2.0.0

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

@@ -0,0 +1,118 @@
+<%# Workflow Panel - Assignment, Priority, Snooze, Mute %>
+<div id="workflow-panel" 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="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+      </svg>
+      <h3 class="text-sm font-semibold" style="color: var(--rn-text)">Workflow</h3>
+    </div>
+  </div>
+
+  <div class="p-4 space-y-4">
+    <%# Status Badges %>
+    <div class="flex flex-wrap gap-2">
+      <% if exception.muted? %>
+        <span class="rn-badge" style="background: var(--rn-bg-secondary); color: var(--rn-text-muted)">
+          🔇 Muted
+        </span>
+      <% elsif exception.snoozed? %>
+        <span class="rn-badge" style="background: var(--rn-bg-warning-subtle); color: var(--rn-warning)">
+          😴 Snoozed until <%= exception.snoozed_until&.strftime("%b %d %H:%M") %>
+        </span>
+      <% else %>
+        <span class="rn-badge" style="background: var(--rn-bg-success-subtle); color: var(--rn-success)">
+          ✅ Active
+        </span>
+      <% end %>
+
+      <% if exception.priority.present? %>
+        <span class="rn-badge rn-badge-<%= exception.priority == 'critical' ? 'danger' : exception.priority == 'high' ? 'warning' : exception.priority == 'medium' ? 'info' : '' %>">
+          <%= exception.priority.upcase %>
+        </span>
+      <% end %>
+
+      <% if exception.assigned_to.present? %>
+        <span class="rn-badge" style="background: var(--rn-bg-primary-subtle); color: var(--rn-primary)">
+          👤 <%= exception.assigned_to %>
+        </span>
+      <% end %>
+    </div>
+
+    <%# Priority %>
+    <div>
+      <label class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Priority</label>
+      <div class="flex gap-1 mt-1">
+        <% %w[critical high medium low].each do |level| %>
+          <%= button_to level.capitalize,
+            set_priority_logged_exception_path(exception, priority: level),
+            method: :post,
+            class: "rn-btn rn-btn-xs #{exception.priority == level ? 'rn-btn-primary' : 'rn-btn-ghost'}",
+            data: { turbo_stream: true } %>
+        <% end %>
+      </div>
+    </div>
+
+    <%# Assignment %>
+    <div>
+      <label class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Assigned To</label>
+      <div class="flex gap-2 mt-1">
+        <%= form_with url: assign_logged_exception_path(exception), method: :post, class: "flex gap-2", data: { turbo_stream: true } do |f| %>
+          <%= f.text_field :assigned_to, value: exception.assigned_to, placeholder: "Name or email", class: "rn-input", style: "flex: 1" %>
+          <%= f.submit "Assign", class: "rn-btn rn-btn-primary" %>
+        <% end %>
+      </div>
+    </div>
+
+    <%# Snooze %>
+    <div>
+      <label class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Snooze</label>
+      <div class="flex gap-1 mt-1">
+        <% ["1 hour", "4 hours", "1 day", "1 week"].each do |duration| %>
+          <%= button_to duration,
+            snooze_logged_exception_path(exception, duration: duration),
+            method: :post,
+            class: "rn-btn rn-btn-xs rn-btn-ghost",
+            data: { turbo_stream: true } %>
+        <% end %>
+      </div>
+    </div>
+
+    <%# Mute/Unmute %>
+    <div>
+      <label class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Notifications</label>
+      <div class="mt-1">
+        <% if exception.muted? %>
+          <%= button_to "Unmute", unmute_logged_exception_path(exception),
+            method: :post,
+            class: "rn-btn rn-btn-sm rn-btn-primary",
+            data: { turbo_stream: true } %>
+        <% else %>
+          <%= button_to "Mute", mute_logged_exception_path(exception),
+            method: :post,
+            class: "rn-btn rn-btn-sm rn-btn-ghost",
+            style: "color: var(--rn-danger)",
+            data: { turbo_stream: true },
+            form: { data: { turbo_confirm: "Mute this exception? Notifications will be silenced." } } %>
+        <% end %>
+      </div>
+    </div>
+
+    <%# Activity Log (last 5) %>
+    <% recent_comments = exception.comments.recent.limit(5) %>
+    <% if recent_comments.any? %>
+      <div>
+        <label class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Recent Activity</label>
+        <div class="mt-2 space-y-2">
+          <% recent_comments.each do |comment| %>
+            <div class="text-xs p-2 rounded" style="background: var(--rn-bg-secondary)">
+              <span class="font-semibold" style="color: var(--rn-text)"><%= comment.author %></span>
+              <span style="color: var(--rn-text-muted)"><%= comment.body %></span>
+              <span class="ml-1" style="color: var(--rn-text-muted)"><%= time_ago_in_words(comment.created_at) %> ago</span>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/rails_nexus/logged_exceptions/clear.turbo_stream.erb

@@ -0,0 +1,6 @@
+<%= turbo_stream.replace "exceptions" do %>
+  <%= turbo_frame_tag "exceptions" do %>
+    <%= render "exceptions" %>
+  <% end %>
+<% end %>
+<%= turbo_stream.update "exception-details", "" %>

data/app/views/rails_nexus/logged_exceptions/destroy.turbo_stream.erb

@@ -0,0 +1,2 @@
+<%= turbo_stream.remove dom_id(@exception) %>
+<%= turbo_stream.update "exception-details", "" %>

data/app/views/rails_nexus/logged_exceptions/destroy_all.turbo_stream.erb

@@ -0,0 +1,6 @@
+<%= turbo_stream.replace "exceptions" do %>
+  <%= turbo_frame_tag "exceptions" do %>
+    <%= render "exceptions" %>
+  <% end %>
+<% end %>
+<%= turbo_stream.update "exception-details", "" %>

data/app/views/rails_nexus/logged_exceptions/feed.rss.builder

@@ -0,0 +1,20 @@
+xml.instruct! :xml, :version=>"1.0", :encoding=>"UTF-8"
+
+xml.rss "version" => "2.0" do
+  xml.channel do
+    xml.title RailsNexus.application_name || "RailsNexus"
+    xml.link url_for(:only_path => false, :skip_relative_url_root => false)
+    xml.language "en-us"
+    xml.ttl "60"
+
+    @exceptions.each do |exc|
+      xml.item do
+        xml.title "#{exc.name} @ #{exc.created_at.rfc822}"
+        xml.description exc.message
+        xml.pubDate exc.created_at.rfc822
+        xml.guid [request.host_with_port, 'exceptions', exc.id.to_s].join(":"), "isPermaLink" => "false"
+        xml.link url_for(:action => 'index', :anchor => "e#{exc.id}", :only_path => false, :skip_relative_url_root => false)
+      end
+    end
+  end
+end

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

@@ -0,0 +1,323 @@
+<% page_title t(".title") %>
+
+<div class="space-y-4" data-controller="rails_nexus" data-rails_nexus-shortcuts-value="<%= RailsNexus.configuration.keyboard_shortcuts %>">
+
+  <%# ─── Breadcrumbs ─────────────────────────────────────────── %>
+  <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">Exceptions</span>
+    <% if @stats && @stats[:today] > 0 %>
+      <span class="rn-breadcrumb-sep">·</span>
+      <span class="rn-badge rn-badge-danger" style="margin-left: 0.25rem"><span class="rn-pulse"></span> <%= @stats[:today] %> today</span>
+    <% end %>
+  </nav>
+
+  <%# ─── Stats Overview ──────────────────────────────────────── %>
+  <% if @stats %>
+    <div class="rn-stats">
+      <div class="rn-stat">
+        <span class="rn-stat-label">Total Exceptions</span>
+        <span class="rn-stat-value"><%= number_with_delimiter(@stats[:total]) %></span>
+        <span class="rn-stat-change">All time</span>
+      </div>
+      <div class="rn-stat">
+        <span class="rn-stat-label">This Week</span>
+        <span class="rn-stat-value <%= 'danger' if @stats[:this_week] > 10 %>"><%= @stats[:this_week] %></span>
+        <span class="rn-stat-change">Last 7 days</span>
+      </div>
+      <div class="rn-stat">
+        <span class="rn-stat-label">Today</span>
+        <span class="rn-stat-value <%= 'danger' if @stats[:today] > 5 %>"><%= @stats[:today] %></span>
+        <span class="rn-stat-change <%= 'up' if @stats[:today] > @stats[:yesterday] %>">
+          <% if @stats[:yesterday] > 0 %>
+            <%= ((@stats[:today].to_f / [@stats[:yesterday], 1].max - 1) * 100).round %>% vs yesterday
+          <% else %>
+            vs yesterday
+          <% end %>
+        </span>
+      </div>
+      <div class="rn-stat">
+        <span class="rn-stat-label">Unique Classes</span>
+        <span class="rn-stat-value"><%= @stats[:top_classes]&.size || 0 %></span>
+        <span class="rn-stat-change">Exception types</span>
+      </div>
+    </div>
+  <% end %>
+
+  <%# ─── User Impact Ranking ───────────────────────────────── %>
+  <% begin %>
+    <% if RailsNexus.configuration.user_impact_tracking %>
+      <% impact_data = RailsNexus::LoggedException.user_impact_ranking(limit: 5) %>
+      <% if impact_data.any? %>
+        <div 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-danger)" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
+              </svg>
+              <h2 class="text-sm font-semibold" style="color: var(--rn-text)">User Impact (Top 5)</h2>
+            </div>
+            <p class="text-xs mt-1" style="color: var(--rn-text-muted)">Errors ranked by unique users affected</p>
+          </div>
+          <div class="rn-table-wrap">
+            <table class="rn-table">
+              <thead>
+                <tr>
+                  <th>Exception</th>
+                  <th>Users Affected</th>
+                  <th>Occurrences</th>
+                  <th>Last Seen</th>
+                </tr>
+              </thead>
+              <tbody>
+                <% impact_data.each do |row| %>
+                  <tr>
+                    <td>
+                      <span class="rn-badge rn-badge-danger"><%= row.exception_class %></span>
+                      <span class="text-xs ml-1" style="color: var(--rn-text-muted)"><%= row.controller_name %>#<%= row.action_name %></span>
+                    </td>
+                    <td>
+                      <span class="font-bold" style="color: var(--rn-danger)"><%= row.unique_users %></span>
+                    </td>
+                    <td>
+                      <span style="color: var(--rn-text-secondary)"><%= row.total_occurrences %></span>
+                    </td>
+                    <td>
+                      <span class="text-xs" style="color: var(--rn-text-muted)"><%= row.last_seen&.strftime("%b %d %H:%M") %></span>
+                    </td>
+                  </tr>
+                <% end %>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  <% rescue => e %>
+    <%# Silently ignore if user_id column doesn't exist yet %>
+  <% end %>
+
+  <%# ─── Filters Card ────────────────────────────────────────── %>
+  <div class="rn-card">
+    <%# Filter header with icon %>
+    <div class="rn-filters" style="padding-bottom: 0.5rem">
+      <div class="flex items-center gap-2">
+        <svg class="w-4 h-4" 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 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" /></svg>
+        <span class="text-xs font-semibold uppercase tracking-wider" style="color: var(--rn-text-muted)">Filters</span>
+        <% if filtered? %>
+          <%= link_to "Clear all", logged_exceptions_path(per_page: params[:per_page]), class: "ml-auto text-xs font-medium", style: "color: var(--rn-primary)" %>
+        <% end %>
+      </div>
+    </div>
+
+    <%# Filter form %>
+    <%= search_form_for @q, url: query_logged_exceptions_path, data: { turbo_frame: "exceptions" } do |f| %>
+      <%= hidden_field_tag :per_page, params[:per_page] if params[:per_page].present? %>
+      <div class="rn-filters">
+        <div class="rn-filter-group">
+          <label>Exception Type</label>
+          <%= select_tag "q[exception_class_cont]",
+            options_for_select(@exception_names.map { |n| [n, n] }, params.dig(:q, :exception_class_cont)),
+            include_blank: "All types",
+            class: "rn-select",
+            data: { action: "change->rails_nexus#submit" } %>
+        </div>
+
+        <div class="rn-filter-group">
+          <label>Source</label>
+          <%= select_tag :controller_actions_filter,
+            options_for_select(@controller_actions.map { |source| [source, source] }, params[:controller_actions_filter]),
+            include_blank: "All controllers/actions",
+            class: "rn-select",
+            data: { action: "change->rails_nexus#submit" } %>
+        </div>
+
+        <% if exception_feature?(:platform) && exception_searchable?(:platform) %>
+          <div class="rn-filter-group">
+            <label>Platform</label>
+            <%= select_tag "q[platform_eq]",
+              options_for_select([
+                ["All platforms", ""], ["Web", "web"], ["iOS", "ios"],
+                ["Android", "android"], ["API", "api"], ["Bot", "bot"]
+              ], params.dig(:q, :platform_eq)),
+              class: "rn-select", data: { action: "change->rails_nexus#submit" } %>
+          </div>
+        <% end %>
+
+        <% if exception_feature?(:priority) && exception_searchable?(:priority) %>
+          <div class="rn-filter-group">
+            <label>Priority</label>
+            <%= select_tag "q[priority_eq]",
+              options_for_select([
+                ["All priorities", ""], ["Critical", "critical"], ["High", "high"],
+                ["Medium", "medium"], ["Low", "low"]
+              ], params.dig(:q, :priority_eq)),
+              class: "rn-select", data: { action: "change->rails_nexus#submit" } %>
+          </div>
+        <% end %>
+
+        <% if exception_feature?(:muted) || exception_feature?(:snoozed_until) || exception_feature?(:assigned_to) %>
+          <div class="rn-filter-group">
+            <label>Status</label>
+            <%= select_tag :status_filter,
+              options_for_select([
+                ["Any status", ""], ["Active", "active"], ["Muted", "muted"],
+                ["Snoozed", "snoozed"], ["Unassigned", "unassigned"]
+              ], params[:status_filter]),
+              class: "rn-select", data: { action: "change->rails_nexus#submit" } %>
+          </div>
+        <% end %>
+
+        <div class="rn-filter-group">
+          <label>Time Range</label>
+          <%= select_tag :date_ranges_filter,
+            options_for_select([
+              ["All time", ""], ["Today", "1"], ["Last 3 days", "3"],
+              ["Last 7 days", "7"], ["Last 30 days", "30"]
+            ], params[:date_ranges_filter]),
+            class: "rn-select", data: { action: "change->rails_nexus#submit" } %>
+        </div>
+
+        <% if exception_feature?(:occurrence_count) && exception_searchable?(:occurrence_count) %>
+          <div class="rn-filter-group">
+            <label>Occurrences</label>
+            <%= select_tag "q[occurrence_count_gteq]",
+              options_for_select([
+                ["Any count", ""], ["2+", 2], ["5+", 5], ["10+", 10], ["50+", 50]
+              ], params.dig(:q, :occurrence_count_gteq)),
+              class: "rn-select", data: { action: "change->rails_nexus#submit" } %>
+          </div>
+        <% end %>
+
+        <% if exception_feature?(:assigned_to) && exception_searchable?(:assigned_to) && @assignees.any? %>
+          <div class="rn-filter-group">
+            <label>Assigned To</label>
+            <%= select_tag "q[assigned_to_cont]",
+              options_for_select(@assignees.map { |name| [name, name] }, params.dig(:q, :assigned_to_cont)),
+              include_blank: "Anyone", class: "rn-select",
+              data: { action: "change->rails_nexus#submit" } %>
+          </div>
+        <% end %>
+
+        <div class="rn-filter-group" style="min-width: 240px">
+          <label>Search</label>
+          <div class="rn-search">
+            <svg class="rn-search-icon w-4 h-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" /></svg>
+            <%= f.search_field :message_or_exception_class_or_controller_name_or_action_name_cont,
+              placeholder: "Message, class, or source...",
+              class: "rn-input",
+              style: "padding-left: 2.25rem",
+              data: { action: "input->rails_nexus#debouncedSubmit" } %>
+            <span class="rn-search-kbd">/</span>
+          </div>
+        </div>
+
+        <div class="flex items-center gap-2">
+          <%= f.submit "Apply", class: "rn-btn rn-btn-primary" %>
+        </div>
+      </div>
+
+      <%# Active filter pills %>
+      <% pills = active_filter_pills %>
+      <% if pills.any? %>
+        <div class="rn-filter-pills">
+          <% pills.each do |pill| %>
+            <span class="rn-filter-pill">
+              <strong><%= pill[:label] %>:</strong> <%= pill[:value] %>
+              <%= link_to "×", logged_exceptions_path(filter_params_without(pill)), class: "rn-filter-pill-x" %>
+            </span>
+          <% end %>
+        </div>
+      <% end %>
+    <% end %>
+  </div>
+
+  <%# ─── Content Area ────────────────────────────────────────── %>
+  <div class="flex gap-4" style="min-height: 400px">
+
+    <%# ─── Exception List ──────────────────────────────────── %>
+    <div class="flex-1 min-w-0">
+
+      <%# Loading indicator %>
+      <div id="activity" data-rails_nexus-target="activity" class="rn-card p-3 flex items-center gap-3" role="status" aria-live="polite" hidden>
+        <svg class="animate-spin h-4 w-4 shrink-0" style="color: var(--rn-primary)" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+        </svg>
+        <p class="text-sm font-medium" style="color: var(--rn-primary)"><%= t(".loading") %></p>
+      </div>
+
+      <%# Exception details (desktop split, mobile full) %>
+      <div id="exception-detail-desktop" class="hidden lg:block rn-card mb-4" hidden>
+        <%= turbo_frame_tag "exception-details" do %>
+          <div class="text-center py-12">
+            <div class="w-10 h-10 rounded-full flex items-center justify-center mx-auto" style="background: var(--rn-bg-secondary)">
+              <svg class="w-5 h-5" 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="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>
+            </div>
+            <p class="mt-2 text-xs" style="color: var(--rn-text-muted)">Select an exception to view details</p>
+            <p class="mt-1 text-xs" style="color: var(--rn-text-muted)">Click a row or press <span class="rn-kbd">↓</span> <span class="rn-kbd">↑</span> to navigate</p>
+          </div>
+        <% end %>
+      </div>
+
+      <%# Exception table %>
+      <%= turbo_frame_tag "exceptions" do %>
+        <%= render "exceptions" %>
+      <% end %>
+    </div>
+  </div>
+
+  <%# ─── Keyboard Shortcuts Dialog ───────────────────────────── %>
+  <% if RailsNexus.configuration.keyboard_shortcuts %>
+    <div class="rn-shortcuts-overlay" data-rails_nexus-target="shortcutsDialog">
+      <div class="rn-shortcuts">
+        <div class="flex items-center justify-between mb-4">
+          <h3>Keyboard Shortcuts</h3>
+          <button type="button" class="rn-icon-btn" data-action="click->rails_nexus#closeShortcuts">
+            <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 class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Focus search</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">/</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Navigate down</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">j</span> or <span class="rn-kbd">↓</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Navigate up</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">k</span> or <span class="rn-kbd">↑</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Open selected</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">Enter</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Go to previous</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">p</span> or <span class="rn-kbd">←</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Go to next</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">n</span> or <span class="rn-kbd">→</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Toggle theme</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">t</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Close panel / Clear</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">Esc</span></div>
+        </div>
+        <div class="rn-shortcut-row">
+          <span class="rn-shortcut-label">Show shortcuts</span>
+          <div class="rn-shortcut-keys"><span class="rn-kbd">?</span></div>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,3 @@
+<%= turbo_frame_tag "exceptions" do %>
+  <%= render "exceptions" %>
+<% end %>

data/app/views/rails_nexus/logged_exceptions/query.turbo_stream.erb

@@ -0,0 +1,6 @@
+<%= turbo_stream.replace "exceptions" do %>
+  <%= turbo_frame_tag "exceptions" do %>
+    <%= render "exceptions" %>
+  <% end %>
+<% end %>
+<%= turbo_stream.update "exception-details", "" %>

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

@@ -0,0 +1,3 @@
+<%= turbo_frame_tag "exception-details" do %>
+  <%= render "show" %>
+<% end %>

data/app/views/rails_nexus/logged_exceptions/show.turbo_stream.erb

@@ -0,0 +1,5 @@
+<%= turbo_stream.replace "exception-details" do %>
+  <%= turbo_frame_tag "exception-details", class: "block rounded-xl border border-slate-200 bg-white p-5 shadow-sm" do %>
+    <%= render "show" %>
+  <% end %>
+<% end %>