rails_pulse 0.3.3 → 0.4.0.pre.2

data/app/views/rails_pulse/components/_empty_state.html.erb

@@ -1,7 +1,7 @@
 <div class="flex items-center justify-center pbs-12 pbe-12 pis-6 pie-6 mb-8">
   <div class="flex items-center gap">
     <div class="shrink-0">
-      <img src="<%= asset_path('search.svg') %>" class="w-48 h-48" alt="No data available" />
+      <img src="<%= rails_pulse.asset_path('search.svg') %>" class="w-48 h-48" alt="No data available" />
     </div>
     <div class="text-subtle pis-8">
       <p class="text-lg font-semibold mbe-2"><%= title %></p>

data/app/views/rails_pulse/components/_panel.html.erb

@@ -63,12 +63,22 @@
                 <%= rails_pulse_icon action[:icon] || 'external-link', height: "20px" %>
               </a>
             <% elsif action[:method] %>
-              <%= button_to action[:url],
-                           method: action[:method],
-                           title: action[:title] || "",
-                           class: action[:class] || "",
-                           data: action[:data] || {} do %>
-                <%= rails_pulse_icon action[:icon] || 'external-link', height: "20px" %>
+              <% if action[:label] %>
+                <%= button_to action[:label], action[:url],
+                             method: action[:method],
+                             title: action[:title] || "",
+                             class: action[:class] || "",
+                             params: action[:params] || {},
+                             disabled: action[:disabled],
+                             data: action[:data] || {} %>
+              <% else %>
+                <%= button_to action[:url],
+                             method: action[:method],
+                             title: action[:title] || "",
+                             class: action[:class] || "",
+                             data: action[:data] || {} do %>
+                  <%= rails_pulse_icon action[:icon] || 'external-link', height: "20px" %>
+                <% end %>
               <% end %>
             <% else %>
               <%= link_to action[:url],

data/app/views/rails_pulse/components/_raw_data.html.erb

@@ -0,0 +1,34 @@
+<%#
+  Collapsible block of copy-to-clipboard text, intended for pasting into an LLM.
+
+  Locals:
+    content — the text to render and copy (required)
+    title   — heading above the block (default "Raw Data")
+%>
+<%
+  title ||= "Raw Data"
+%>
+
+<div
+  data-controller="rails-pulse--collapsible rails-pulse--clipboard"
+  data-rails-pulse--collapsible-collapsed-class="collapsed"
+  class="collapsible-code"
+>
+  <h2 class="grow font-semibold leading-none mbe-1 uppercase text-xs">
+    <%= title %>
+    <button
+      type="button"
+      class="collapsible-toggle"
+      data-rails-pulse--collapsible-target="toggle"
+      data-action="click->rails-pulse--collapsible#toggle"
+    >show</button>
+    <button
+      type="button"
+      class="collapsible-toggle"
+      data-action="click->rails-pulse--clipboard#copy"
+    >copy</button>
+  </h2>
+  <div class="prose max-i-none" data-rails-pulse--collapsible-target="content">
+    <pre class="mbs-0" style="white-space: pre; margin-block-end: 0; margin-block-start: 0;"><code data-rails-pulse--clipboard-target="source"><%= html_escape(content) %></code></pre>
+  </div>
+</div>

data/app/views/rails_pulse/dashboard/_chart_panel.html.erb

@@ -1,8 +1,11 @@
 <div class="grid-item" style="<%= flex_style if defined?(flex_style) %>">
   <div class="card b-full flex flex-col">
-    <div class="flex items-center justify-between mbe-2">
-      <h2 class="font-semibold leading-none uppercase text-xs"><%= title %></h2>
-      <div class="flex items-center gap-half">
+    <div class="flex mbe-2">
+      <h2 class="grow font-semibold leading-none uppercase text-xs"><%= title %></h2>
+      <div class="panel-icon-bar flex gap items-center">
+        <% if chart_data %>
+          <%= series_toggles %>
+        <% end %>
         <div data-controller="rails-pulse--popover" data-rails-pulse--popover-placement-value="bottom-end">
           <a href="#"
             data-rails-pulse--popover-target="button"
@@ -23,11 +26,6 @@
         <% end %>
       </div>
     </div>
-    <% if chart_data %>
-      <div class="panel-icon-bar flex items-center gap-half mbe-2">
-        <%= series_toggles %>
-      </div>
-    <% end %>
     <div class="chart-container chart-container--slim relative pbs-2 grow">
       <% if chart_data %>
         <%= render_stimulus_chart(

data/app/views/rails_pulse/dashboard/_deployments_panel.html.erb

@@ -0,0 +1,64 @@
+<div class="card b-full flex flex-col">
+  <div class="flex mbe-3">
+    <h2 class="grow font-semibold leading-none uppercase text-xs">Deployments</h2>
+    <div class="panel-icon-bar flex gap items-center">
+      <div data-controller="rails-pulse--popover" data-rails-pulse--popover-placement-value="bottom-end">
+        <a href="#"
+          data-rails-pulse--popover-target="button"
+          data-action="rails-pulse--popover#toggle"
+          data-popovertarget="popover"
+          class="block leading-none">
+          <%= rails_pulse_icon "message-circle-question", height: "16px", width: "16px" %>
+        </a>
+        <div popover class="popover card max-w-lg" data-rails-pulse--popover-target="menu">
+          <div class="flex flex-col">
+            <h3 class="font-semibold leading-none mbe-2 uppercase text-sm">Deployments</h3>
+            <p class="text-sm text-subtle">Releases your CI/CD pipeline recorded in the selected time range — the same ones drawn as markers on the charts above. Open the full page for every deploy and its metadata.</p>
+          </div>
+        </div>
+      </div>
+      <%= link_to deployments_path, class: "block leading-none", title: "View all deployments" do %>
+        <%= rails_pulse_icon "external-link", height: "16px", width: "16px" %>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="deployments-panel-stats">
+    <div>
+      <p class="font-semibold uppercase text-xs text-subtle mbe-1">Last deploy</p>
+      <p class="text-lg font-bold"><%= @last_deployment ? time_ago_in_words(@last_deployment.started_at) : "—" %></p>
+      <p class="text-xs text-subtle">
+        <%= @last_deployment ? @last_deployment.short_revision : "Nothing recorded yet" %>
+      </p>
+    </div>
+    <div>
+      <p class="font-semibold uppercase text-xs text-subtle mbe-1">In this range</p>
+      <p class="text-lg font-bold"><%= number_with_delimiter(@deployment_count) %></p>
+      <p class="text-xs text-subtle"><%= humanize_time_range(@selected_time_range) %></p>
+    </div>
+  </div>
+
+  <div class="deployments-panel-rows grow">
+    <% if @recent_deployments.any? %>
+      <% @recent_deployments.each do |deployment| %>
+        <div class="deployments-panel-row">
+          <span class="deployments-panel-row__revision truncate">
+            <%= link_to deployment_path(deployment) do %>
+              <code><%= deployment.short_revision %></code>
+            <% end %>
+          </span>
+          <%= render "rails_pulse/deployments/status_badge", deployment: deployment %>
+          <span class="deployments-panel-row__time text-xs text-subtle">
+            <%= human_readable_occurred_at(deployment.started_at) %>
+          </span>
+        </div>
+      <% end %>
+    <% else %>
+      <p class="text-sm text-subtle">
+        No deployments recorded in the <%= humanize_time_range(@selected_time_range) %>.
+        Post to the deployments endpoint from your deploy pipeline, or run
+        <code>rails_pulse:record_deployment</code>, and they will appear here and as markers on the charts.
+      </p>
+    <% end %>
+  </div>
+</div>

data/app/views/rails_pulse/dashboard/_health_badge.html.erb

@@ -1,12 +1,23 @@
+<%# Exceptions do not have a "slow" state — a group that fired at all is
+    firing — so the two non-critical labels are overridable. %>
+<% healthy_label = local_assigns.fetch(:healthy_label, "healthy") %>
+<% slow_label    = local_assigns.fetch(:slow_label, "slow") %>
 <% dot_color = health[:critical] > 0 ? "var(--color-negative)" : (health[:slow] > 0 ? "#eab308" : "var(--color-positive)") %>
 <% border_color = health[:critical] > 0 ? "color-mix(in srgb, var(--color-negative) 40%, transparent)" : (health[:slow] > 0 ? "color-mix(in srgb, #eab308 40%, transparent)" : "color-mix(in srgb, var(--color-positive) 40%, transparent)") %>
-<span class="badge flex items-center gap-half p-2" style="border-color: <%= border_color %>;">
-  <span class="shrink-0 rounded-full" style="width: 10px; height: 10px; background: <%= dot_color %>;"></span>
-  <span class="text-xs font-semibold"><%= name %></span>
-  <% if health[:critical] > 0 %>
-    <span class="text-xs text-subtle"><%= health[:healthy] %> healthy · <%= health[:slow] %> slow ·</span>
-    <span class="text-xs font-semibold text-negative"><%= health[:critical] %> <%= critical_label %></span>
-  <% else %>
-    <span class="text-xs text-subtle"><%= health[:healthy] %> healthy · <%= health[:slow] %> slow · 0 <%= critical_label %></span>
-  <% end %>
-</span>
+<% badge = capture do %>
+  <span class="badge flex items-center gap-half p-2" style="border-color: <%= border_color %>;">
+    <span class="shrink-0 rounded-full" style="width: 10px; height: 10px; background: <%= dot_color %>;"></span>
+    <span class="text-xs font-semibold"><%= name %></span>
+    <% if health[:critical] > 0 %>
+      <span class="text-xs text-subtle"><%= health[:healthy] %> <%= healthy_label %> · <%= health[:slow] %> <%= slow_label %> ·</span>
+      <span class="text-xs font-semibold text-negative"><%= health[:critical] %> <%= critical_label %></span>
+    <% else %>
+      <span class="text-xs text-subtle"><%= health[:healthy] %> <%= healthy_label %> · <%= health[:slow] %> <%= slow_label %> · 0 <%= critical_label %></span>
+    <% end %>
+  </span>
+<% end %>
+<% if local_assigns[:link_url].present? %>
+  <%= link_to link_url, class: "health-badge-link" do %><%= badge %><% end %>
+<% else %>
+  <%= badge %>
+<% end %>

data/app/views/rails_pulse/dashboard/_storage_panel.html.erb

@@ -0,0 +1,67 @@
+<div class="card">
+  <div class="flex mbe-3">
+    <h2 class="grow font-semibold leading-none uppercase text-xs">Storage</h2>
+    <div class="panel-icon-bar flex gap items-center">
+      <div data-controller="rails-pulse--popover" data-rails-pulse--popover-placement-value="bottom-end">
+        <a href="#"
+          data-rails-pulse--popover-target="button"
+          data-action="rails-pulse--popover#toggle"
+          data-popovertarget="popover"
+          class="block leading-none">
+          <%= rails_pulse_icon "message-circle-question", height: "16px", width: "16px" %>
+        </a>
+        <div popover class="popover card max-w-lg" data-rails-pulse--popover-target="menu">
+          <div class="flex flex-col">
+            <h3 class="font-semibold leading-none mbe-2 uppercase text-sm">Storage</h3>
+            <p class="text-sm text-subtle">How full Rails Pulse tables are relative to <code>max_table_records</code>, plus cleanup health. Open the full page for every table, retention details, and database size.</p>
+          </div>
+        </div>
+      </div>
+      <%= link_to storage_path, class: "block leading-none", title: "View storage details" do %>
+        <%= rails_pulse_icon "external-link", height: "16px", width: "16px" %>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="storage-panel-stats">
+    <div>
+      <p class="font-semibold uppercase text-xs text-subtle mbe-1">Highest fill</p>
+      <p class="text-lg font-bold"><% if @storage_status.overview[:hottest_percent] %><%= @storage_status.overview[:hottest_percent].round %>%<% else %>--<% end %></p>
+      <p class="text-xs text-subtle"><%= @storage_status.overview[:hottest_label] %></p>
+    </div>
+    <div>
+      <p class="font-semibold uppercase text-xs text-subtle mbe-1">Records</p>
+      <p class="text-lg font-bold"><%= number_with_delimiter(@storage_status.overview[:total_records]) %></p>
+      <p class="text-xs text-subtle">Across <%= @storage_status.tables.size %> tables</p>
+    </div>
+    <div>
+      <p class="font-semibold uppercase text-xs text-subtle mbe-1">Disk used</p>
+      <p class="text-lg font-bold"><%= @storage_status.overview[:display_bytes] ? human_readable_bytes(@storage_status.overview[:display_bytes]) : "—" %></p>
+      <p class="text-xs text-subtle"><%= @storage_status.database[:adapter] %></p>
+    </div>
+    <div>
+      <p class="font-semibold uppercase text-xs text-subtle mbe-1">Cleanup</p>
+      <p class="text-lg font-bold storage-health storage-health--<%= @storage_status.overview[:cleanup_health] %>"><%= @storage_status.overview[:cleanup_label] %></p>
+      <p class="text-xs text-subtle">Retain <%= @storage_status.cleanup[:retention_label] %></p>
+    </div>
+  </div>
+
+  <div class="storage-panel-tables">
+    <% @storage_status.dashboard_tables.each do |table| %>
+      <div class="storage-panel-row">
+        <span class="storage-panel-row__label font-semibold text-sm"><%= table[:label] %></span>
+        <div class="storage-fill storage-fill--compact" aria-hidden="true">
+          <div class="storage-fill__bar storage-fill__bar--<%= table[:severity] %>" style="width: <%= table[:bar_width] %>%"></div>
+        </div>
+        <span class="storage-panel-row__count text-xs text-subtle">
+          <% if table[:limit] %>
+            <%= number_with_delimiter(table[:count]) %> / <%= number_with_delimiter(table[:limit]) %>
+            · <%= table[:percent_label] %>
+          <% else %>
+            <%= number_with_delimiter(table[:count]) %>
+          <% end %>
+        </span>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/rails_pulse/dashboard/index.html.erb

@@ -15,10 +15,22 @@
         health: @health_summary[:jobs],
         critical_label: "failing" %>
       <% end %>
+      <%# Nil when exception tracking is off, or when the tables have not been
+          migrated yet — which is also when exceptions_path does not exist. %>
+      <% if @health_summary[:exceptions] %>
+        <%= render "rails_pulse/dashboard/health_badge",
+        name: "Exceptions",
+        health: @health_summary[:exceptions],
+        healthy_label: "quiet",
+        slow_label: "firing",
+        critical_label: "critical",
+        link_url: exceptions_path %>
+      <% end %>
       <%= render "rails_pulse/dashboard/health_badge",
       name: "Storage",
       health: @health_summary[:storage],
-      critical_label: "critical" %>
+      critical_label: "critical",
+      link_url: storage_path %>
     </div>
   </div>
 </div>
@@ -186,3 +198,12 @@
       </div>
     <% end %>
   </div>
+
+  <div class="row">
+    <div class="grid-item" style="flex: 1.5;">
+      <%= render "rails_pulse/dashboard/storage_panel" %>
+    </div>
+    <div class="grid-item">
+      <%= render "rails_pulse/dashboard/deployments_panel" %>
+    </div>
+  </div>

data/app/views/rails_pulse/deployments/_status_badge.html.erb

@@ -0,0 +1,5 @@
+<% if deployment.in_progress? %>
+  <span class="badge badge--secondary">In progress</span>
+<% else %>
+  <span class="badge badge--positive">Finished</span>
+<% end %>

data/app/views/rails_pulse/deployments/_table.html.erb

@@ -0,0 +1,29 @@
+<% columns = [
+  { field: :revision,    label: 'Revision',  cell_class: 'truncate-cell' },
+  { field: :status,      label: 'Status',    class: 'w-28', sortable: false },
+  { field: :started_at,  label: 'Started',   class: 'w-56' },
+  { field: :finished_at, label: 'Finished',  class: 'w-56' }
+] %>
+
+<table class="table table-fixed mbs-4">
+  <%= render "rails_pulse/components/table_head", columns: columns %>
+
+  <tbody>
+    <% @table_data.each do |deployment| %>
+      <tr>
+        <td class="truncate-cell">
+          <%= link_to deployment_path(deployment) do %>
+            <code><%= deployment.revision %></code>
+          <% end %>
+        </td>
+        <td><%= render 'rails_pulse/deployments/status_badge', deployment: deployment %></td>
+        <td class="whitespace-nowrap"><%= human_readable_occurred_at(deployment.started_at) %></td>
+        <td class="whitespace-nowrap">
+          <%= deployment.finished_at ? human_readable_occurred_at(deployment.finished_at) : content_tag(:span, "—", class: "text-subtle") %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<%= render "rails_pulse/components/table_pagination" %>

data/app/views/rails_pulse/deployments/index.html.erb

@@ -0,0 +1,15 @@
+<%= render 'rails_pulse/components/page_header' %>
+
+<%= render 'rails_pulse/components/panel', {
+  title: 'Deployments',
+  help_heading: 'Deployments',
+  help_text: 'Deployments recorded by your CI/CD pipeline via the deployments API or the rails_pulse:record_deployment rake task. They appear as markers on charts and are correlated against detected regressions.'
+} do %>
+  <% if @table_data.any? %>
+    <%= render 'rails_pulse/deployments/table' %>
+  <% else %>
+    <%= render 'rails_pulse/components/empty_state',
+        title: 'No deployments recorded.',
+        description: 'Post to the deployments endpoint from your deploy pipeline, or run rails_pulse:record_deployment, and they will appear here.' %>
+  <% end %>
+<% end %>

data/app/views/rails_pulse/deployments/show.html.erb

@@ -0,0 +1,62 @@
+<%= render 'rails_pulse/components/page_header' %>
+
+<div class="row">
+  <div class="grid-item">
+    <%= render 'rails_pulse/components/panel',
+        title: 'Deployment Details',
+        help_heading: 'Deployment Details',
+        help_text: 'What your CI/CD pipeline reported for this deploy. The start time is what places the marker on charts, so you can line a regression up against the release that caused it.' do %>
+      <dl class="descriptive-list mbs-4">
+        <dt>Revision</dt>
+        <dd><code><%= @deployment.revision %></code></dd>
+        <dt>Status</dt>
+        <dd><%= render 'rails_pulse/deployments/status_badge', deployment: @deployment %></dd>
+        <dt>Started</dt>
+        <dd>
+          <%= human_readable_occurred_at(@deployment.started_at) %>
+          <span class="text-subtle">(<%= time_ago_in_words(@deployment.started_at) %>)</span>
+        </dd>
+        <dt>Finished</dt>
+        <dd>
+          <% if @deployment.in_progress? %>
+            <span class="text-subtle">—</span>
+          <% else %>
+            <%= human_readable_occurred_at(@deployment.finished_at) %>
+            <span class="text-subtle">(<%= time_ago_in_words(@deployment.finished_at) %>)</span>
+          <% end %>
+        </dd>
+        <dt>Duration</dt>
+        <dd>
+          <% if @deployment.duration %>
+            <%= distance_of_time_in_words(@deployment.started_at, @deployment.finished_at, include_seconds: true) %>
+          <% else %>
+            <span class="text-subtle">—</span>
+          <% end %>
+        </dd>
+        <dt>Recorded</dt>
+        <dd><%= human_readable_occurred_at(@deployment.created_at) %></dd>
+      </dl>
+    <% end %>
+  </div>
+
+  <div class="grid-item">
+    <%= render 'rails_pulse/components/panel',
+        title: 'Metadata',
+        help_heading: 'Metadata',
+        help_text: 'Free-form key/value pairs sent with the deployment payload — typically environment, branch, and whoever or whatever triggered the deploy.' do %>
+      <% if @deployment.metadata_hash.any? %>
+        <dl class="descriptive-list mbs-4">
+          <% @deployment.metadata_hash.each do |key, value| %>
+            <dt><%= key.to_s.humanize %></dt>
+            <dd><%= value.is_a?(String) ? value : value.inspect %></dd>
+          <% end %>
+        </dl>
+      <% else %>
+        <p class="text-sm text-subtle mbs-4">
+          No metadata recorded. Send a metadata object with the deployment payload to
+          capture the environment, branch, or trigger for this deploy.
+        </p>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/rails_pulse/exception_occurrences/show.html.erb

@@ -0,0 +1,45 @@
+<%= render 'rails_pulse/components/page_header' %>
+
+<%= render 'rails_pulse/components/panel', title: 'Occurrence Details' do %>
+  <dl class="descriptive-list mbs-4">
+    <dt>Exception</dt>
+    <dd><code><%= @occurrence.exception_class %></code></dd>
+    <dt>Message</dt>
+    <dd><%= @occurrence.message.presence || "—" %></dd>
+    <dt>Occurred At</dt>
+    <dd><%= human_readable_occurred_at(@occurrence.occurred_at) %></dd>
+    <% if @occurrence.request_url.present? %>
+      <dt>Request</dt>
+      <dd><%= @occurrence.request_method %> <%= @occurrence.request_url %></dd>
+    <% end %>
+    <dt>Environment</dt>
+    <dd><%= @occurrence.environment.presence || "—" %></dd>
+    <% if @occurrence.deploy_sha.present? %>
+      <dt>Deploy SHA</dt>
+      <dd><code><%= @occurrence.deploy_sha %></code></dd>
+    <% end %>
+  </dl>
+<% end %>
+
+<% if @occurrence.request_params.present? %>
+  <%= render 'rails_pulse/components/panel', title: 'Request Params' do %>
+    <div class="exception-params mbs-4">
+      <% @occurrence.request_params.each do |key, value| %>
+        <div class="exception-params__row">
+          <span class="exception-params__key"><%= key %></span>
+          <span class="exception-params__value"><%= value.inspect %></span>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>
+
+<% if @occurrence.backtrace.present? %>
+  <%= render 'rails_pulse/components/panel', title: 'Backtrace' do %>
+    <%= render 'rails_pulse/exceptions/backtrace', backtrace: @occurrence.backtrace %>
+  <% end %>
+<% end %>
+
+<%= render 'rails_pulse/components/raw_data',
+    title: 'Raw Data',
+    content: RailsPulse::Exceptions::RawData.new(@exception_group, occurrence: @occurrence, aggregates: false).to_s %>

data/app/views/rails_pulse/exceptions/_backtrace.html.erb

@@ -0,0 +1,33 @@
+<ol class="backtrace mbs-4">
+  <% backtrace.each do |frame| %>
+    <% is_app = app_frame?(frame) %>
+    <% source_lines = frame_source_lines(frame) %>
+    <li class="backtrace__frame <%= is_app ? 'backtrace__frame--app' : 'backtrace__frame--gem' %> <%= source_lines ? 'backtrace__frame--expandable' : '' %>">
+      <div class="backtrace__row">
+        <% if source_lines %>
+          <details class="backtrace__source-details">
+            <summary class="backtrace__toggle" title="Show source"></summary>
+          </details>
+        <% else %>
+          <div class="backtrace__toggle-spacer"></div>
+        <% end %>
+        <div class="backtrace__location">
+          <span class="backtrace__path"><%= frame_dirname(frame) %></span><span class="backtrace__file"><%= frame_basename(frame) %>:<%= frame["line"] %></span>
+        </div>
+        <% if frame["method"].present? %>
+          <div class="backtrace__method">in <span><%= frame["method"] %></span></div>
+        <% end %>
+      </div>
+      <% if source_lines %>
+        <div class="backtrace__source backtrace__source--hidden">
+          <% source_lines.each do |lineno, content| %>
+            <div class="backtrace__source-line <%= lineno == frame["line"].to_i ? 'backtrace__source-line--current' : '' %>">
+              <span class="backtrace__source-lineno"><%= lineno %></span>
+              <span class="backtrace__source-code"><%= content %></span>
+            </div>
+          <% end %>
+        </div>
+      <% end %>
+    </li>
+  <% end %>
+</ol>

data/app/views/rails_pulse/exceptions/_metric_cards.html.erb

@@ -0,0 +1,6 @@
+<% metric_cards = [
+  @total_occurrences_metric_card,
+  @exception_rate_metric_card,
+  @open_groups_metric_card
+].compact %>
+<%= render "rails_pulse/components/metric_strip", metrics_data: metric_cards %>

data/app/views/rails_pulse/exceptions/_occurrences_table.html.erb

@@ -0,0 +1,23 @@
+<% columns = [
+  { field: :occurred_at,    label: 'Occurred At', class: 'w-48',           sortable: false },
+  { field: :request_url,    label: 'URL',         cell_class: 'truncate-cell', sortable: false },
+  { field: :request_method, label: 'Method',      class: 'w-24',           sortable: false },
+  { field: :environment,    label: 'Environment', class: 'w-32',           sortable: false }
+] %>
+
+<table class="table table-fixed mbs-4">
+  <%= render "rails_pulse/components/table_head", columns: columns %>
+
+  <tbody>
+    <% @occurrences.each do |occurrence| %>
+      <tr>
+        <td class="whitespace-nowrap"><%= link_to human_readable_occurred_at(occurrence.occurred_at), exception_occurrence_path(@exception_group, occurrence) %></td>
+        <td class="truncate-cell"><%= occurrence.request_url.presence || "—" %></td>
+        <td class="whitespace-nowrap"><%= occurrence.request_method.presence || "—" %></td>
+        <td class="whitespace-nowrap"><%= occurrence.environment.presence || "—" %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<%= render "rails_pulse/components/table_pagination" %>

data/app/views/rails_pulse/exceptions/_status_badge.html.erb

@@ -0,0 +1,6 @@
+<% badge_class = case group.status
+  when "resolved" then "badge--positive"
+  when "ignored"  then "badge--secondary"
+  else                 "badge--negative"
+  end %>
+<span class="badge <%= badge_class %>"><%= group.status.capitalize %></span>

data/app/views/rails_pulse/exceptions/_table.html.erb

@@ -0,0 +1,33 @@
+<% columns = [
+  { field: :exception_class,  label: 'Exception', cell_class: 'truncate-cell' },
+  { field: :status,           label: 'Status',    class: 'w-28', sortable: false },
+  { field: :last_seen_at,     label: 'Last Seen', class: 'w-48' },
+  { field: :first_seen_at,    label: 'First Seen', class: 'w-48' },
+  { field: :occurrence_count, label: 'Count',     class: 'w-24' }
+] %>
+
+<table class="table table-fixed mbs-4">
+  <%= render "rails_pulse/components/table_head", columns: columns %>
+
+  <tbody>
+    <% @table_data.each do |group| %>
+      <tr>
+        <td class="truncate-cell">
+          <%= link_to group.exception_class, exception_path(group) %>
+          <% if group.location.present? %>
+            <div class="text-subtle text-xs truncate"><code><%= group.location %></code></div>
+          <% end %>
+          <% if group.message.present? %>
+            <div class="text-subtle text-xs truncate"><%= group.message %></div>
+          <% end %>
+        </td>
+        <td><%= render 'rails_pulse/exceptions/status_badge', group: group %></td>
+        <td class="whitespace-nowrap"><%= human_readable_occurred_at(group.last_seen_at) %></td>
+        <td class="whitespace-nowrap"><%= human_readable_occurred_at(group.first_seen_at) %></td>
+        <td class="whitespace-nowrap"><%= number_with_delimiter(group.occurrence_count) %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<%= render "rails_pulse/components/table_pagination" %>