athar 0.2.1 → 0.3.0

data/app/controllers/athar/application_controller.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Athar
+  class ApplicationController < ::ApplicationController
+    layout "athar/application"
+
+    helper Athar::DashboardHelper
+    helper Athar::AssetHelper
+  end
+end

data/app/controllers/athar/dashboard_controller.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+module Athar
+  class DashboardController < ApplicationController
+    PER_PAGE = 25
+
+    def index # rubocop:disable Metrics/AbcSize,Metrics/MethodLength
+      @filters = Dashboard::FilterSet.from_params(params)
+      @now     = Time.current
+
+      @registry       = Dashboard::ModelRegistry.discover
+      @registry_by_id = @registry.index_by { |model| [model.schema, model.table] }
+      @selected_model = @registry.find { |model| model.record_type == @filters.model } if @filters.model
+
+      feed_query = Dashboard::FeedQuery.new(filters: @filters, per_page: PER_PAGE, now: @now, registry: @registry)
+      @rows  = feed_query.call
+      @total = feed_query.total
+
+      @page = {
+        current: @filters.page,
+        last: [(@total.to_f / PER_PAGE).ceil, 1].max,
+        total: @total,
+        per_page: PER_PAGE
+      }
+
+      @actor_labels    = resolve_actor_labels(@rows)
+      @kpis            = Dashboard::KpiCalculator.new(model: @filters.model, now: @now, registry: @registry).call
+      @actors          = Dashboard::ActorOptions.new(cutoff: @filters.time_cutoff(@now) || (@now - 30.days)).call
+      @connection_info = Dashboard::ConnectionInfo.fetch
+    end
+
+    private
+
+    def resolve_actor_labels(rows) # rubocop:disable Metrics/AbcSize
+      actor_pairs = rows.filter_map do |row|
+        [row[:actor_type], row[:actor_id]] if row[:actor_id].present?
+      end.uniq
+
+      actor_pairs.group_by(&:first).each_with_object({}) do |(actor_type, pairs_for_type), labels|
+        actor_ids = pairs_for_type.map(&:last)
+        records_by_id = batch_fetch_actor_records(actor_type, actor_ids)
+
+        actor_ids.each do |actor_id|
+          labels[[actor_type, actor_id]] =
+            Dashboard::ActorLabels.humanize(records_by_id[actor_id], actor_type, actor_id)
+        end
+      end
+    end
+
+    def batch_fetch_actor_records(actor_type, actor_ids)
+      klass = actor_type.safe_constantize
+      return {} unless klass.respond_to?(:where)
+
+      klass.where(klass.primary_key => actor_ids).index_by { |record| record.id.to_s }
+    end
+  end
+end

data/app/controllers/athar/deletions_controller.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Athar
+  class DeletionsController < ApplicationController
+    def show
+      @deletion = Athar::Deletion.find_by(id: params[:id])
+
+      head(:not_found) and return unless @deletion
+
+      @registry = Athar::Dashboard::ModelRegistry.discover
+      @registry_by_id = @registry.index_by { |model| [model.schema, model.table] }
+    end
+  end
+end

data/app/controllers/athar/table_events_controller.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Athar
+  class TableEventsController < ApplicationController
+    def show
+      @event = Athar::TableEvent.find_by(id: params[:id])
+
+      head(:not_found) and return unless @event
+    end
+  end
+end

data/app/controllers/athar/themes_controller.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Athar
+  class ThemesController < ApplicationController
+    THEMES = %w[dark light].freeze
+
+    def update
+      theme = params[:theme].to_s
+
+      return head :unprocessable_entity unless THEMES.include?(theme)
+
+      cookies.permanent[:athar_theme] = { value: theme, same_site: :lax }
+      head :no_content
+    end
+  end
+end

data/app/helpers/athar/asset_helper.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Athar
+  # Resolves the URL for a dashboard asset (`dashboard.js`, `dashboard.css`).
+  #
+  # When the host has Sprockets or Propshaft loaded, the asset pipeline serves
+  # the digested file from `app/assets/{javascripts,stylesheets}/athar/`.
+  # Otherwise we fall through to `/athar-assets/<version>/<name>`, which the
+  # `Athar::Middleware::AssetServer` middleware serves directly out of the
+  # same `app/assets/` source files.
+  module AssetHelper
+    def athar_asset_path(name)
+      if defined?(::Sprockets) || defined?(::Propshaft)
+        begin
+          return ActionController::Base.helpers.asset_path("athar/#{name}")
+        rescue StandardError => e
+          Rails.logger&.warn("[Athar] asset_path fallback for #{name}: #{e.message}")
+        end
+      end
+
+      "/athar-assets/#{Athar::VERSION}/#{name}"
+    end
+
+    def athar_csp_nonce
+      respond_to?(:content_security_policy_nonce) ? content_security_policy_nonce : nil
+    end
+  end
+end

data/app/helpers/athar/dashboard/cell_helper.rb

@@ -0,0 +1,88 @@
+# frozen_string_literal: true
+
+module Athar
+  module Dashboard
+    # Visual atoms for the deletion-feed table cells: capture-mode/mask pills,
+    # the kind glyph, copy buttons, the inline metadata preview, and the
+    # actor-cell label/role helpers.
+    module CellHelper
+      def mode_pill(mode)
+        content_tag(:span, mode, class: "pill mode-pill mode-#{mode}")
+      end
+
+      def mask_pill(masks)
+        return nil if masks.blank?
+
+        content_tag(:span, "m#{masks.length}", class: "pill mask-pill", title: "masks: #{masks.join(", ")}")
+      end
+
+      def kind_icon(kind)
+        content_tag(:span, raw(kind == "truncate" ? icon_trunc : icon_del), class: "kind-icon kind-#{kind}")
+      end
+
+      def copy_button(value, label:)
+        button_tag(type: "button",
+                   class: "copy-btn",
+                   aria: { label: "Copy #{label}" },
+                   data: {
+                     athar_copy: value,
+                     athar_copy_label: label
+                   }) do
+          raw(icon_copy)
+        end
+      end
+
+      def metadata_preview(metadata) # rubocop:disable Metrics/AbcSize,Metrics/CyclomaticComplexity,Metrics/MethodLength
+        # Drop "actor" since the actor column already renders it; the expanded
+        # detail still shows the full unfiltered metadata.
+        metadata = (metadata || {}).to_h.except("actor")
+
+        return content_tag(:span, "{}", class: "muted") if metadata.empty?
+
+        keys = metadata.keys
+        pairs = keys.first(4).map do |key|
+          value = metadata[key]
+          value_text = value.is_a?(String) ? value : value.to_json
+
+          content_tag(:span, class: "meta-kv") do
+            safe_join(
+              [
+                content_tag(:span, ERB::Util.html_escape(key), class: "meta-k"),
+                content_tag(:span, ERB::Util.html_escape(value_text), class: "meta-v")
+              ],
+              " "
+            )
+          end
+        end
+
+        separator = content_tag(:span, "·", class: "dot-sep")
+        html = pairs.flat_map.with_index { |pair, index| index.zero? ? [pair] : [separator, pair] }
+        html << content_tag(:span, "+#{keys.length - 4}", class: "dim") if keys.length > 4
+        content_tag(:span, safe_join(html, " "), class: "summary-bits")
+      end
+
+      # Fallback used by _row.html.erb only when @actor_labels is missing an
+      # entry, which happens for rows with NULL actor_id (system or anonymous).
+      # Any row with a present actor_id has already been batch-resolved in the
+      # controller.
+      def actor_label(deletion)
+        return "#{deletion[:actor_type]}##{deletion[:actor_id]}" if deletion[:actor_id].present?
+        return deletion.dig(:metadata, "actor") if deletion[:metadata].is_a?(Hash) && deletion[:metadata]["actor"]
+
+        "—"
+      end
+
+      # Returns one of: "engineer" (AR-backed actor), "job" (system actor via
+      # metadata.actor), or "anonymous" (no actor info).
+      def actor_role(row)
+        if row[:actor_id].present?
+          "engineer"
+        elsif row[:metadata].is_a?(Hash) && row[:metadata]["actor"]
+          "job"
+        else
+          "anonymous"
+        end
+      end
+    end
+  end
+end

data/app/helpers/athar/dashboard/detail_helper.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module Athar
+  module Dashboard
+    # Rendering helpers for the expanded-row detail: JSON-style key-value
+    # tables for record_data and metadata, and the row-hash → AR-record
+    # upgrade used when a row is opened inline.
+    module DetailHelper
+      def render_json_kv(hash)
+        if hash.blank? || (hash.is_a?(Hash) && hash.empty?)
+          return content_tag(:div, "{}".html_safe, class: "json-empty")
+        end
+
+        rows = hash.map do |key, value|
+          content_tag(:tr) do
+            content_tag(:td, ERB::Util.html_escape(key), class: "kv-key") +
+              content_tag(:td, format_kv_value(value), class: "kv-val")
+          end
+        end
+
+        content_tag(:table, content_tag(:tbody, safe_join(rows)), class: "kv-table")
+      end
+
+      def format_kv_value(value) # rubocop:disable Metrics/MethodLength
+        if value.is_a?(String) && value.include?("***")
+          content_tag(:span, ERB::Util.html_escape(value), class: "masked")
+        elsif value.nil?
+          content_tag(:span, "null", class: "muted")
+        elsif [true, false].include?(value)
+          content_tag(:span, value.to_s, class: "bool")
+        elsif value.is_a?(Numeric)
+          content_tag(:span, value.to_s, class: "num")
+        else
+          ERB::Util.html_escape(value.to_s)
+        end
+      end
+
+      # Upgrade a feed-row hash to its AR record so the detail partials can
+      # call `.actor` (via ActorLookup), associations, etc. At most one row is
+      # expanded at a time, so the cost is one extra query per render.
+      def deletion_for(row)
+        Athar::Deletion.find(row[:id])
+      end
+
+      def table_event_for(row)
+        Athar::TableEvent.find(row[:id])
+      end
+    end
+  end
+end

data/app/helpers/athar/dashboard/filter_link_helper.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Athar
+  module Dashboard
+    # URL builders for filter-bar / sidebar / pager navigation. Strips
+    # `page` and `expanded` on every filter change and drops any param whose
+    # value matches its real default, so URLs stay clean (no "?mode=all")
+    # while preserving non-default values like "time=all" (default for `time`
+    # is "30d", not "all").
+    module FilterLinkHelper
+      FILTER_DEFAULTS = { "time" => "30d", "mode" => "all", "kind" => "all", "actor" => "all" }.freeze
+
+      def filter_link_url(replacements = {})
+        preserved = request.query_parameters.except("page", "expanded", *replacements.keys.map(&:to_s))
+        preserved.merge!(replacements.transform_keys(&:to_s))
+        preserved.delete_if { |key, value| value.blank? || FILTER_DEFAULTS[key.to_s] == value }
+        query = preserved.empty? ? "" : "?#{preserved.to_query}"
+        "#{root_path}#{query}"
+      end
+    end
+  end
+end

data/app/helpers/athar/dashboard/formatting_helper.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module Athar
+  module Dashboard
+    # Compact, terminal-style formatters for time, duration, and large
+    # numbers — used in the table rows, sidebar, KPI strip, and topbar.
+    module FormattingHelper
+      def relative_time(time, now: Time.current)
+        diff = (now - time).to_i
+        return "#{diff}s ago" if diff < 60
+        return "#{diff / 60}m ago" if diff < 3_600
+        return "#{diff / 3_600}h ago" if diff < 86_400
+        return "#{diff / 86_400}d ago" if diff < 604_800
+
+        "#{diff / 604_800}w ago"
+      end
+
+      def absolute_time(time)
+        time.utc.strftime("%Y-%m-%d %H:%M:%SZ")
+      end
+
+      # Format a large integer compactly: 1_200_000 → "1.2M", 150_000 → "150K".
+      def compact_number(number)
+        return number.to_s if number.nil? || number < 1_000
+
+        if number >= 1_000_000
+          formatted = (number / 1_000_000.0).round(1)
+          "#{formatted.to_s.sub(/\.0$/, "")}M"
+        else
+          formatted = (number / 1_000.0).round(1)
+          "#{formatted.to_s.sub(/\.0$/, "")}K"
+        end
+      end
+
+      # Format a duration in seconds as "Xd", "Xy", etc. Used by the sidebar's
+      # retention pill.
+      def compact_duration(seconds)
+        return "—" if seconds.nil?
+
+        days = seconds / 86_400
+        return "#{days / 365}y" if days >= 730
+
+        "#{days}d"
+      end
+    end
+  end
+end

data/app/helpers/athar/dashboard/icon_helper.rb

@@ -0,0 +1,40 @@
+# frozen_string_literal: true
+
+module Athar
+  module Dashboard
+    # Inline SVG icon library. Each method returns a raw SVG string; callers
+    # are responsible for marking it html_safe (typically via `raw(...)`) when
+    # the icon needs to embed in surrounding HTML.
+    module IconHelper
+      # rubocop:disable Layout/LineLength
+      def icon_chev_right
+        %(<svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4l4 4-4 4"/></svg>)
+      end
+
+      def icon_chev_down
+        %(<svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6l4 4 4-4"/></svg>)
+      end
+
+      def icon_search
+        %(<svg viewBox="0 0 16 16" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M7 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM11 11l3 3"/></svg>)
+      end
+
+      def icon_copy
+        %(<svg viewBox="0 0 16 16" width="11" height="11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="5" width="9" height="9" rx="1.5"/><path d="M11 5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2"/></svg>)
+      end
+
+      def icon_check
+        %(<svg viewBox="0 0 16 16" width="11" height="11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 8l3 3 7-7"/></svg>)
+      end
+
+      def icon_trunc
+        %(<svg viewBox="0 0 16 16" width="11" height="11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 8h12M5 5l-3 3 3 3M11 11l3-3-3-3"/></svg>)
+      end
+
+      def icon_del
+        %(<svg viewBox="0 0 16 16" width="11" height="11" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 4h10M5 4V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1M4 4l1 9a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1l1-9"/></svg>)
+      end
+      # rubocop:enable Layout/LineLength
+    end
+  end
+end

data/app/helpers/athar/dashboard_helper.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Athar
+  module DashboardHelper
+    include Dashboard::FormattingHelper
+    include Dashboard::IconHelper
+    include Dashboard::CellHelper
+    include Dashboard::DetailHelper
+    include Dashboard::FilterLinkHelper
+  end
+end

data/app/views/athar/dashboard/_filter_bar.html.erb

@@ -0,0 +1,95 @@
+<%# The filter bar is rendered ONCE per full page load and never participates
+    in partial swaps (its element is outside #athar-pre / #athar-post). That's
+    what keeps the search input's focus / value / selection alive while the
+    user is typing. The bar's own state — active segments, the actor select's
+    selection — is reconciled from the URL after each swap by
+    updateFilterBarFromUrl in dashboard.js. %>
+<div class="filter-bar">
+  <form data-athar-partial-form
+        action="<%= root_path %>"
+        method="get"
+        class="filter-form"
+        role="search">
+    <%# No hidden_field_tag for other params — buildSubmitUrl in dashboard.js
+        reads the current URL's query string and overlays the form's q + actor,
+        so the form stays in sync without needing the bar to be re-rendered. %>
+
+    <div class="filter-search">
+      <%= raw icon_search %>
+      <label for="athar-search" class="sr-only">Search audit log</label>
+      <input type="search"
+             id="athar-search"
+             name="q"
+             value="<%= filters.query %>"
+             placeholder="record_id, actor, request_id, table…"
+             autocomplete="off">
+    </div>
+
+    <div class="filter-select">
+      <%# Visible "actor" text is the label — referenced via aria-labelledby
+          so screen readers don't double-announce. %>
+      <span class="seg-label" id="athar-actor-label">actor</span>
+      <select id="athar-actor"
+              name="actor"
+              aria-labelledby="athar-actor-label">
+        <option value="all" <%= "selected" if filters.actor == "all" %>>any</option>
+        <% if actors.users.any? %>
+          <optgroup label="users">
+            <% actors.users.each do |opt| %>
+              <option value="<%= opt[:value] %>" <%= "selected" if filters.actor == opt[:value] %>><%= h opt[:label] %></option>
+            <% end %>
+          </optgroup>
+        <% end %>
+        <% if actors.system.any? %>
+          <optgroup label="system">
+            <% actors.system.each do |opt| %>
+              <option value="<%= opt[:value] %>" <%= "selected" if filters.actor == opt[:value] %>><%= h opt[:label] %></option>
+            <% end %>
+          </optgroup>
+        <% end %>
+        <option value="anon" <%= "selected" if filters.actor == "anon" %>><%= h actors.anonymous_label %></option>
+      </select>
+      <%= raw icon_chev_down %>
+    </div>
+  </form>
+
+  <div class="seg" role="group" aria-label="Time filter">
+    <span class="seg-label">time</span>
+    <% [["24h", "24h"], ["7d", "7d"], ["30d", "30d"], ["all", "all"]].each do |opt, label| %>
+      <a href="<%= filter_link_url(time: opt) %>"
+         class="seg-btn <%= "is-active" if filters.time == opt %>"
+         <%= 'aria-current="page"'.html_safe if filters.time == opt %>
+         data-athar-seg="time"
+         data-athar-seg-value="<%= opt %>"
+         data-athar-partial-link><%= label %></a>
+    <% end %>
+  </div>
+
+  <div class="seg" role="group" aria-label="Capture mode filter">
+    <span class="seg-label">mode</span>
+    <% %w[all identity only snapshot].each do |opt| %>
+      <a href="<%= filter_link_url(mode: opt) %>"
+         class="seg-btn <%= "is-active" if filters.mode == opt %>"
+         <%= 'aria-current="page"'.html_safe if filters.mode == opt %>
+         data-athar-seg="mode"
+         data-athar-seg-value="<%= opt %>"
+         data-athar-partial-link><%= opt %></a>
+    <% end %>
+  </div>
+
+  <div class="seg" role="group" aria-label="Event kind filter">
+    <span class="seg-label">kind</span>
+    <% [["all", "all"], ["delete", "row deletes"], ["truncate", "truncate"]].each do |opt, label| %>
+      <a href="<%= filter_link_url(kind: opt) %>"
+         class="seg-btn <%= "is-active" if filters.kind == opt %>"
+         <%= 'aria-current="page"'.html_safe if filters.kind == opt %>
+         data-athar-seg="kind"
+         data-athar-seg-value="<%= opt %>"
+         data-athar-partial-link><%= label %></a>
+    <% end %>
+  </div>
+
+  <a class="filter-clear"
+     href="<%= root_path %>"
+     data-athar-partial-link>clear</a>
+</div>

data/app/views/athar/dashboard/_kpi_strip.html.erb

@@ -0,0 +1,46 @@
+<%
+  pct_7d = ((kpis.last_7d - kpis.prior_7d).to_f / [kpis.prior_7d, 1].max * 100).round
+  max_bucket = [kpis.sparkline.max, 1].max
+%>
+<div class="kpi-strip">
+  <div class="kpi">
+    <div class="kpi-label">filtered rows</div>
+    <div class="kpi-value"><%= number_with_delimiter(total) %></div>
+    <div class="kpi-sub">of <%= number_with_delimiter(kpis.scope_total) %></div>
+  </div>
+
+  <div class="kpi">
+    <div class="kpi-label">last 24h</div>
+    <div class="kpi-value"><%= number_with_delimiter(kpis.last_24h) %></div>
+    <div class="kpi-sub">row deletes</div>
+  </div>
+
+  <div class="kpi">
+    <div class="kpi-label">last 7d</div>
+    <div class="kpi-value"><%= number_with_delimiter(kpis.last_7d) %></div>
+    <div class="kpi-sub">+<%= pct_7d %>% vs prior</div>
+  </div>
+
+  <div class="kpi">
+    <div class="kpi-label">truncate events</div>
+    <div class="kpi-value"><%= number_with_delimiter(kpis.truncates_30d) %></div>
+    <div class="kpi-sub">last 30d</div>
+  </div>
+
+  <div class="kpi">
+    <div class="kpi-label">distinct actors</div>
+    <div class="kpi-value"><%= number_with_delimiter(kpis.distinct_actors_30d) %></div>
+    <div class="kpi-sub">last 30d</div>
+  </div>
+
+  <div class="kpi spark-kpi">
+    <div class="kpi-label">deletions · 14d</div>
+    <div class="spark">
+      <% kpis.sparkline.each_with_index do |bucket, i| %>
+        <% bar_pct = (bucket.to_f / max_bucket * 100).round(2) %>
+        <% day_offset = kpis.sparkline.length - 1 - i %>
+        <span class="spark-bar" style="height:<%= bar_pct %>%" title="<%= bucket %> on day -<%= day_offset %>"></span>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/athar/dashboard/_pager.html.erb

@@ -0,0 +1,32 @@
+<%
+  start_row = page[:total] == 0 ? 0 : (page[:current] - 1) * page[:per_page] + 1
+  end_row   = [page[:current] * page[:per_page], page[:total]].min
+  on_first  = page[:current] == 1
+  on_last   = page[:current] == page[:last]
+%>
+
+<div class="pager">
+  <span class="pager-info">
+    <span class="mono"><%= number_with_delimiter(start_row) %></span>–<span class="mono"><%= number_with_delimiter(end_row) %></span><span class="dim"> of </span><span class="mono"><%= number_with_delimiter(page[:total]) %></span>
+  </span>
+
+  <div class="pager-btns">
+    <% if on_first %>
+      <button disabled>«</button>
+      <button disabled>‹</button>
+    <% else %>
+      <a href="<%= filter_link_url(page: 1) %>" data-athar-partial-link>«</a>
+      <a href="<%= filter_link_url(page: page[:current] - 1) %>" data-athar-partial-link>‹</a>
+    <% end %>
+
+    <span class="pager-page">page <span class="mono"><%= page[:current] %></span> / <span class="mono"><%= page[:last] %></span></span>
+
+    <% if on_last %>
+      <button disabled>›</button>
+      <button disabled>»</button>
+    <% else %>
+      <a href="<%= filter_link_url(page: page[:current] + 1) %>" data-athar-partial-link>›</a>
+      <a href="<%= filter_link_url(page: page[:last]) %>" data-athar-partial-link>»</a>
+    <% end %>
+  </div>
+</div>

data/app/views/athar/dashboard/_row.html.erb

@@ -0,0 +1,72 @@
+<%
+  is_open    = expanded == row[:id].to_s
+  is_trunc   = row[:kind] == "truncate"
+  row_class  = ["drow", is_open ? "is-open" : nil, is_trunc ? "is-trunc" : nil].compact.join(" ")
+  model_info = registry_by_id[[row[:schema_name], row[:table_name]]]
+  expand_url = is_open ? filter_link_url(expanded: nil) : filter_link_url(expanded: row[:id].to_s)
+%>
+
+<tr class="<%= row_class %>" data-id="<%= row[:id] %>">
+  <td class="td-expand">
+    <a href="<%= expand_url %>"
+       data-athar-partial-link
+       aria-label="<%= is_open ? "Collapse row" : "Expand row" %>"
+       aria-expanded="<%= is_open %>"
+       <%= "data-collapse-expand" if is_open %>>
+      <%= raw(is_open ? icon_chev_down : icon_chev_right) %>
+    </a>
+  </td>
+
+  <td class="td-when">
+    <div class="when-rel"><%= relative_time(row[:occurred_at]) %></div>
+    <div class="when-abs"><%= absolute_time(row[:occurred_at]) %></div>
+  </td>
+
+  <td>
+    <%= kind_icon(row[:kind]) %>
+    <span class="record-type"><%= row[:record_type] || row[:table_name] %></span>
+
+    <% if row[:record_id].present? %>
+      <span class="record-id-cell">
+        <span class="record-id">#<%= row[:record_id] %></span>
+        <%= copy_button(row[:record_id], label: "record_id") %>
+      </span>
+    <% end %>
+  </td>
+
+  <td class="mono dim"><%= row[:schema_name] %>.<%= row[:table_name] %></td>
+
+  <td>
+    <% if model_info %>
+      <%= mode_pill(model_info.capture_mode) %>
+      <%= mask_pill(model_info.masks) %>
+    <% end %>
+  </td>
+
+  <td>
+    <span class="actor actor-<%= actor_role(row) %>">
+      <span class="actor-dot"></span>
+      <span class="actor-name"><%= actor_labels[[row[:actor_type], row[:actor_id]]] || actor_label(row) %></span>
+
+      <% if row[:actor_id].present? %>
+        <%= copy_button("#{row[:actor_type]}##{row[:actor_id]}", label: "actor_id") %>
+      <% end %>
+    </span>
+  </td>
+
+  <td class="td-summary"><%= metadata_preview(row[:metadata]) %></td>
+
+  <td class="td-id mono"><%= row[:id] %></td>
+</tr>
+
+<% if is_open %>
+  <tr class="drow-detail">
+    <td colspan="8">
+      <% if row[:kind] == "deletion" %>
+        <%= render "athar/deletions/detail", deletion: deletion_for(row), registry_by_id: registry_by_id %>
+      <% else %>
+        <%= render "athar/table_events/detail", event: table_event_for(row) %>
+      <% end %>
+    </td>
+  </tr>
+<% end %>