source_monitor 0.1.1

data/app/models/source_monitor/source.rb

@@ -0,0 +1,115 @@
+# frozen_string_literal: true
+
+require "source_monitor/models/sanitizable"
+require "source_monitor/models/url_normalizable"
+
+module SourceMonitor
+  class Source < ApplicationRecord
+    include SourceMonitor::Models::Sanitizable
+    include SourceMonitor::Models::UrlNormalizable
+
+    FETCH_STATUS_VALUES = %w[idle queued fetching failed].freeze
+
+    has_many :all_items, class_name: "SourceMonitor::Item", inverse_of: :source, dependent: :destroy
+    has_many :items, -> { active }, class_name: "SourceMonitor::Item", inverse_of: :source
+    has_many :fetch_logs, class_name: "SourceMonitor::FetchLog", inverse_of: :source, dependent: :destroy
+    has_many :scrape_logs, class_name: "SourceMonitor::ScrapeLog", inverse_of: :source, dependent: :destroy
+    has_many :health_check_logs, class_name: "SourceMonitor::HealthCheckLog", inverse_of: :source, dependent: :destroy
+    has_many :log_entries, class_name: "SourceMonitor::LogEntry", inverse_of: :source, dependent: :destroy
+
+    # Scopes for common source states
+    scope :active, -> { where(active: true) }
+    scope :failed, lambda {
+      failure = arel_table[:failure_count].gt(0)
+      error_present = arel_table[:last_error].not_eq(nil)
+      error_time_present = arel_table[:last_error_at].not_eq(nil)
+      where(failure.or(error_present).or(error_time_present))
+    }
+    scope :healthy, -> { active.where(failure_count: 0, last_error: nil, last_error_at: nil) }
+
+    # Use Rails attribute API for default values instead of after_initialize callbacks
+    attribute :scrape_settings, default: -> { {} }
+    attribute :custom_headers, default: -> { {} }
+    attribute :metadata, default: -> { {} }
+    attribute :fetch_status, :string, default: "idle"
+    attribute :health_status, :string, default: "healthy"
+
+    sanitizes_string_attributes :name, :feed_url, :website_url, :scraper_adapter
+    sanitizes_hash_attributes :scrape_settings, :custom_headers, :metadata
+    normalizes_urls :feed_url, :website_url
+    validates_url_format :feed_url, :website_url
+
+    validates :name, presence: true
+    validates :feed_url, presence: true, uniqueness: { case_sensitive: false }
+    validates :fetch_interval_minutes, numericality: { greater_than: 0 }
+    validates :scraper_adapter, presence: true
+    validates :items_retention_days, numericality: { allow_nil: true, only_integer: true, greater_than_or_equal_to: 0 }
+    validates :max_items, numericality: { allow_nil: true, only_integer: true, greater_than_or_equal_to: 0 }
+    validates :fetch_status, inclusion: { in: FETCH_STATUS_VALUES }
+    validates :fetch_retry_attempt, numericality: { greater_than_or_equal_to: 0, only_integer: true }
+
+    validate :health_auto_pause_threshold_within_bounds
+
+    SourceMonitor::ModelExtensions.register(self, :source)
+
+    class << self
+      # Convert scope to class method to make reference_time parameter explicit
+      # Scopes with internal variables should be class methods per Rails best practices
+      def due_for_fetch(reference_time: Time.current)
+        active.where(arel_table[:next_fetch_at].eq(nil).or(arel_table[:next_fetch_at].lteq(reference_time)))
+      end
+
+      def ransackable_attributes(_auth_object = nil)
+        %w[name feed_url website_url created_at fetch_interval_minutes items_count last_fetched_at]
+      end
+
+      def ransackable_associations(_auth_object = nil)
+        []
+      end
+    end
+
+    def fetch_interval_minutes=(value)
+      self[:fetch_interval_minutes] = value.presence && value.to_i
+    end
+
+    def fetch_interval_hours=(value)
+      self.fetch_interval_minutes = (value.to_f * 60).round if value.present?
+    end
+
+    def fetch_interval_hours
+      return 0 unless fetch_interval_minutes
+
+      fetch_interval_minutes.to_f / 60.0
+    end
+
+    def fetch_circuit_open?
+      fetch_circuit_until.present? && fetch_circuit_until.future?
+    end
+
+    def fetch_retry_attempt
+      value = super
+      value.present? ? value : 0
+    end
+
+    def auto_paused?
+      auto_paused_until.present? && auto_paused_until.future?
+    end
+
+    def reset_items_counter!
+      # Recalculate items_count from actual active (non-deleted) items
+      actual_count = items.count
+      update_columns(items_count: actual_count)
+    end
+
+    private
+
+    def health_auto_pause_threshold_within_bounds
+      return if health_auto_pause_threshold.nil?
+
+      value = health_auto_pause_threshold.to_f
+      return if value >= 0 && value <= 1
+
+      errors.add(:health_auto_pause_threshold, "must be between 0 and 1")
+    end
+  end
+end

data/app/views/layouts/source_monitor/application.html.erb

@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title><%= content_for?(:title) ? yield(:title) : "SourceMonitor" %></title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= yield :head %>
+
+  <%= source_monitor_stylesheet_bundle_tag %>
+  <%= turbo_include_tags %>
+  <%= source_monitor_javascript_bundle_tag %>
+</head>
+<body class="fm-admin">
+  <%= turbo_stream_from "source_monitor_notifications" %>
+  <div class="pointer-events-none fixed inset-x-0 top-4 z-50 flex justify-end px-6">
+    <div id="source_monitor_notifications" class="flex w-full max-w-sm flex-col gap-3"></div>
+  </div>
+  <div id="source_monitor_redirects" class="hidden" aria-hidden="true"></div>
+  <div class="flex min-h-screen flex-col">
+    <header class="bg-slate-800 text-white shadow">
+      <div class="mx-auto flex w-full max-w-6xl lg:max-w-7xl 2xl:max-w-[110rem] items-center justify-between px-6 py-4">
+        <div class="text-lg font-semibold tracking-tight">SourceMonitor</div>
+        <% nav_items = [
+          ["Dashboard", source_monitor.dashboard_path],
+          ["Sources", source_monitor.sources_path],
+          ["Items", source_monitor.items_path],
+          ["Logs", source_monitor.logs_path]
+        ] %>
+        <nav class="flex gap-2">
+          <% nav_items.each do |label, path| %>
+            <% active = current_page?(path) %>
+            <%= link_to label, path, class: [
+              "inline-flex items-center rounded-md px-3 py-2 text-sm font-medium transition-colors",
+              active ? "bg-slate-900 text-white shadow" : "text-slate-200 hover:bg-slate-700 hover:text-white"
+            ].join(" ") %>
+          <% end %>
+        </nav>
+      </div>
+    </header>
+
+    <main class="mx-auto flex w-full max-w-6xl lg:max-w-7xl 2xl:max-w-[110rem] flex-1 flex-col px-6 py-8">
+      <%= yield %>
+    </main>
+
+    <footer class="bg-slate-900 py-4">
+      <div class="mx-auto flex w-full max-w-6xl lg:max-w-7xl 2xl:max-w-[110rem] justify-between px-6 text-xs text-slate-300">
+        <span>&copy; <%= Time.current.year %> SourceMonitor</span>
+        <span>v<%= SourceMonitor::VERSION %></span>
+      </div>
+    </footer>
+  </div>
+</body>
+</html>

data/app/views/source_monitor/dashboard/_fetch_schedule.html.erb

@@ -0,0 +1,90 @@
+<div id="source_monitor_dashboard_fetch_schedule" class="space-y-4">
+  <div>
+    <h2 class="text-lg font-medium text-slate-900">Upcoming Fetch Schedule</h2>
+    <p class="mt-1 text-xs text-slate-500">
+      Windows are relative to <%= reference_time.present? ? format_schedule_time(reference_time) : "the current time" %> and update automatically as jobs finish.
+    </p>
+  </div>
+
+  <% if groups.present? %>
+    <% groups.each do |group| %>
+      <div class="rounded-lg border border-slate-200 bg-white shadow-sm">
+        <div class="flex items-center justify-between gap-3 border-b border-slate-200 px-5 py-4">
+          <div>
+            <h3 class="text-sm font-semibold text-slate-900"><%= group.label %></h3>
+            <% if (window_label = fetch_schedule_window_label(group)).present? %>
+              <p class="mt-1 text-xs text-slate-500"><%= window_label %></p>
+            <% elsif group.include_unscheduled %>
+              <p class="mt-1 text-xs text-slate-500">Includes sources scheduled beyond four hours or without a next fetch timestamp.</p>
+            <% end %>
+          </div>
+          <span class="inline-flex items-center rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-600">
+            <%= pluralize(group.sources.size, "source") %>
+          </span>
+        </div>
+
+        <% if group.sources.any? %>
+          <div class="overflow-x-auto px-5 py-4">
+            <table class="min-w-full divide-y divide-slate-200 text-left text-sm">
+              <thead class="text-xs font-semibold uppercase tracking-wide text-slate-500">
+                <tr>
+                  <th scope="col" class="px-4 py-2">Source</th>
+                  <th scope="col" class="px-4 py-2">Status</th>
+                  <th scope="col" class="px-4 py-2">Next Fetch</th>
+                  <th scope="col" class="px-4 py-2">Interval</th>
+                </tr>
+              </thead>
+              <tbody class="divide-y divide-slate-100 text-slate-700">
+                <% group.sources.each do |source| %>
+                  <% badge = async_status_badge(source.fetch_status) %>
+                  <tr>
+                    <td class="px-4 py-3">
+                      <div class="flex flex-col">
+                        <%= link_to source.name, source_monitor.source_path(source), class: "text-sm font-semibold text-blue-600 hover:text-blue-500" %>
+                        <span class="text-xs text-slate-400"><%= source.feed_url %></span>
+                      </div>
+                    </td>
+                    <td class="px-4 py-3">
+                      <span class="inline-flex items-center gap-1 rounded-full px-3 py-1 text-xs font-semibold <%= badge[:classes] %>">
+                        <% if badge[:show_spinner] %>
+                          <%= loading_spinner_svg(css_class: "h-3 w-3 animate-spin text-current") %>
+                        <% end %>
+                        <%= badge[:label] %>
+                      </span>
+                    </td>
+                    <td class="px-4 py-3">
+                      <% if source.next_fetch_at.present? %>
+                        <div class="text-sm font-medium text-slate-900"><%= format_schedule_time(source.next_fetch_at) %></div>
+                        <% if source.next_fetch_at.future? %>
+                          <div class="text-xs text-slate-400">in <%= distance_of_time_in_words(reference_time, source.next_fetch_at) %></div>
+                        <% else %>
+                          <div class="text-xs text-rose-500"><%= distance_of_time_in_words(source.next_fetch_at, reference_time) %> overdue</div>
+                        <% end %>
+                      <% else %>
+                        <div class="text-sm font-medium text-slate-500">Not scheduled</div>
+                      <% end %>
+                    </td>
+                    <td class="px-4 py-3">
+                      <div class="text-sm font-medium text-slate-900"><%= human_fetch_interval(source.fetch_interval_minutes) %></div>
+                      <% if source.respond_to?(:adaptive_fetching_enabled?) && source.adaptive_fetching_enabled? %>
+                        <div class="text-xs text-slate-400">Adaptive</div>
+                      <% else %>
+                        <div class="text-xs text-slate-400">Fixed</div>
+                      <% end %>
+                    </td>
+                  </tr>
+                <% end %>
+              </tbody>
+            </table>
+          </div>
+        <% else %>
+          <div class="px-5 py-6 text-sm text-slate-500">No sources scheduled in this window.</div>
+        <% end %>
+      </div>
+    <% end %>
+  <% else %>
+    <div class="rounded-lg border border-dashed border-slate-200 bg-white px-5 py-6 text-sm text-slate-500 shadow-sm">
+      No upcoming fetches scheduled. Activate sources or trigger a fetch to populate the schedule.
+    </div>
+  <% end %>
+</div>

data/app/views/source_monitor/dashboard/_job_metrics.html.erb

@@ -0,0 +1,82 @@
+<div class="rounded-lg border border-slate-200 bg-white shadow-sm">
+  <div class="border-b border-slate-200 px-5 py-4">
+    <h2 class="text-lg font-medium">Job Queues</h2>
+    <p class="mt-1 text-xs text-slate-500">ActiveJob adapter: <span class="font-semibold text-slate-700"><%= adapter.presence || "unknown" %></span></p>
+  </div>
+
+  <div class="divide-y divide-slate-100">
+    <% available_metrics = metrics.select { |metric| metric[:summary].available } %>
+    <% if available_metrics.any? %>
+      <% metrics.each do |metric| %>
+        <% summary = metric[:summary] %>
+        <div class="px-5 py-4">
+          <div class="flex items-center justify-between">
+            <div>
+              <p class="text-sm font-medium text-slate-900"><%= metric[:role].to_s.titleize %> queue</p>
+              <p class="text-xs text-slate-500"><%= metric[:queue_name] %></p>
+            </div>
+            <div class="flex items-center gap-2">
+              <% unless summary.total_count.zero? %>
+                <span class="inline-flex items-center rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-600">Total: <%= summary.total_count %></span>
+              <% end %>
+              <% if summary.paused %>
+                <span class="inline-flex items-center rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-600">Paused</span>
+              <% end %>
+            </div>
+          </div>
+
+          <% if summary.available %>
+            <dl class="mt-3 grid gap-2 text-xs text-slate-500">
+              <div class="flex justify-between">
+                <dt>Ready</dt>
+                <dd><%= summary.ready_count %></dd>
+              </div>
+              <div class="flex justify-between">
+                <dt>Scheduled</dt>
+                <dd><%= summary.scheduled_count %></dd>
+              </div>
+              <div class="flex justify-between">
+                <dt>Failed</dt>
+                <dd><%= summary.failed_count %></dd>
+              </div>
+              <div class="flex justify-between">
+                <dt>Recurring Tasks</dt>
+                <dd><%= summary.recurring_count %></dd>
+              </div>
+              <div class="flex justify-between">
+                <dt>Last enqueued</dt>
+                <dd><%= summary.last_enqueued_at.present? ? "#{time_ago_in_words(summary.last_enqueued_at)} ago" : "Never" %></dd>
+              </div>
+              <div class="flex justify-between">
+                <dt>Last started</dt>
+                <dd><%= summary.last_started_at.present? ? "#{time_ago_in_words(summary.last_started_at)} ago" : "Never" %></dd>
+              </div>
+              <div class="flex justify-between">
+                <dt>Last finished</dt>
+                <dd><%= summary.last_finished_at.present? ? "#{time_ago_in_words(summary.last_finished_at)} ago" : "Never" %></dd>
+              </div>
+            </dl>
+            <% if summary.total_count.zero? && summary.recurring_count.zero? %>
+              <p class="mt-3 text-xs text-slate-500">No jobs queued for this role yet.</p>
+            <% end %>
+          <% else %>
+            <p class="mt-3 text-xs text-slate-500">Solid Queue metrics are unavailable. Ensure Solid Queue migrations have been installed.</p>
+          <% end %>
+        </div>
+      <% end %>
+    <% else %>
+      <div class="px-5 py-6 text-sm text-slate-500">Solid Queue metrics are unavailable. Confirm Solid Queue is installed and migrations have been run.</div>
+    <% end %>
+  </div>
+  <% if mission_control_enabled %>
+    <div class="border-t border-slate-200 bg-slate-50 px-5 py-4 text-xs text-slate-600">
+      <p class="font-semibold text-slate-700">Mission Control</p>
+      <% if mission_control_path.present? %>
+        <p class="mt-1">View detailed queue metrics in Mission Control.</p>
+        <%= link_to "Open Mission Control", mission_control_path, class: "mt-2 inline-flex items-center rounded-md bg-blue-600 px-3 py-1 text-xs font-semibold text-white shadow hover:bg-blue-500" %>
+      <% else %>
+        <p class="mt-1">Mission Control integration is enabled. Configure <code>SourceMonitor.config.mission_control_dashboard_path</code> with a host route to show a direct link.</p>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/source_monitor/dashboard/_recent_activity.html.erb

@@ -0,0 +1,39 @@
+<div id="source_monitor_dashboard_recent_activity" class="rounded-lg border border-slate-200 bg-white shadow-sm">
+  <div class="border-b border-slate-200 px-5 py-4">
+    <h2 class="text-lg font-medium">Recent Activity</h2>
+    <p class="mt-1 text-xs text-slate-500">Latest fetch, scrape, and item events across sources.</p>
+  </div>
+  <div class="divide-y divide-slate-100">
+    <% if recent_activity.any? %>
+      <% recent_activity.each do |event| %>
+        <div class="flex items-center justify-between px-5 py-4">
+          <div>
+            <div class="flex items-center gap-2">
+              <div class="text-sm font-medium text-slate-900">
+                <% if event[:path].present? %>
+                  <%= link_to event[:label], event[:path], data: { turbo_frame: "_top" }, class: "text-slate-900 hover:text-blue-600" %>
+                <% else %>
+                  <%= event[:label] %>
+                <% end %>
+              </div>
+              <span class="inline-flex items-center rounded-full bg-slate-100 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide text-slate-600"><%= event[:type].to_s.humanize %></span>
+            </div>
+            <div class="mt-1 text-xs text-slate-500">
+              <%= event[:description].presence || "No additional details recorded." %>
+            </div>
+          </div>
+          <div class="text-right">
+            <span class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold <%= event[:status] == :success ? "bg-green-100 text-green-700" : "bg-rose-100 text-rose-700" %>">
+              <%= event[:status] == :success ? "Success" : "Failure" %>
+            </span>
+            <div class="mt-1 text-xs text-slate-400">
+              <%= event[:time]&.strftime("%b %d, %H:%M") || "Unknown" %>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    <% else %>
+      <div class="px-5 py-6 text-sm text-slate-500">No recent activity yet. Fetches, scrapes, and new items will appear here.</div>
+    <% end %>
+  </div>
+</div>

data/app/views/source_monitor/dashboard/_stat_card.html.erb

@@ -0,0 +1,6 @@
+<% value = (stat_card[:value] || 0) %>
+<div class="rounded-lg border border-slate-200 bg-white p-5 shadow-sm">
+  <dt class="text-xs font-medium uppercase tracking-wide text-slate-500"><%= stat_card[:label] %></dt>
+  <dd class="mt-2 text-3xl font-semibold text-slate-900"><%= value %></dd>
+  <p class="mt-1 text-xs text-slate-500"><%= stat_card[:caption] %></p>
+</div>

data/app/views/source_monitor/dashboard/_stats.html.erb

@@ -0,0 +1,9 @@
+<div id="source_monitor_dashboard_stats" class="grid gap-5 sm:grid-cols-2 xl:grid-cols-5">
+  <%= render partial: "stat_card", collection: [
+    { label: "Sources", value: stats[:total_sources], caption: "Total registered" },
+    { label: "Active", value: stats[:active_sources], caption: "Fetching on schedule" },
+    { label: "Failures", value: stats[:failed_sources], caption: "Require attention" },
+    { label: "Items", value: stats[:total_items], caption: "Stored entries" },
+    { label: "Fetches Today", value: stats[:fetches_today], caption: "Completed runs" }
+  ], locals: { stats: stats } %>
+</div>

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

@@ -0,0 +1,48 @@
+<%= content_for :title, "Dashboard · SourceMonitor" %>
+<%= turbo_stream_from SourceMonitor::Dashboard::TurboBroadcaster::STREAM_NAME %>
+
+<div class="space-y-8">
+  <section>
+    <h1 class="text-2xl font-semibold text-slate-900">Overview</h1>
+    <p class="mt-1 text-sm text-slate-600">Current status of feed ingestion and scraping.</p>
+
+    <div class="mt-6">
+      <%= render "stats", stats: @stats %>
+    </div>
+  </section>
+
+  <section class="grid gap-6 lg:grid-cols-3">
+    <div class="lg:col-span-2 space-y-6">
+      <%= render "recent_activity", recent_activity: @recent_activity %>
+      <%= render "fetch_schedule", groups: @fetch_schedule_groups, reference_time: @fetch_schedule_reference_time %>
+    </div>
+
+    <div class="space-y-6">
+      <%= render "job_metrics",
+            metrics: @job_metrics,
+            adapter: @job_adapter,
+            mission_control_enabled: @mission_control_enabled,
+            mission_control_path: @mission_control_dashboard_path %>
+
+      <div class="rounded-lg border border-slate-200 bg-white shadow-sm">
+        <div class="border-b border-slate-200 px-5 py-4">
+          <h2 class="text-lg font-medium">Quick Actions</h2>
+          <p class="mt-1 text-xs text-slate-500">Jump to common workflows.</p>
+        </div>
+        <ul class="divide-y divide-slate-100">
+          <% @quick_actions.each do |action| %>
+            <li class="px-5 py-4">
+              <div class="flex items-center justify-between">
+                <div>
+                  <div class="text-sm font-medium text-slate-900"><%= action[:label] %></div>
+                  <div class="text-xs text-slate-500"><%= action[:description] %></div>
+                </div>
+                <%= link_to "Go", action[:path], class: "inline-flex items-center rounded-md bg-blue-600 px-3 py-1 text-xs font-semibold text-white shadow hover:bg-blue-500" %>
+              </div>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    </div>
+  </section>
+</div>

data/app/views/source_monitor/fetch_logs/show.html.erb

@@ -0,0 +1,90 @@
+<div class="space-y-6">
+  <div class="flex flex-wrap items-start justify-between gap-4">
+    <div>
+      <h1 class="text-3xl font-semibold text-slate-900">Fetch Log</h1>
+      <p class="mt-1 text-sm text-slate-500">
+        Started <%= @log.started_at&.strftime("%b %d, %Y %H:%M:%S %Z") || "Unknown" %> ·
+        <%= @log.success? ? "Success" : "Failure" %>
+      </p>
+    </div>
+    <div class="flex gap-3">
+      <%= link_to "Back to Logs", source_monitor.logs_path(log_type: "fetch"), class: "inline-flex items-center rounded-md border border-slate-300 px-3 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50" %>
+      <%= link_to "View Source", source_monitor.source_path(@log.source), class: "inline-flex items-center rounded-md bg-slate-800 px-3 py-2 text-sm font-medium text-white hover:bg-slate-700" %>
+    </div>
+  </div>
+
+  <div class="grid gap-6 lg:grid-cols-2">
+    <div class="rounded-lg border border-slate-200 bg-white shadow-sm">
+      <div class="border-b border-slate-200 px-5 py-4">
+        <h2 class="text-lg font-medium">Summary</h2>
+      </div>
+      <dl class="divide-y divide-slate-100">
+        <% summary = {
+             "Source" => link_to(@log.source.name, source_monitor.source_path(@log.source)),
+             "HTTP Status" => @log.http_status || "—",
+             "Success" => @log.success? ? "Yes" : "No",
+             "Duration (ms)" => @log.duration_ms || "—",
+             "Items Created" => @log.items_created,
+             "Items Updated" => @log.items_updated,
+             "Items Failed" => @log.items_failed,
+             "Started At" => @log.started_at&.strftime("%b %d, %Y %H:%M:%S %Z") || "—",
+             "Completed At" => @log.completed_at&.strftime("%b %d, %Y %H:%M:%S %Z") || "—",
+             "Job ID" => @log.job_id || "—"
+           } %>
+        <% summary.each do |label, value| %>
+          <div class="flex items-center justify-between px-5 py-3">
+            <dt class="text-sm font-medium text-slate-600"><%= label %></dt>
+            <dd class="text-sm text-slate-900 text-right"><%= value %></dd>
+          </div>
+        <% end %>
+      </dl>
+    </div>
+
+    <div class="space-y-6">
+      <div class="rounded-lg border border-slate-200 bg-white shadow-sm">
+        <div class="border-b border-slate-200 px-5 py-4">
+          <h2 class="text-lg font-medium">Error Details</h2>
+        </div>
+        <div class="px-5 py-4 text-sm text-slate-700">
+          <% if @log.success? %>
+            <p class="text-slate-500">No errors recorded.</p>
+          <% else %>
+            <% if @log.error_class.present? %>
+              <p class="font-medium text-rose-600"><%= @log.error_class %></p>
+            <% end %>
+            <p class="mt-2 whitespace-pre-wrap break-words text-xs text-slate-600"><%= @log.error_message.presence || "No error message captured." %></p>
+            <% if @log.error_backtrace.present? %>
+              <pre class="mt-3 whitespace-pre-wrap break-words text-[11px] leading-relaxed text-slate-600"><%= @log.error_backtrace %></pre>
+            <% end %>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="rounded-lg border border-slate-200 bg-white shadow-sm">
+        <div class="border-b border-slate-200 px-5 py-4">
+          <h2 class="text-lg font-medium">HTTP Headers</h2>
+        </div>
+        <div class="px-5 py-4 text-sm text-slate-700">
+          <% if @log.http_response_headers.present? %>
+            <pre class="whitespace-pre-wrap break-words text-xs text-slate-600"><%= JSON.pretty_generate(@log.http_response_headers) %></pre>
+          <% else %>
+            <p class="text-slate-500">No response headers recorded.</p>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="rounded-lg border border-slate-200 bg-white shadow-sm">
+        <div class="border-b border-slate-200 px-5 py-4">
+          <h2 class="text-lg font-medium">Metadata</h2>
+        </div>
+        <div class="px-5 py-4 text-sm text-slate-700">
+          <% if @log.metadata.present? %>
+            <pre class="whitespace-pre-wrap break-words text-xs text-slate-600"><%= JSON.pretty_generate(@log.metadata) %></pre>
+          <% else %>
+            <p class="text-slate-500">No metadata recorded.</p>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>