Bank Sync cleanup

app/components/settings/health_summary.html.erb

@@ -0,0 +1,8 @@
+<div class="grid grid-cols-2 sm:grid-cols-4 gap-2">
+  <% tiles.each do |tile| %>
+    <div class="bg-container shadow-border-xs rounded-xl p-3 text-center">
+      <div class="text-2xl font-bold tabular-nums <%= tile[:color_class] %>"><%= tile[:count] %></div>
+      <div class="text-xs text-secondary mt-0.5"><%= tile[:label] %></div>
+    </div>
+  <% end %>
+</div>

app/components/settings/health_summary.rb

@@ -0,0 +1,38 @@
+class Settings::HealthSummary < ApplicationComponent
+  def initialize(counts:)
+    @counts = counts
+  end
+
+  private
+    attr_reader :counts
+
+    def connected_count      = counts[:connected]
+    def needs_attention_count = counts[:needs_attention]
+    def errors_count         = counts[:errors]
+    def accounts_synced_count = counts[:accounts_synced]
+
+    def tiles
+      [
+        {
+          count: connected_count,
+          label: t("settings.providers.health.connected"),
+          color_class: connected_count > 0 ? "text-success" : "text-subdued"
+        },
+        {
+          count: needs_attention_count,
+          label: t("settings.providers.health.needs_attention"),
+          color_class: needs_attention_count > 0 ? "text-warning" : "text-subdued"
+        },
+        {
+          count: errors_count,
+          label: t("settings.providers.health.errors"),
+          color_class: errors_count > 0 ? "text-destructive" : "text-subdued"
+        },
+        {
+          count: accounts_synced_count,
+          label: t("settings.providers.health.accounts_synced"),
+          color_class: "text-primary"
+        }
+      ]
+    end
+end

app/components/settings/provider_card.html.erb

@@ -0,0 +1,29 @@
+<div class="bg-container shadow-border-xs rounded-xl p-4 flex flex-col gap-3 hover:shadow-border-sm transition-shadow">
+  <div class="flex items-start gap-3">
+    <div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0 <%= logo_bg %>">
+      <span class="text-xs font-bold text-inverse"><%= logo_text %></span>
+    </div>
+    <div class="flex-1 min-w-0">
+      <div class="flex items-center gap-2 flex-wrap">
+        <span class="font-medium text-primary"><%= name %></span>
+        <% if maturity_label %>
+          <span class="text-xs font-medium px-1.5 py-0.5 rounded-full bg-alpha-black-50 text-secondary"><%= maturity_label %></span>
+        <% end %>
+      </div>
+      <% if meta_line.present? %>
+        <p class="text-xs text-subdued mt-0.5"><%= meta_line %></p>
+      <% end %>
+    </div>
+  </div>
+  <% if tagline.present? %>
+    <p class="text-sm text-secondary grow"><%= tagline %></p>
+  <% end %>
+  <div class="flex justify-end">
+    <%= link_to connect_path,
+                class: "inline-flex items-center gap-1.5 text-sm font-medium text-primary hover:text-primary/70 transition-colors",
+                data: { turbo_frame: "drawer", turbo_prefetch: "false" } do %>
+      <%= t("settings.providers.connect") %>
+      <%= helpers.icon "arrow-right", class: "w-4 h-4" %>
+    <% end %>
+  </div>
+</div>

app/components/settings/provider_card.rb

@@ -0,0 +1,35 @@
+class Settings::ProviderCard < ApplicationComponent
+  MATURITY_LABELS = {
+    beta: "settings.providers.maturity.beta",
+    alpha: "settings.providers.maturity.alpha"
+  }.freeze
+
+  def initialize(provider_key:, name:, tagline: nil, region: nil, kind: nil, tier: nil,
+                 maturity: :stable, logo_bg: "bg-gray-500", logo_text: nil)
+    @provider_key = provider_key
+    @name         = name
+    @tagline      = tagline
+    @region       = region
+    @kind         = kind
+    @tier         = tier
+    @maturity     = maturity.to_sym
+    @logo_bg      = logo_bg
+    @logo_text    = logo_text || name.first(2).upcase
+  end
+
+  def maturity_label
+    label_key = MATURITY_LABELS[@maturity]
+    t(label_key) if label_key
+  end
+
+  def meta_line
+    [ @region, @kind, @tier ].compact.join(" · ")
+  end
+
+  def connect_path
+    helpers.connect_form_settings_providers_path(provider_key: @provider_key)
+  end
+
+  private
+    attr_reader :provider_key, :name, :tagline, :region, :kind, :tier, :maturity, :logo_bg, :logo_text
+end