source_monitor 0.1.1

data/app/views/source_monitor/sources/_form.html.erb

@@ -0,0 +1,143 @@
+<%= form_with model: source, class: "space-y-6" do |form| %>
+  <div class="space-y-4 rounded-lg border border-slate-200 bg-white px-5 py-5 shadow-sm">
+    <div>
+      <%= form.label :name, class: "block text-sm font-medium text-slate-800" %>
+      <%= form.text_field :name, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+    </div>
+
+    <div>
+      <%= form.label :feed_url, class: "block text-sm font-medium text-slate-800" %>
+      <%= form.url_field :feed_url, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+    </div>
+
+    <div>
+      <%= form.label :website_url, class: "block text-sm font-medium text-slate-800" %>
+      <%= form.url_field :website_url, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+    </div>
+
+    <label class="inline-flex items-center space-x-2">
+      <%= form.check_box :active %>
+      <span>Active</span>
+    </label>
+  </div>
+
+  <div class="space-y-4 rounded-lg border border-slate-200 bg-white px-5 py-5 shadow-sm">
+    <div>
+      <%= form.label :fetch_interval_minutes, "Fetch interval (minutes)", class: "block text-sm font-medium text-slate-800" %>
+      <%= form.number_field :fetch_interval_minutes, min: 1, step: 1, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+      <p class="mt-1 text-xs text-slate-500">Minimum 5 minutes recommended.</p>
+    </div>
+
+    <label class="flex items-start space-x-3 rounded-lg border border-slate-200 bg-slate-50 px-4 py-3">
+      <%= form.check_box :adaptive_fetching_enabled, class: "mt-1" %>
+      <span>
+        <span class="block text-sm font-medium text-slate-800">Automatically adjust fetch interval</span>
+        <span class="mt-1 block text-xs text-slate-500">
+          When enabled, SourceMonitor lengthens or shortens the interval based on feed activity and failures. Disable to keep the interval fixed at the value above.
+        </span>
+      </span>
+    </label>
+
+    <div>
+      <%= form.label :health_auto_pause_threshold, "Auto-pause threshold", class: "block text-sm font-medium text-slate-800" %>
+      <%= form.number_field :health_auto_pause_threshold, min: 0, max: 1, step: 0.05, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+      <p class="mt-1 text-xs text-slate-500">
+        Optional override for this source. When the rolling success rate falls below this fraction (defaults to <%= SourceMonitor.config.health.auto_pause_threshold %>), the source is temporarily auto-paused.
+      </p>
+    </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">Retention</h2>
+      <p class="mt-1 text-xs text-slate-500">
+        Choose how long SourceMonitor keeps items for this source. Pruning runs after every fetch so the UI always reflects active retention rules.
+      </p>
+    </div>
+    <div class="grid gap-4 px-5 py-5 sm:grid-cols-2">
+      <div>
+        <%= form.label :items_retention_days, "Retention window (days)", class: "block text-sm font-medium text-slate-800" %>
+        <%= form.number_field :items_retention_days, min: 0, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+        <p class="mt-1 text-xs text-slate-500">
+          Leave blank to keep historical items indefinitely. Items older than the configured window are removed automatically.
+        </p>
+      </div>
+
+      <div>
+        <%= form.label :max_items, "Maximum stored items", class: "block text-sm font-medium text-slate-800" %>
+        <%= form.number_field :max_items, min: 0, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+        <p class="mt-1 text-xs text-slate-500">
+          Optional hard cap. SourceMonitor keeps the newest items and prunes the rest after each fetch.
+        </p>
+      </div>
+    </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">Feed Content Processing</h2>
+      <p class="mt-1 text-xs text-slate-500">Control whether feed-supplied content is cleaned with Readability before storing items.</p>
+    </div>
+    <div class="space-y-4 px-5 py-5">
+      <label class="inline-flex items-center space-x-2">
+        <%= form.check_box :feed_content_readability_enabled %>
+        <span>Process feed content with Readability</span>
+      </label>
+      <p class="text-xs text-slate-500">
+        When enabled, the raw feed HTML is passed through Readability. Scraping configuration below remains independent, so you can mix-and-match feed content and scraping strategies.
+      </p>
+    </div>
+  </div>
+
+  <% scrape_settings = (source.scrape_settings || {}).with_indifferent_access %>
+  <% selectors = scrape_settings[:selectors] || {} %>
+
+  <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">Scraping Configuration</h2>
+      <p class="mt-1 text-xs text-slate-500">Control how content extraction runs for this source.</p>
+    </div>
+    <div class="space-y-5 px-5 py-5">
+      <div class="grid gap-3 sm:grid-cols-2">
+        <label class="inline-flex items-center space-x-2">
+          <%= form.check_box :scraping_enabled %>
+          <span>Scraping enabled</span>
+        </label>
+
+        <label class="inline-flex items-center space-x-2">
+          <%= form.check_box :auto_scrape %>
+          <span>Auto scrape after fetch</span>
+        </label>
+
+        <label class="inline-flex items-center space-x-2">
+          <%= form.check_box :requires_javascript %>
+          <span>Requires JavaScript</span>
+        </label>
+      </div>
+
+      <div>
+        <%= form.label :scraper_adapter, "Scraper adapter", class: "block text-sm font-medium text-slate-800" %>
+        <%= form.select :scraper_adapter, [["Readability", "readability"]], {}, class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2" %>
+        <p class="mt-1 text-xs text-slate-500">Additional adapters can be configured in future phases.</p>
+      </div>
+
+      <div class="grid gap-4 sm:grid-cols-2">
+        <div>
+          <label for="source_scrape_settings_selectors_content" class="block text-sm font-medium text-slate-800">Content CSS selector</label>
+          <%= text_field_tag "source[scrape_settings][selectors][content]", selectors[:content], id: "source_scrape_settings_selectors_content", class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2", placeholder: ".article-body" %>
+          <p class="mt-1 text-xs text-slate-500">Optional. Overrides Readability extraction target.</p>
+        </div>
+
+        <div>
+          <label for="source_scrape_settings_selectors_title" class="block text-sm font-medium text-slate-800">Title CSS selector</label>
+          <%= text_field_tag "source[scrape_settings][selectors][title]", selectors[:title], id: "source_scrape_settings_selectors_title", class: "mt-1 block w-full rounded border border-slate-300 px-3 py-2", placeholder: "h1.article-title" %>
+          <p class="mt-1 text-xs text-slate-500">Optional. Leave blank to use feed-provided title.</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div>
+    <%= form.submit (source.persisted? ? "Update Source" : "Create Source"), class: "inline-flex items-center rounded bg-blue-600 px-4 py-2 text-white shadow hover:bg-blue-500" %>
+  </div>
+<% end %>

data/app/views/source_monitor/sources/_health_status_badge.html.erb

@@ -0,0 +1,46 @@
+<% source = local_assigns.fetch(:source) %>
+<% override = local_assigns[:health_status_override] %>
+<% badge = source_health_badge(source, override:) %>
+<% actions = source_health_actions(source) %>
+<% interactive = interactive_health_status?(source, override: override) && actions.any? %>
+
+<% if interactive %>
+  <div data-controller="dropdown" class="relative inline-block text-left" data-testid="source-health-menu">
+    <button type="button"
+            class="inline-flex w-full items-center justify-center rounded-full px-3 py-1 text-xs font-semibold <%= badge[:classes] %>"
+            data-action="dropdown#toggle click@window->dropdown#hide"
+            data-testid="source-health-menu-toggle">
+      <% if badge[:show_spinner] %>
+        <%= loading_spinner_svg(css_class: "mr-1 h-3.5 w-3.5 animate-spin text-blue-500") %>
+      <% end %>
+      <span><%= badge[:label] %></span>
+      <svg class="ml-2 h-3 w-3 text-slate-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+        <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.168l3.71-3.938a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06z" clip-rule="evenodd" />
+      </svg>
+    </button>
+    <div data-dropdown-target="menu" class="absolute z-20 mt-2 w-80 origin-top-left rounded-md border border-slate-200 bg-white shadow-lg hidden">
+      <div class="py-2">
+        <% actions.each do |action| %>
+          <% button_classes = "w-full px-4 py-3 text-left text-sm hover:bg-slate-50 focus:outline-none" %>
+          <%= button_to action[:path],
+                method: action[:method],
+                form: { class: "w-full" },
+                data: (action[:data] || {}).merge(action: "dropdown#hide"),
+                class: button_classes do %>
+            <div class="flex flex-col text-slate-700">
+              <span class="font-semibold"><%= action[:label] %></span>
+              <span class="mt-1 text-xs text-slate-500"><%= action[:description] %></span>
+            </div>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+<% else %>
+  <span class="inline-flex items-center rounded-full px-3 py-1 text-xs font-semibold <%= badge[:classes] %>">
+    <% if badge[:show_spinner] %>
+      <%= loading_spinner_svg(css_class: "mr-1 h-3.5 w-3.5 animate-spin text-blue-500") %>
+    <% end %>
+    <%= badge[:label] %>
+  </span>
+<% end %>

data/app/views/source_monitor/sources/_row.html.erb

@@ -0,0 +1,102 @@
+<% rate_map = local_assigns[:item_activity_rates] || {} %>
+<% activity_rate = rate_map.fetch(source.id, 0.0) %>
+<% health_status_override = local_assigns[:health_status_override] %>
+<% health_status = if !source.active?
+    { label: "Paused", classes: "bg-amber-100 text-amber-700", show_spinner: false }
+  else
+    source_health_badge(source, override: health_status_override)
+  end %>
+<% fetch_status = async_status_badge(source.fetch_status) %>
+<% search_params = local_assigns[:search_params] || {} %>
+<% delete_query =
+     if search_params.respond_to?(:to_unsafe_h)
+       search_params.to_unsafe_h
+     elsif search_params.respond_to?(:to_h)
+       search_params.to_h
+     elsif search_params.is_a?(Hash)
+       search_params
+     else
+       {}
+     end %>
+<% delete_query = delete_query.respond_to?(:compact_blank) ? delete_query.compact_blank : delete_query.reject { |_key, value| value.respond_to?(:blank?) ? value.blank? : value.nil? } if delete_query.present? %>
+<% delete_path = delete_query.present? ? source_monitor.source_path(source, q: delete_query) : source_monitor.source_path(source) %>
+
+<tr id="<%= dom_id(source, :row) %>" class="hover:bg-slate-50">
+  <td class="px-6 py-4">
+    <div class="font-medium text-slate-900">
+      <%= link_to source.name,
+            source_monitor.source_path(source),
+            class: "text-slate-900 hover:text-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",
+            data: { turbo_frame: "_top" } %>
+    </div>
+    <div class="text-xs text-slate-500 truncate max-w-xs"><%= source.feed_url %></div>
+  </td>
+  <td class="px-6 py-4">
+    <div class="flex flex-col gap-2 text-xs">
+      <% if source.active? %>
+        <%= render "source_monitor/sources/health_status_badge",
+              source: source,
+              health_status_override: health_status_override %>
+      <% else %>
+        <span class="inline-flex items-center rounded-full px-3 py-1 font-semibold <%= health_status[:classes] %>"><%= health_status[:label] %></span>
+      <% end %>
+      <% if source.rolling_success_rate.present? %>
+        <span class="text-[11px] text-slate-500">Success Rate: <%= number_to_percentage(source.rolling_success_rate * 100, precision: 0) %></span>
+      <% end %>
+      <span class="inline-flex items-center rounded-full px-3 py-1 font-semibold <%= fetch_status[:classes] %>">
+        <%= loading_spinner_svg(css_class: "mr-1 h-3.5 w-3.5 animate-spin text-blue-500") if fetch_status[:show_spinner] %>
+        <%= fetch_status[:label] %>
+        <% if source.fetch_status == "fetching" && source.last_fetch_started_at.present? %>
+          <span class="ml-2 font-normal text-[10px] text-slate-500">(since <%= source.last_fetch_started_at.strftime("%H:%M:%S") %>)</span>
+        <% end %>
+      </span>
+    </div>
+  </td>
+  <td class="px-6 py-4 text-sm">
+    <%= "#{source.fetch_interval_minutes} min" %>
+    <span class="text-xs text-slate-500">(~<%= number_with_precision(source.fetch_interval_minutes / 60.0, precision: 2) %> h)</span>
+  </td>
+  <td class="px-6 py-4 text-sm"><%= source.items_count %></td>
+  <td class="px-6 py-4 text-sm">
+    <%= number_with_precision(activity_rate, precision: 2) %>
+    <span class="text-xs text-slate-500">/ day</span>
+  </td>
+  <td class="px-6 py-4 text-xs text-slate-500">
+    <%= source.last_fetched_at ? source.last_fetched_at.strftime("%b %d, %H:%M") : "Never" %>
+  </td>
+  <td class="px-6 py-4 text-right text-sm">
+    <div data-controller="dropdown" class="relative inline-block text-left">
+      <button type="button"
+              class="inline-flex items-center rounded-md border border-slate-200 bg-white px-2.5 py-1.5 text-slate-600 shadow-sm hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+              data-action="dropdown#toggle click@window->dropdown#hide"
+              aria-label="Source actions">
+        <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
+          <path stroke-linecap="round" stroke-linejoin="round" d="M10.343 3.94a.75.75 0 0 0-1.093-.332l-.822.548a2.25 2.25 0 0 1-2.287.014l-.856-.506a.75.75 0 0 0-1.087.63l.03.988a2.25 2.25 0 0 1-.639 1.668l-.715.715a.75.75 0 0 0 0 1.06l.715.715a2.25 2.25 0 0 1 .639 1.668l-.03.988a.75.75 0 0 0 1.087.63l.856-.506a2.25 2.25 0 0 1 2.287.014l.822.548a.75.75 0 0 0 1.093-.332l.38-.926a2.25 2.25 0 0 1 1.451-1.297l.964-.258a.75.75 0 0 0 .534-.72v-.946a.75.75 0 0 0-.534-.72l-.964-.258a2.25 2.25 0 0 1-1.45-1.297l-.381-.926Z" />
+          <path stroke-linecap="round" stroke-linejoin="round" d="M12 10a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z" />
+        </svg>
+      </button>
+      <div data-dropdown-target="menu" class="absolute right-0 z-10 mt-2 w-36 origin-top-right rounded-md border border-slate-200 bg-white shadow-lg transition hidden">
+        <div class="py-1 text-sm text-slate-700">
+          <%= link_to "View",
+                source_monitor.source_path(source),
+                class: "block px-3 py-2 hover:bg-slate-50",
+                data: { action: "dropdown#toggle", turbo_frame: "_top" } %>
+          <%= link_to "Edit",
+                source_monitor.edit_source_path(source),
+                class: "block px-3 py-2 hover:bg-slate-50",
+                data: { action: "dropdown#toggle", turbo_frame: "_top" } %>
+          <div class="my-1 border-t border-slate-100"></div>
+          <%= link_to "Delete",
+                delete_path,
+                class: "block px-3 py-2 text-rose-600 hover:bg-rose-50 hover:text-rose-700",
+                title: "Delete source and remove associated items/logs",
+                data: {
+                  action: "dropdown#toggle",
+                  turbo_method: :delete,
+                  turbo_confirm: "Delete this source and remove all associated data?"
+                } %>
+        </div>
+      </div>
+    </div>
+  </td>
+</tr>

data/app/views/source_monitor/sources/edit.html.erb

@@ -0,0 +1,28 @@
+<div class="mx-auto max-w-2xl py-10">
+  <h1 class="text-3xl font-semibold">Edit Source</h1>
+
+  <% if @source.errors.any? %>
+    <div class="mt-4 rounded border border-red-300 bg-red-50 p-4">
+      <h2 class="font-medium text-red-700">Please fix the following:</h2>
+      <ul class="mt-2 list-disc space-y-1 pl-5 text-red-700">
+        <% @source.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="mt-6">
+    <%= render "form", source: @source %>
+  </div>
+
+  <div class="mt-6 flex items-center gap-4">
+    <%= link_to "Back", source_monitor.source_path(@source), class: "text-blue-600 hover:underline" %>
+    <%= form_with url: source_monitor.source_path(@source), method: :delete, data: { turbo_confirm: "Delete this source and remove all associated data?", turbo_frame: "_top" }, class: "inline" do %>
+      <%= hidden_field_tag :redirect_to, source_monitor.sources_path %>
+      <button type="submit" class="text-rose-600 hover:text-rose-500">
+        Delete
+      </button>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,153 @@
+<div class="space-y-6">
+  <%= turbo_stream_from "source_monitor_sources" %>
+  <div class="flex flex-wrap items-center justify-between gap-3">
+    <div>
+      <h1 class="text-3xl font-semibold text-slate-900">Sources</h1>
+      <p class="mt-1 text-sm text-slate-500">Manage feed endpoints and scraping settings.</p>
+    </div>
+    <div class="flex w-full flex-col gap-3 sm:w-auto sm:flex-row sm:items-center">
+      <%= search_form_for @q, url: source_monitor.sources_path, method: :get, html: { class: "w-full sm:w-auto", data: { turbo_frame: "source_monitor_sources_table" } } do |form| %>
+        <%= form.label @search_field, "Search sources", class: "sr-only" %>
+        <div class="flex rounded-md shadow-sm">
+          <%= form.search_field @search_field, placeholder: "Search name or URL…", class: "w-full rounded-l-md border border-slate-200 bg-white px-3 py-2 text-sm text-slate-700 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500 sm:min-w-[16rem]" %>
+          <%= form.submit "Search", class: "rounded-r-md bg-blue-600 px-4 py-2 text-sm font-semibold text-white hover:bg-blue-500" %>
+        </div>
+      <% end %>
+      <%= link_to "New Source", source_monitor.new_source_path, class: "inline-flex items-center justify-center rounded-md bg-blue-600 px-4 py-2 text-sm font-semibold text-white shadow hover:bg-blue-500" %>
+    </div>
+  </div>
+
+  <%= render "source_monitor/sources/fetch_interval_heatmap",
+        fetch_interval_distribution: @fetch_interval_distribution,
+        selected_bucket: @selected_fetch_interval_bucket,
+        search_params: @search_params %>
+
+  <div class="overflow-hidden rounded-lg border border-slate-200 bg-white shadow-sm">
+    <%= turbo_frame_tag "source_monitor_sources_table" do %>
+      <% if @search_term.present? || @fetch_interval_filter.present? %>
+        <div class="rounded-t-lg border-b border-blue-100 bg-blue-50 px-4 py-3 text-xs text-blue-700">
+          <% if @search_term.present? %>
+            <% clear_search_query = @search_params.dup %>
+            <% clear_search_query.delete("name_or_feed_url_or_website_url_cont") %>
+            <% clear_search_query = if clear_search_query.respond_to?(:compact_blank)
+              clear_search_query.compact_blank
+            else
+              clear_search_query.reject { |_key, value| value.respond_to?(:blank?) ? value.blank? : value.nil? }
+            end %>
+            <% clear_search_path = clear_search_query.empty? ? source_monitor.sources_path : source_monitor.sources_path(q: clear_search_query) %>
+            <div>
+              Showing results for "<%= @search_term %>".
+              <%= link_to "Clear search", clear_search_path, class: "ml-2 font-medium text-blue-600 hover:text-blue-500", data: { turbo_frame: "source_monitor_sources_table" } %>
+            </div>
+          <% end %>
+
+          <% if @fetch_interval_filter.present? %>
+            <% filter_label = fetch_interval_filter_label(@selected_fetch_interval_bucket, @fetch_interval_filter) %>
+            <div class="mt-1 flex items-center justify-between gap-2">
+              <span>Filtered by fetch interval <%= filter_label %>.</span>
+              <%= link_to "Clear interval filter",
+                    fetch_interval_bucket_path(@selected_fetch_interval_bucket, @search_params, selected: true),
+                    class: "font-medium text-blue-600 hover:text-blue-500" %>
+            </div>
+          <% end %>
+        </div>
+      <% end %>
+      <table class="min-w-full divide-y divide-slate-200 text-left text-sm">
+        <thead class="bg-slate-50 text-xs font-semibold uppercase tracking-wide text-slate-500">
+          <tr>
+            <th scope="col"
+                class="px-6 py-3"
+                data-sort-column="name"
+                aria-sort="<%= table_sort_aria(@q, :name) %>">
+              <span class="inline-flex items-center gap-1">
+                <%= table_sort_link(
+                      @q,
+                      :name,
+                      "Source",
+                      frame: "source_monitor_sources_table",
+                      default_order: :asc,
+                      secondary: ["created_at desc"],
+                      html_options: {
+                        class: "inline-flex items-center gap-1 text-xs font-semibold uppercase tracking-wide text-slate-600 hover:text-slate-900 focus:outline-none"
+                      }
+                    ) %>
+                <span class="text-[11px] text-slate-400" aria-hidden="true"><%= table_sort_arrow(@q, :name) %></span>
+              </span>
+            </th>
+            <th scope="col" class="px-6 py-3">Status</th>
+            <th scope="col"
+                class="px-6 py-3"
+                data-sort-column="fetch_interval_minutes"
+                aria-sort="<%= table_sort_aria(@q, :fetch_interval_minutes) %>">
+              <span class="inline-flex items-center gap-1">
+                <%= table_sort_link(
+                      @q,
+                      :fetch_interval_minutes,
+                      "Fetch Interval",
+                      frame: "source_monitor_sources_table",
+                      default_order: :asc,
+                      secondary: ["created_at desc"],
+                      html_options: {
+                        class: "inline-flex items-center gap-1 text-xs font-semibold uppercase tracking-wide text-slate-600 hover:text-slate-900 focus:outline-none"
+                      }
+                    ) %>
+                <span class="text-[11px] text-slate-400" aria-hidden="true"><%= table_sort_arrow(@q, :fetch_interval_minutes) %></span>
+              </span>
+            </th>
+            <th scope="col"
+                class="px-6 py-3"
+                data-sort-column="items_count"
+                aria-sort="<%= table_sort_aria(@q, :items_count) %>">
+              <span class="inline-flex items-center gap-1">
+                <%= table_sort_link(
+                      @q,
+                      :items_count,
+                      "Items",
+                      frame: "source_monitor_sources_table",
+                      default_order: :desc,
+                      secondary: ["created_at desc"],
+                      html_options: {
+                        class: "inline-flex items-center gap-1 text-xs font-semibold uppercase tracking-wide text-slate-600 hover:text-slate-900 focus:outline-none"
+                      }
+                    ) %>
+                <span class="text-[11px] text-slate-400" aria-hidden="true"><%= table_sort_arrow(@q, :items_count) %></span>
+              </span>
+            </th>
+            <th scope="col" class="px-6 py-3">New Items / Day</th>
+            <th scope="col"
+                class="px-6 py-3"
+                data-sort-column="last_fetched_at"
+                aria-sort="<%= table_sort_aria(@q, :last_fetched_at) %>">
+              <span class="inline-flex items-center gap-1">
+                <%= table_sort_link(
+                      @q,
+                      :last_fetched_at,
+                      "Last Fetch",
+                      frame: "source_monitor_sources_table",
+                      default_order: :desc,
+                      secondary: ["created_at desc"],
+                      html_options: {
+                        class: "inline-flex items-center gap-1 text-xs font-semibold uppercase tracking-wide text-slate-600 hover:text-slate-900 focus:outline-none"
+                      }
+                    ) %>
+                <span class="text-[11px] text-slate-400" aria-hidden="true"><%= table_sort_arrow(@q, :last_fetched_at) %></span>
+              </span>
+            </th>
+            <th scope="col" class="px-6 py-3"></th>
+          </tr>
+        </thead>
+        <tbody id="source_monitor_sources_table_body" class="divide-y divide-slate-100 text-slate-700">
+          <%= render partial: "source_monitor/sources/row",
+                collection: @sources,
+                as: :source,
+                locals: {
+                  item_activity_rates: @item_activity_rates,
+                  search_params: @search_params
+                } %>
+
+          <%= render("source_monitor/sources/empty_state_row") if @sources.blank? %>
+        </tbody>
+      </table>
+    <% end %>
+  </div>
+</div>

data/app/views/source_monitor/sources/new.html.erb

@@ -0,0 +1,22 @@
+<div class="mx-auto max-w-2xl py-10">
+  <h1 class="text-3xl font-semibold">New Source</h1>
+
+  <% if @source.errors.any? %>
+    <div class="mt-4 rounded border border-red-300 bg-red-50 p-4">
+      <h2 class="font-medium text-red-700">Please fix the following:</h2>
+      <ul class="mt-2 list-disc space-y-1 pl-5 text-red-700">
+        <% @source.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="mt-6">
+    <%= render "form", source: @source %>
+  </div>
+
+  <div class="mt-6">
+    <%= link_to "Back", source_monitor.sources_path, class: "text-blue-600 hover:underline" %>
+  </div>
+</div>

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

@@ -0,0 +1,3 @@
+<%= turbo_stream_from @source, :details %>
+
+<%= render "source_monitor/sources/details_wrapper", source: @source %>