solid_observer 0.4.0 → 0.6.0

data/app/helpers/solid_observer/application_helper.rb

@@ -156,6 +156,63 @@ module SolidObserver
       CACHE_RANGE_LABELS.fetch(range_key.to_s, "in selected range")
     end
 
+    def cable_range_label(range_key)
+      CACHE_RANGE_LABELS.fetch(range_key.to_s, "in selected range")
+    end
+
+    def cable_ratio_percent(value)
+      number_to_percentage(value.to_f * 100, precision: 1, strip_insignificant_zeros: true)
+    end
+
+    def cable_stability_badge(state)
+      stability_badge_for(state.to_sym)
+    end
+
+    def cable_stability_detail(stability)
+      state = (stability || {})[:state]&.to_sym
+      state = :stable unless STABILITY_STATES.key?(state)
+
+      case state
+      when :critical
+        critical_cable_stability_detail(stability)
+      when :degraded
+        degraded_cable_stability_detail(stability)
+      else
+        "No cable errors or subscription rejections in the selected range and backlog current snapshot is healthy"
+      end
+    end
+
+    def cable_event_digest(digest, visible_chars: 10)
+      digest = digest.to_s
+      return "—" if digest.empty?
+      return digest if digest.length <= visible_chars
+
+      "#{digest.first(visible_chars)}…"
+    end
+
+    # :reek:FeatureEnvy
+    def cable_backlog_summary(stats)
+      if stats[:backlog_available]
+        {
+          value: number_with_delimiter(stats[:backlog_count].to_i),
+          subtitle: "current Solid Cable snapshot"
+        }
+      else
+        {value: "—", subtitle: "current Solid Cable snapshot unavailable"}
+      end
+    end
+
+    def cable_storage_summary(storage_components)
+      snapshots = Array(storage_components)
+      reason = cable_storage_unavailable_reason(snapshots)
+      return {value: "—", subtitle: "— #{reason}"} if reason
+
+      {
+        value: number_to_human_size(cable_storage_total_bytes(snapshots), precision: 1, significant: false, strip_insignificant_zeros: false),
+        subtitle: "Cable telemetry + Solid Cable messages"
+      }
+    end
+
     def cache_stability_detail(stability)
       state = (stability || {})[:state]&.to_sym
       state = :stable unless STABILITY_STATES.key?(state)
@@ -189,9 +246,41 @@ module SolidObserver
       SolidObserver.config.solid_cache_enabled?
     end
 
-    def dashboard_section_active?(component)
-      current_component = @component.presence || "queue"
-      controller_name == "dashboard" && current_component == component.to_s
+    def cable_component_enabled?
+      SolidObserver.config.solid_cable_enabled?
+    end
+
+    def home?
+      controller_name == "dashboard" && @component.to_s == "home"
+    end
+
+    def health_status_badge(status)
+      stability_badge_for(status.to_sym)
+    rescue KeyError
+      Rails.logger&.warn("health_status_badge: unknown status #{status.inspect}, falling back to degraded")
+      stability_badge_for(:degraded)
+    end
+
+    def unified_feed_detail(row)
+      detail = row[:detail].to_s
+      if row[:correlation_id].present?
+        link_to(detail.presence || row[:correlation_id], trace_path(row[:correlation_id]), class: "so-trace__link")
+      else
+        detail.presence || "—"
+      end
+    end
+
+    def component_overview_path(name)
+      case name.to_sym
+      when :queue
+        queue_dashboard_path
+      when :cache
+        cache_dashboard_path
+      when :cable
+        cable_dashboard_path
+      else
+        root_path
+      end
     end
 
     private
@@ -231,6 +320,59 @@ module SolidObserver
       snapshots.find { |snapshot| !snapshot[:available] }&.[](:unavailable_reason)
     end
 
+    # :reek:FeatureEnvy
+    # :reek:TooManyStatements
+    def critical_cable_stability_detail(stability)
+      parts = []
+      error_count = stability[:error_count].to_i
+      parts << pluralize(error_count, "cable error") if error_count.positive?
+
+      rejection_count = stability[:rejection_count].to_i
+      rejection_rate = stability[:rejection_rate].to_f
+      if rejection_rate > 0.0
+        parts << "#{cable_ratio_percent(rejection_rate)} rejection rate"
+      elsif rejection_count.positive?
+        parts << pluralize(rejection_count, "subscription rejection")
+      end
+
+      backlog_ratio = stability[:backlog_ratio].to_f
+      if backlog_ratio >= 0.5
+        parts << "backlog at #{number_to_percentage(backlog_ratio * 100, precision: 0)} in current snapshot"
+      end
+
+      return "Cable stability critical" if parts.empty?
+
+      "#{parts.join("; ")} in the selected range"
+    end
+
+    # :reek:FeatureEnvy
+    # :reek:TooManyStatements
+    def degraded_cable_stability_detail(stability)
+      return "Backlog current snapshot unavailable" unless stability[:backlog_available]
+
+      backlog_ratio = stability[:backlog_ratio].to_f
+      if backlog_ratio >= SolidObserver.config.cable_backlog_threshold.to_f
+        return "Backlog at #{number_to_percentage(backlog_ratio * 100, precision: 0)} in current snapshot"
+      end
+
+      rejection_count = stability[:rejection_count].to_i
+      if rejection_count.positive?
+        return "#{pluralize(rejection_count, "subscription rejection")} in the selected range"
+      end
+
+      "Cable stability degraded"
+    end
+
+    def cable_storage_total_bytes(snapshots)
+      snapshots.sum { |snapshot| snapshot[:db_size_bytes].to_i }
+    end
+
+    def cable_storage_unavailable_reason(snapshots)
+      return "Storage snapshot unavailable" unless snapshots.size == 2
+
+      snapshots.find { |snapshot| !snapshot[:available] }&.[](:unavailable_reason)
+    end
+
     def cache_event_outcome_meta(event)
       hit = event.hit
 

data/app/models/solid_observer/cable_event.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module SolidObserver
+  class CableEvent < BaseEvent
+    self.table_name = "solid_observer_cable_events"
+
+    validates :event_type, presence: true
+    validates :recorded_at, presence: true
+
+    scope :errored, -> { where.not(error_class: nil) }
+    scope :recent, ->(limit = 10) { order(recorded_at: :desc).limit(limit) }
+  end
+end

data/app/models/solid_observer/cable_metric.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module SolidObserver
+  class CableMetric < BaseRecord
+    self.table_name = "solid_observer_cable_metrics"
+
+    validates :period_start, presence: true
+    validates :broadcasts_count, :transmissions_count, :confirmations_count,
+      :rejections_count, :perform_actions_count, :errors_count,
+      numericality: {only_integer: true, greater_than_or_equal_to: 0}
+  end
+end

data/app/models/solid_observer/cache_metric.rb

@@ -1,9 +1,8 @@
 # frozen_string_literal: true
 
 module SolidObserver
-  class CacheMetric < BaseMetric
+  class CacheMetric < BaseRecord
     self.table_name = "solid_observer_cache_metrics"
-    clear_validators!
 
     validates :event_type, presence: true, length: {maximum: 64}
     validates :period_start, presence: true

data/app/models/solid_observer/storage_info.rb

@@ -6,7 +6,7 @@ module SolidObserver
 
     MB_TO_BYTES = 1_048_576
     GB_TO_BYTES = 1_073_741_824
-    COMPONENTS = %w[queue_observer cache_observer solid_cache].freeze
+    COMPONENTS = %w[queue_observer cache_observer solid_cache cable_observer solid_cable].freeze
 
     validates :db_size_bytes, presence: true, numericality: {only_integer: true, greater_than_or_equal_to: 0}
     validates :event_count, presence: true, numericality: {only_integer: true, greater_than_or_equal_to: 0}

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

@@ -14,8 +14,8 @@
 
       /* text */
       --so-text: #171717;
-      --so-text-muted: #737373;
-      --so-text-subtle: #737373;
+      --so-text-muted: #707070;
+      --so-text-subtle: #707070;
 
       /* lines */
       --so-border: #e5e5e5;
@@ -398,7 +398,8 @@
     .so-cache-controls { max-width: 820px; }
     .so-cache-dashboard__intro,
     .so-cache-controls__intro,
-    .so-queue-overview__intro {
+    .so-queue-overview__intro,
+    .so-cable-dashboard__intro {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
@@ -407,16 +408,19 @@
     }
     .so-cache-dashboard__hint,
     .so-cache-controls__hint,
-    .so-queue-overview__hint {
+    .so-queue-overview__hint,
+    .so-cable-dashboard__hint {
       font-size: 0.875rem;
       color: var(--so-text-subtle);
       line-height: 1.5;
     }
-    .so-cache-dashboard__range-form {
+    .so-cache-dashboard__range-form,
+    .so-cable-dashboard__range-form {
       align-items: center;
       margin-bottom: 2rem;
     }
     .so-cache-dashboard__range-form select,
+    .so-cable-dashboard__range-form select,
     .so-dashboard-toolbar select {
       padding: 0.4rem 0.6rem;
       border: 1px solid var(--so-border);
@@ -425,11 +429,13 @@
       background: var(--so-card-bg);
       color: var(--so-text);
     }
-    .so-cache-dashboard__chart-empty {
+    .so-cache-dashboard__chart-empty,
+    .so-cable-dashboard__chart-empty {
       max-width: 420px;
       margin-bottom: 0;
     }
-    .so-cache-dashboard__digest {
+    .so-cache-dashboard__digest,
+    .so-cable-dashboard__digest {
       font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
       white-space: nowrap;
     }
@@ -518,6 +524,19 @@
 
     .so-card li + li { margin-top: 0.45rem; }
 
+    /* SO-098 trace page */
+    .so-trace { max-width: 1120px; }
+    .so-trace__meta { margin-top: .35rem; font-size: .875rem; line-height: 1.5; color: var(--so-text-subtle); }
+    .so-trace__correlation { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; overflow-wrap: anywhere; }
+    .so-trace__table { min-width: 760px; }
+    .so-trace__time { width: 10.75rem; white-space: nowrap; }
+    .so-trace__component { width: 7.75rem; white-space: nowrap; }
+    .so-trace__event { width: 10.5rem; white-space: nowrap; }
+    .so-trace__details { min-width: 20rem; white-space: normal; overflow-wrap: anywhere; line-height: 1.5; }
+    .so-trace__link { color: var(--so-info); text-decoration: none; }
+    .so-trace__link:hover { text-decoration: underline; }
+    .so-trace__link:focus-visible { outline: 2px solid var(--so-info); outline-offset: 2px; box-shadow: 0 0 0 3px var(--so-focus-ring); }
+
     @media (max-width: 960px) {
       .so-dashboard-toolbar { flex-direction: column; align-items: stretch; }
       .so-dashboard-toolbar__left, .so-dashboard-toolbar__right { margin-left: 0; }
@@ -547,9 +566,11 @@
     <aside class="so-sidebar">
       <div class="so-sidebar__logo">SolidObserver</div>
       <nav class="so-sidebar__nav" aria-label="SolidObserver navigation">
+        <%= link_to "Home", root_path, class: ("active" if home?), "aria-current": (home? ? "page" : nil) %>
+
         <% if SolidObserver.config.solid_queue_enabled? %>
           <div class="so-sidebar__section">Queue</div>
-          <%= link_to "Overview", root_path, class: ("active" if controller_name == "dashboard" && @component.to_s != "cache"), "aria-current": (controller_name == "dashboard" && @component.to_s != "cache" ? "page" : nil) %>
+          <%= link_to "Overview", queue_dashboard_path, class: ("active" if controller_name == "dashboard" && @component.to_s == "queue"), "aria-current": (controller_name == "dashboard" && @component.to_s == "queue" ? "page" : nil) %>
           <%= link_to "Jobs", jobs_path, class: ("active" if controller_name == "jobs"), "aria-current": (controller_name == "jobs" ? "page" : nil) %>
           <% if persistence_mode? %>
             <%= link_to "Events", events_path, class: ("active" if controller_name == "events"), "aria-current": (controller_name == "events" ? "page" : nil) %>
@@ -564,7 +585,12 @@
           <% end %>
         <% end %>
 
-        <% if persistence_mode? && (SolidObserver.config.solid_queue_enabled? || SolidObserver.config.solid_cache_enabled?) %>
+        <% if SolidObserver.config.solid_cable_enabled? %>
+          <div class="so-sidebar__section">Cable</div>
+          <%= link_to "Overview", cable_dashboard_path, class: ("active" if controller_name == "cable_dashboard"), "aria-current": (controller_name == "cable_dashboard" ? "page" : nil) %>
+        <% end %>
+
+        <% if persistence_mode? && (SolidObserver.config.solid_queue_enabled? || SolidObserver.config.solid_cache_enabled? || SolidObserver.config.solid_cable_enabled?) %>
           <%= link_to "Storage", storage_path, class: ("active" if controller_name == "storages"), "aria-current": (controller_name == "storages" ? "page" : nil) %>
         <% end %>
       </nav>

data/app/views/solid_observer/cable_dashboard/_charts.html.erb

@@ -0,0 +1,31 @@
+<section class="so-dashboard-section" aria-labelledby="so-cable-charts-heading">
+  <header class="so-dashboard-section__header">
+    <h2 id="so-cable-charts-heading" class="so-dashboard-section__title">Activity trends</h2>
+  </header>
+
+  <div class="so-chart-strip">
+    <% if @stats[:activity_trends]&.[](:available) %>
+      <figure class="so-spark" data-so-spark="cable-broadcasts">
+        <figcaption class="so-spark__label">Broadcasts total <span data-so-range-copy><%= cable_range_label(@range) %></span></figcaption>
+        <svg class="so-spark__svg" viewBox="0 0 120 32" preserveAspectRatio="none" aria-hidden="true">
+          <line class="so-spark__baseline" x1="1" x2="119" y1="31" y2="31"/>
+          <polyline class="so-spark__line" points="<%= spark_points(@stats[:activity_trends][:broadcasts]) %>"/>
+        </svg>
+        <span class="so-spark__value"><%= number_with_delimiter(@stats[:broadcasts_count].to_i) %></span>
+      </figure>
+
+      <figure class="so-spark" data-so-spark="cable-rejections">
+        <figcaption class="so-spark__label">Rejections total <span data-so-range-copy><%= cable_range_label(@range) %></span></figcaption>
+        <svg class="so-spark__svg" viewBox="0 0 120 32" preserveAspectRatio="none" aria-hidden="true">
+          <line class="so-spark__baseline" x1="1" x2="119" y1="31" y2="31"/>
+          <polyline class="so-spark__line" points="<%= spark_points(@stats[:activity_trends][:rejections]) %>"/>
+        </svg>
+        <span class="so-spark__value"><%= number_with_delimiter(@stats[:rejections_count].to_i) %></span>
+      </figure>
+    <% else %>
+      <div class="so-card so-cable-dashboard__chart-empty">
+        <p class="so-dashboard-section__meta so-dashboard-section__meta--empty-range">No chart data in the selected range yet. Summary metrics still use bounded cable stats.</p>
+      </div>
+    <% end %>
+  </div>
+</section>

data/app/views/solid_observer/cable_dashboard/_recent_events.html.erb

@@ -0,0 +1,39 @@
+<section class="so-card so-card--section" aria-labelledby="so-cable-events-heading">
+  <header class="so-dashboard-section__header">
+    <h2 id="so-cable-events-heading" class="so-dashboard-section__title">Recent Cable events</h2>
+    <span class="so-dashboard-section__meta">debug context only · broadcasting names and payloads are never shown</span>
+  </header>
+
+  <% if recent_events.present? %>
+    <table class="so-table so-table--card">
+      <caption class="sr-only">Recent Cable events without raw broadcasting names or payloads</caption>
+      <thead>
+        <tr>
+          <th>Event</th>
+          <th>Channel class</th>
+          <th>Broadcasting digest</th>
+          <th>Duration</th>
+          <th>Recorded</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% recent_events.each do |event| %>
+          <tr>
+            <td>
+              <%= event.event_type.to_s %>
+              <% if event.correlation_id.present? %>
+                <%= link_to "Trace →", trace_path(event.correlation_id), class: "so-trace__link" %>
+              <% end %>
+            </td>
+            <td><%= event.channel_class.presence || "—" %></td>
+            <td><span class="so-cable-dashboard__digest"><%= cable_event_digest(event.broadcasting_digest) %></span></td>
+            <td><%= event.duration ? format_duration(event.duration) : "—" %></td>
+            <td><span title="<%= event.recorded_at.utc.strftime("%Y-%m-%d %H:%M:%S UTC") %>"><%= time_ago_in_words(event.recorded_at) %> ago</span></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% else %>
+    <p class="so-dashboard-section__meta so-dashboard-section__meta--empty-events">No sampled cable events in the selected range yet. Broadcasts, rejections, and errors will appear here after Cable activity is recorded.</p>
+  <% end %>
+</section>

data/app/views/solid_observer/cable_dashboard/_summary.html.erb

@@ -0,0 +1,34 @@
+<% backlog_summary = cable_backlog_summary(stats) %>
+<% storage_summary = cable_storage_summary(storage_components) %>
+
+<section class="so-dashboard-section" aria-labelledby="so-cable-summary-heading">
+  <header class="so-dashboard-section__header">
+    <h2 id="so-cable-summary-heading" class="so-dashboard-section__title">Summary in selected range</h2>
+  </header>
+
+  <div class="so-stat-cards so-cable-dashboard__summary">
+    <article class="so-card so-metric">
+      <div class="so-card__label">Broadcasts</div>
+      <div class="so-metric__value"><%= number_with_delimiter(stats[:broadcasts_count].to_i) %></div>
+      <div class="so-card__subtitle">selected window</div>
+    </article>
+
+    <article class="so-card so-metric">
+      <div class="so-card__label">Rejection rate</div>
+      <div class="so-metric__value"><%= cable_ratio_percent(stats[:rejection_rate]) %></div>
+      <div class="so-card__subtitle">rejections / broadcasts</div>
+    </article>
+
+    <article class="so-card so-metric">
+      <div class="so-card__label">Message backlog</div>
+      <div class="so-metric__value"><%= backlog_summary[:value] %></div>
+      <div class="so-card__subtitle"><%= backlog_summary[:subtitle] %></div>
+    </article>
+
+    <article class="so-card so-metric">
+      <div class="so-card__label">Storage footprint</div>
+      <div class="so-metric__value"><%= storage_summary[:value] %></div>
+      <div class="so-card__subtitle"><%= storage_summary[:subtitle] %></div>
+    </article>
+  </div>
+</section>

data/app/views/solid_observer/cable_dashboard/index.html.erb

@@ -0,0 +1,118 @@
+<% content_for :title, "Cable overview" %>
+<% status_class = @cable_dashboard_available ? "so-badge--success" : "so-badge--warning" %>
+
+<div class="so-dashboard so-cable-dashboard">
+  <span class="sr-only">Cable Dashboard</span>
+
+  <div class="so-content__header">
+    <h1>Cable overview</h1>
+
+    <% if @cable_dashboard_available %>
+      <div class="so-cable-dashboard__intro">
+        <span class="so-badge so-badge--pill <%= status_class %>">
+          <svg class="so-badge__dot" viewBox="0 0 6 6" aria-hidden="true">
+            <circle r="3" cx="3" cy="3" />
+          </svg>
+          Available
+        </span>
+        <p class="so-cable-dashboard__hint">Selected range: <%= cable_range_label(@range) %> · broadcasting names and payloads are never shown.</p>
+      </div>
+    <% end %>
+  </div>
+
+  <% if @cable_dashboard_available %>
+    <form action="<%= request.path %>" method="get" class="so-dashboard-toolbar so-cable-dashboard__range-form">
+      <label for="so-cable-range" class="so-card__label so-filters__label">Range</label>
+      <select id="so-cable-range" name="range" onchange="this.form.submit()">
+        <% SolidObserver::Services::CableStats::RANGES.each_key do |key| %>
+          <option value="<%= key %>" <%= "selected" if key == @range %>><%= cable_range_label(key) %></option>
+        <% end %>
+      </select>
+      <button type="submit" class="so-btn so-btn--refresh">Refresh data</button>
+    </form>
+
+    <%= render "solid_observer/cable_dashboard/summary", stats: @stats, storage_components: @storage_components %>
+
+    <section class="so-card so-card--section" aria-labelledby="so-cable-controls-heading">
+      <header class="so-dashboard-section__header">
+        <h2 id="so-cable-controls-heading" class="so-dashboard-section__title">Operational controls</h2>
+      </header>
+
+      <% cable_controls_available = SolidObserver::Services::CableOperations.available? && @stats&.[](:backlog_available) %>
+      <% cable_backlog_count = @stats&.[](:backlog_count).to_i %>
+
+      <% if cable_controls_available %>
+        <% if cable_backlog_count > 1000 %>
+          <div class="so-cache-control-row">
+            <div class="so-cache-control-row__copy">
+              <h3 class="so-cache-control-row__title">Use the Rake task</h3>
+              <p class="so-cache-control-row__body">More than 1,000 expired/trimmable Solid Cable messages are pending. The UI will not run this trim. Run solid_observer:cable:trim from the server instead.</p>
+              <span class="so-badge so-badge--pill so-badge--warning">
+                <svg class="so-badge__dot" viewBox="0 0 6 6" aria-hidden="true">
+                  <circle r="3" cx="3" cy="3" />
+                </svg>
+                UI trim unavailable
+              </span>
+            </div>
+          </div>
+        <% else %>
+          <div class="so-cache-control-row">
+            <div class="so-cache-control-row__copy">
+              <h3 class="so-cache-control-row__title">Trim expired messages</h3>
+              <p class="so-cache-control-row__body">Removes expired/trimmable Solid Cable messages only. Active messages remain available to Cable.</p>
+              <span class="so-badge so-badge--pill so-badge--success">
+                <svg class="so-badge__dot" viewBox="0 0 6 6" aria-hidden="true">
+                  <circle r="3" cx="3" cy="3" />
+                </svg>
+                Trimmable backlog: <%= cable_backlog_count %>
+              </span>
+            </div>
+
+            <div class="so-cache-control-row__action">
+              <%= button_to "Trim expired messages",
+                    trim_cable_operations_path,
+                    method: :post,
+                    class: "so-btn",
+                    form: {class: "so-form--inline"} %>
+            </div>
+          </div>
+        <% end %>
+      <% else %>
+        <p class="so-dashboard-section__meta so-dashboard-section__meta--idle">Cable controls are unavailable because Solid Cable support is disabled or not detected. No trim was attempted.</p>
+        <span class="so-badge so-badge--pill so-badge--warning">
+          <svg class="so-badge__dot" viewBox="0 0 6 6" aria-hidden="true">
+            <circle r="3" cx="3" cy="3" />
+          </svg>
+          Unavailable
+        </span>
+      <% end %>
+    </section>
+
+    <%= render "solid_observer/cable_dashboard/charts" %>
+
+    <% if @stats&.[](:stability)&.[](:available) %>
+      <section class="so-stability" data-so-zone="cable-stability" aria-labelledby="so-cable-stability-heading">
+        <span class="so-stability__label" id="so-cable-stability-heading">Stability</span>
+        <%= cable_stability_badge(@stats[:stability][:state]) %>
+        <span class="so-stability__detail"><%= cable_stability_detail(@stats[:stability]) %></span>
+        <a href="#so-cable-events-heading" class="so-stability__link">View recent events →</a>
+      </section>
+    <% end %>
+
+    <%= render "solid_observer/cable_dashboard/recent_events", recent_events: @recent_events %>
+  <% else %>
+    <section class="so-card so-card--section" aria-labelledby="so-cable-unavailable-heading">
+      <header class="so-dashboard-section__header">
+        <h2 id="so-cable-unavailable-heading" class="so-dashboard-section__title">Cable dashboard unavailable</h2>
+        <span class="so-badge so-badge--pill <%= status_class %>">
+          <svg class="so-badge__dot" viewBox="0 0 6 6" aria-hidden="true">
+            <circle r="3" cx="3" cy="3" />
+          </svg>
+          Unavailable
+        </span>
+      </header>
+
+      <p class="so-dashboard-section__meta so-dashboard-section__meta--idle">Cable dashboard is unavailable because Solid Cable support is disabled or not detected. Metrics are unavailable.</p>
+    </section>
+  <% end %>
+</div>

data/app/views/solid_observer/cache_dashboard/_recent_events.html.erb

@@ -19,7 +19,12 @@
       <tbody>
         <% recent_events.each do |event| %>
           <tr>
-            <td><%= event.event_type.to_s.humanize %></td>
+            <td>
+              <%= event.event_type.to_s.humanize %>
+              <% if event.correlation_id.present? %>
+                <%= link_to "Trace →", trace_path(event.correlation_id), class: "so-trace__link" %>
+              <% end %>
+            </td>
             <td><span class="so-cache-dashboard__digest"><%= cache_event_digest(event.key_digest) %></span></td>
             <td><%= cache_event_outcome_badge(event) %></td>
             <td><%= event.duration ? format_duration(event.duration) : "—" %></td>

data/app/views/solid_observer/dashboard/_component_cards.html.erb

@@ -0,0 +1,18 @@
+<% if health[:components].present? %>
+<section class="so-cards-section" data-so-zone="home-cards" aria-labelledby="so-home-components-heading">
+  <h2 class="so-cards-section__title" id="so-home-components-heading">Components</h2>
+  <div class="so-stat-cards">
+    <% health[:components].each do |name, info| %>
+      <div class="so-card" aria-labelledby="so-card-<%= name %>">
+        <div class="so-card__label" id="so-card-<%= name %>"><%= name.to_s.titleize %></div>
+        <div class="so-card__value">
+          <%= health_status_badge(info[:status]) %>
+        </div>
+        <div class="so-card__subtitle">
+          <% unless info[:available] %><span class="so-badge so-badge--default">Unavailable</span> · <% end %><%= link_to "View overview →", component_overview_path(name), class: "so-stability__link" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</section>
+<% end %>

data/app/views/solid_observer/dashboard/_health.html.erb

@@ -0,0 +1,6 @@
+<% non_stable = health[:components].count { |_n, i| i[:status].to_sym != :stable } %>
+<section class="so-stability" data-so-zone="home-health" aria-labelledby="so-health-heading">
+  <span class="so-stability__label" id="so-health-heading">Overall Health</span>
+  <%= health_status_badge(health[:overall]) %>
+  <span class="so-stability__detail"><%= non_stable.zero? ? "All included components stable" : "#{non_stable} component#{'s' unless non_stable == 1} not stable" %></span>
+</section>

data/app/views/solid_observer/dashboard/_home.html.erb

@@ -0,0 +1,10 @@
+<% content_for :title, "Home" %>
+<div class="so-dashboard" data-so-zone="home">
+  <div class="so-content__header">
+    <h1>Home</h1>
+  </div>
+
+  <%= render "health", health: health %>
+  <%= render "component_cards", health: health %>
+  <%= render "unified_feed", feed: feed %>
+</div>