ruby_cms 0.1.0

data/app/views/ruby_cms/admin/analytics/page_details.html.erb

@@ -0,0 +1,84 @@
+<%
+  high_volume = @page_stats[:total_views].to_i > 100
+  suspicious_ua = @page_views.any? { |e| e.visit&.user_agent.to_s.include?("bot") || e.visit&.user_agent.to_s.include?("crawler") }
+  show_security = high_volume || suspicious_ua
+%>
+<%= AdminPage(
+  title: t("ruby_cms.admin.analytics.page_details_title", default: "Page details"),
+  subtitle: "#{@start_date} → #{@end_date}",
+  content_card: false
+) do %>
+  <div class="space-y-6">
+    <div class="flex items-start justify-between gap-4">
+      <div class="min-w-0">
+        <p class="text-sm font-medium text-gray-500">Page</p>
+        <p class="mt-1 text-lg font-semibold tracking-tight text-gray-900 truncate"><%= @page_name %></p>
+      </div>
+      <div class="flex items-center gap-2 flex-shrink-0">
+        <%= render "ruby_cms/admin/analytics/partials/security_alert" if show_security %>
+        <%= render "ruby_cms/admin/analytics/partials/back_button", path: ruby_cms_admin_analytics_path(start_date: @start_date, end_date: @end_date, period: @period) %>
+      </div>
+    </div>
+
+    <div class="grid grid-cols-3 gap-4">
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <p class="text-sm font-medium text-gray-500">Total views</p>
+        <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= number_with_delimiter(@page_stats[:total_views]) %></p>
+      </div>
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <p class="text-sm font-medium text-gray-500">Unique visitors</p>
+        <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= number_with_delimiter(@page_stats[:unique_visitors]) %></p>
+      </div>
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <p class="text-sm font-medium text-gray-500">Avg/day</p>
+        <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= number_with_precision(@page_stats[:avg_views_per_day], precision: 1) %></p>
+      </div>
+    </div>
+
+    <div class="rounded-lg border border-gray-200/80 bg-white shadow-sm overflow-hidden">
+      <div class="px-6 py-4 border-b border-gray-100">
+        <p class="text-sm font-semibold text-gray-900">Page views</p>
+        <p class="text-sm text-gray-500">Recent views for this page.</p>
+      </div>
+
+      <div class="overflow-x-auto">
+        <table class="min-w-full text-sm">
+          <thead class="bg-gray-50">
+            <tr class="text-left text-xs font-semibold uppercase tracking-wider text-gray-500">
+              <th class="px-6 py-3">IP Address</th>
+              <th class="px-6 py-3">Browser</th>
+              <th class="px-6 py-3">Referrer</th>
+              <th class="px-6 py-3">Time</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-100">
+            <% if @page_views.any? %>
+              <% @page_views.each do |event| %>
+                <% visit = event.visit %>
+                <% ip = visit&.ip %>
+                <tr class="hover:bg-gray-50 transition-colors">
+                  <td class="px-6 py-3 font-medium text-gray-900 tabular-nums">
+                    <% if ip.present? && ip != "Unknown" %>
+                      <%= link_to ip,
+                                  visitor_details_ruby_cms_admin_analytics_path(ip_address: ip, start_date: @start_date, end_date: @end_date, period: @period),
+                                  class: "text-gray-900 hover:underline" %>
+                    <% else %>
+                      <span class="text-gray-500"><%= ip || "Unknown" %></span>
+                    <% end %>
+                  </td>
+                  <td class="px-6 py-3 text-gray-700"><%= visit&.browser || "Unknown" %></td>
+                  <td class="px-6 py-3 text-gray-700 truncate max-w-[26rem]"><%= visit&.referrer.presence || "Direct" %></td>
+                  <td class="px-6 py-3 text-gray-700"><%= time_ago_in_words(event.time) %> ago</td>
+                </tr>
+              <% end %>
+            <% else %>
+              <tr>
+                <td colspan="4" class="px-6 py-10 text-center text-sm text-gray-500">No page views recorded for this page</td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/ruby_cms/admin/analytics/partials/_back_button.html.erb

@@ -0,0 +1,3 @@
+<%= link_to path, class: "inline-flex items-center justify-center rounded-md border border-gray-200 bg-white px-3 py-2 text-sm font-medium text-gray-900 shadow-sm hover:bg-gray-50 transition-colors" do %>
+  ← <%= t("ruby_cms.admin.analytics.back", default: "Back") %>
+<% end %>

data/app/views/ruby_cms/admin/analytics/partials/_browser_device.html.erb

@@ -0,0 +1,40 @@
+<div class="rounded-lg border border-gray-200/80 bg-white shadow-sm">
+  <div class="px-6 py-4 border-b border-gray-100">
+    <p class="text-sm font-semibold text-gray-900"><%= t("ruby_cms.admin.analytics.browsers_devices", default: "Browsers & devices") %></p>
+    <p class="text-sm text-gray-500">Environment breakdown.</p>
+  </div>
+
+  <div class="px-6 py-4 space-y-4">
+    <% if @browser_stats.present? && @browser_stats.any? %>
+      <div>
+        <p class="text-xs font-semibold uppercase tracking-wider text-gray-500">Browsers</p>
+        <ul class="mt-2 space-y-2">
+          <% @browser_stats.sort_by { |_, v| -v }.first(4).each do |browser, count| %>
+            <li class="flex items-center justify-between gap-3">
+              <span class="text-sm text-gray-700 truncate"><%= browser %></span>
+              <span class="text-sm font-semibold tabular-nums text-gray-900"><%= number_with_delimiter(count) %></span>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+
+    <% if @device_stats.present? && @device_stats.any? %>
+      <div>
+        <p class="text-xs font-semibold uppercase tracking-wider text-gray-500">Devices</p>
+        <ul class="mt-2 space-y-2">
+          <% @device_stats.sort_by { |_, v| -v }.first(4).each do |device, count| %>
+            <li class="flex items-center justify-between gap-3">
+              <span class="text-sm text-gray-700 truncate"><%= device %></span>
+              <span class="text-sm font-semibold tabular-nums text-gray-900"><%= number_with_delimiter(count) %></span>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+
+    <% if (@browser_stats.blank? || @browser_stats.empty?) && (@device_stats.blank? || @device_stats.empty?) %>
+      <p class="text-sm text-gray-500"><%= t("ruby_cms.admin.analytics.no_data", default: "No data yet.") %></p>
+    <% end %>
+  </div>
+</div>

data/app/views/ruby_cms/admin/analytics/partials/_daily_activity_chart.html.erb

@@ -0,0 +1,58 @@
+<div class="rounded-lg border border-gray-200/80 bg-white shadow-sm">
+  <div class="flex items-start justify-between gap-4 px-6 py-4 border-b border-gray-100">
+    <div>
+      <p class="text-sm font-semibold text-gray-900"><%= t("ruby_cms.admin.analytics.daily_activity", default: "Daily activity") %></p>
+      <p class="text-sm text-gray-500"><%= t("ruby_cms.admin.analytics.page_views_visitors_over_time", default: "Page views and visitors over time") %></p>
+    </div>
+    <div class="flex items-center gap-3 text-sm text-gray-500">
+      <span class="inline-flex items-center gap-2"><span class="h-2 w-2 rounded-full bg-sky-500"></span><%= t("ruby_cms.admin.analytics.views", default: "Views") %></span>
+      <span class="inline-flex items-center gap-2"><span class="h-2 w-2 rounded-full bg-emerald-500"></span><%= t("ruby_cms.admin.analytics.visitors", default: "Visitors") %></span>
+    </div>
+  </div>
+
+  <div class="px-6 py-4">
+    <% if @daily_activity.present? && @daily_activity.any? %>
+      <%
+        daily_activity_arr = @daily_activity.is_a?(Hash) ? @daily_activity.to_a : @daily_activity
+        max_views = daily_activity_arr.map { |_k, v| v.to_i }.max || 0
+        max_visitors = (@daily_visitors || {}).values.map(&:to_i).max || 0
+        max_value = [max_views, max_visitors].max
+        max_value = 1 if max_value.zero?
+        chart_height = 200
+      %>
+
+      <div class="grid grid-cols-[3.5rem_1fr] gap-4">
+        <div class="flex flex-col justify-between h-[<%= chart_height %>px] text-xs text-gray-500">
+          <% [100, 75, 50, 25, 0].each do |pct| %>
+            <div class="tabular-nums"><%= number_with_delimiter((max_value * pct / 100.0).round) %></div>
+          <% end %>
+        </div>
+
+        <div class="relative">
+          <div class="absolute inset-0 flex flex-col justify-between pointer-events-none">
+            <% 5.times do %>
+              <div class="h-px bg-gray-100"></div>
+            <% end %>
+          </div>
+
+          <div class="h-[<%= chart_height %>px] flex items-end gap-2">
+            <% daily_activity_arr.each do |date, views_count| %>
+              <% visitors_count = (@daily_visitors || {})[date] || 0 %>
+              <% views_h = [((views_count.to_f / max_value) * chart_height).round, 2].max %>
+              <% visitors_h = [((visitors_count.to_f / max_value) * chart_height).round, 2].max %>
+              <div class="flex flex-col items-center gap-2 flex-1 min-w-0">
+                <div class="w-full flex items-end justify-center gap-1" title="<%= format_chart_date(date) %> — Views: <%= number_with_delimiter(views_count) %>, Visitors: <%= number_with_delimiter(visitors_count) %>">
+                  <div class="w-2 rounded-sm bg-sky-500/90" style="height:<%= views_h %>px"></div>
+                  <div class="w-2 rounded-sm bg-emerald-500/90" style="height:<%= visitors_h %>px"></div>
+                </div>
+                <div class="text-[11px] text-gray-500 truncate w-full text-center"><%= format_chart_date_short(date) %></div>
+              </div>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% else %>
+      <p class="text-sm text-gray-500"><%= t("ruby_cms.admin.analytics.no_daily_data", default: "No daily activity data") %></p>
+    <% end %>
+  </div>
+</div>

data/app/views/ruby_cms/admin/analytics/partials/_hourly_activity_chart.html.erb

@@ -0,0 +1,51 @@
+<div class="rounded-lg border border-gray-200/80 bg-white shadow-sm">
+  <div class="px-6 py-4 border-b border-gray-100">
+    <p class="text-sm font-semibold text-gray-900"><%= t("ruby_cms.admin.analytics.hourly_activity", default: "Hourly activity") %></p>
+    <p class="text-sm text-gray-500"><%= t("ruby_cms.admin.analytics.views_by_hour", default: "Views by hour") %></p>
+  </div>
+
+  <div class="px-6 py-4">
+    <% if @hourly_activity.present? && @hourly_activity.any? %>
+      <%
+        hourly_arr = @hourly_activity.is_a?(Hash) ? @hourly_activity.to_a : @hourly_activity
+        grouped = hourly_arr.each_slice(3).map do |group|
+          hours = group.map(&:first)
+          total = group.sum { |_, c| c.to_i }
+          [hours, total]
+        end
+        max_value = grouped.map { |_, c| c }.max || 1
+        chart_height = 200
+      %>
+
+      <div class="grid grid-cols-[3.5rem_1fr] gap-4">
+        <div class="flex flex-col justify-between h-[<%= chart_height %>px] text-xs text-gray-500">
+          <% [100, 75, 50, 25, 0].each do |pct| %>
+            <div class="tabular-nums"><%= number_with_delimiter((max_value * pct / 100.0).round) %></div>
+          <% end %>
+        </div>
+
+        <div class="relative">
+          <div class="absolute inset-0 flex flex-col justify-between pointer-events-none">
+            <% 5.times do %>
+              <div class="h-px bg-gray-100"></div>
+            <% end %>
+          </div>
+
+          <div class="h-[<%= chart_height %>px] flex items-end gap-2">
+            <% grouped.each do |hours, count| %>
+              <% h = [((count.to_f / max_value) * chart_height).round, 2].max %>
+              <div class="flex flex-col items-center gap-2 flex-1 min-w-0">
+                <div class="w-full flex items-end justify-center" title="<%= hours.size > 1 ? "#{hours.first}:00-#{hours.last}:00" : "#{hours.first}:00" %> — <%= number_with_delimiter(count) %> views">
+                  <div class="w-3 rounded-sm bg-emerald-500/90" style="height:<%= h %>px"></div>
+                </div>
+                <div class="text-[11px] text-gray-500 truncate w-full text-center"><%= hours.size > 1 ? "#{hours.first}-#{hours.last}h" : "#{hours.first}h" %></div>
+              </div>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% else %>
+      <p class="text-sm text-gray-500"><%= t("ruby_cms.admin.analytics.no_hourly_data", default: "No hourly activity data") %></p>
+    <% end %>
+  </div>
+</div>

data/app/views/ruby_cms/admin/analytics/partials/_recent_activity.html.erb

@@ -0,0 +1,31 @@
+<div class="rounded-lg border border-gray-200/80 bg-white shadow-sm">
+  <div class="px-6 py-4 border-b border-gray-100">
+    <p class="text-sm font-semibold text-gray-900"><%= t("ruby_cms.admin.analytics.recent_activity", default: "Recent activity") %></p>
+    <p class="text-sm text-gray-500">Latest page views.</p>
+  </div>
+
+  <% if @recent_page_views.present? && @recent_page_views.any? %>
+    <div class="divide-y divide-gray-100">
+      <% @recent_page_views.first(6).each do |event| %>
+        <% page_name = event.respond_to?(:page_name) ? event.page_name : nil %>
+        <% if page_name.present? %>
+          <%= link_to page_details_ruby_cms_admin_analytics_path(page_name: page_name, start_date: @start_date, end_date: @end_date, period: @period),
+                      class: "block px-6 py-4 hover:bg-gray-50 transition-colors" do %>
+            <p class="text-sm font-medium text-gray-900 truncate"><%= page_name.to_s.humanize %></p>
+            <p class="mt-1 text-sm text-gray-500"><%= time_ago_in_words(event.time) %> ago</p>
+          <% end %>
+        <% else %>
+          <div class="px-6 py-4">
+            <p class="text-sm font-medium text-gray-900"><%= t("ruby_cms.admin.analytics.page", default: "Page") %></p>
+            <p class="mt-1 text-sm text-gray-500"><%= time_ago_in_words(event.time) %> ago</p>
+          </div>
+        <% end %>
+      <% end %>
+    </div>
+  <% else %>
+    <div class="px-6 py-12 text-center">
+      <p class="text-sm font-medium text-gray-900"><%= t("ruby_cms.admin.analytics.no_activity", default: "No activity recorded") %></p>
+      <p class="mt-1 text-sm text-gray-500">No page views in selected range.</p>
+    </div>
+  <% end %>
+</div>

data/app/views/ruby_cms/admin/analytics/partials/_security_alert.html.erb

@@ -0,0 +1,4 @@
+<div class="inline-flex items-center gap-2 rounded-md border border-amber-200 bg-amber-50 px-3 py-1.5 text-sm font-medium text-amber-900">
+  <span aria-hidden="true">⚠</span>
+  <span><%= t("ruby_cms.admin.analytics.security_alert", default: "Security alert") %></span>
+</div>

data/app/views/ruby_cms/admin/analytics/partials/_top_referrers.html.erb

@@ -0,0 +1,21 @@
+<div class="rounded-lg border border-gray-200/80 bg-white shadow-sm">
+  <div class="px-6 py-4 border-b border-gray-100">
+    <p class="text-sm font-semibold text-gray-900"><%= t("ruby_cms.admin.analytics.top_referrers", default: "Top referrers") %></p>
+    <p class="text-sm text-gray-500">Where visitors came from.</p>
+  </div>
+
+  <div class="px-6 py-4">
+    <% if @top_referrers.present? && @top_referrers.any? %>
+      <ul class="space-y-2">
+        <% @top_referrers.first(8).each do |referrer, count| %>
+          <li class="flex items-center justify-between gap-3">
+            <span class="text-sm text-gray-700 truncate" title="<%= referrer %>"><%= referrer %></span>
+            <span class="text-sm font-semibold tabular-nums text-gray-900"><%= number_with_delimiter(count) %></span>
+          </li>
+        <% end %>
+      </ul>
+    <% else %>
+      <p class="text-sm text-gray-500"><%= t("ruby_cms.admin.analytics.no_referrers", default: "No referrers recorded") %></p>
+    <% end %>
+  </div>
+</div>

data/app/views/ruby_cms/admin/analytics/visitor_details.html.erb

@@ -0,0 +1,125 @@
+<%
+  high_volume = @visitor_stats[:total_views].to_i > 100
+  first_visit = @visitor_stats[:first_visit]
+  last_visit = @visitor_stats[:last_visit]
+  rapid = @visitor_views.count > 50 && first_visit && last_visit && (last_visit - first_visit).to_i < 1
+  suspicious_ua = @visitor_views.any? { |e| e.visit&.user_agent.to_s.include?("bot") || e.visit&.user_agent.to_s.include?("crawler") }
+  show_security = high_volume || rapid || suspicious_ua
+%>
+<%= AdminPage(
+  title: t("ruby_cms.admin.analytics.visitor_details_title", default: "Visitor details"),
+  subtitle: "#{@start_date} → #{@end_date}",
+  content_card: false
+) do %>
+  <div class="space-y-6">
+    <div class="flex items-start justify-between gap-4">
+      <div class="min-w-0">
+        <p class="text-sm font-medium text-gray-500">IP Address</p>
+        <p class="mt-1 text-lg font-semibold tracking-tight text-gray-900 tabular-nums truncate"><%= @ip_address %></p>
+      </div>
+      <div class="flex items-center gap-2 flex-shrink-0">
+        <%= render "ruby_cms/admin/analytics/partials/security_alert" if show_security %>
+        <%= render "ruby_cms/admin/analytics/partials/back_button", path: ruby_cms_admin_analytics_path(start_date: @start_date, end_date: @end_date, period: @period) %>
+      </div>
+    </div>
+
+    <div class="grid grid-cols-4 gap-4">
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <p class="text-sm font-medium text-gray-500">Total views</p>
+        <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= number_with_delimiter(@visitor_stats[:total_views]) %></p>
+      </div>
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <p class="text-sm font-medium text-gray-500">Pages visited</p>
+        <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= number_with_delimiter(@visitor_stats[:unique_pages]) %></p>
+      </div>
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <p class="text-sm font-medium text-gray-500">First visit</p>
+        <p class="mt-2 text-base font-semibold text-gray-900"><%= @visitor_stats[:first_visit].present? ? l(@visitor_stats[:first_visit], format: :short) : "—" %></p>
+      </div>
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <p class="text-sm font-medium text-gray-500">Last visit</p>
+        <p class="mt-2 text-base font-semibold text-gray-900"><%= @visitor_stats[:last_visit].present? ? l(@visitor_stats[:last_visit], format: :short) : "—" %></p>
+      </div>
+    </div>
+
+    <% first_visit_record = Ahoy::Visit.where(ip: @ip_address, started_at: @start_date.beginning_of_day..@end_date.end_of_day).order(started_at: :asc).first %>
+    <% has_meta = first_visit_record && (first_visit_record.os.present? || first_visit_record.device_type.present? || first_visit_record.browser.present? || (first_visit_record.respond_to?(:landing_page) && first_visit_record.landing_page.present?)) %>
+    <% if has_meta %>
+      <div class="rounded-lg border border-gray-200/80 bg-white p-6 shadow-sm">
+        <p class="text-sm font-semibold text-gray-900">Environment</p>
+        <div class="mt-4 grid grid-cols-4 gap-4">
+          <% if first_visit_record.os.present? %>
+            <div>
+              <p class="text-xs font-medium text-gray-500">OS</p>
+              <p class="mt-1 text-sm font-medium text-gray-900"><%= first_visit_record.os %></p>
+            </div>
+          <% end %>
+          <% if first_visit_record.device_type.present? %>
+            <div>
+              <p class="text-xs font-medium text-gray-500">Device</p>
+              <p class="mt-1 text-sm font-medium text-gray-900"><%= first_visit_record.device_type %></p>
+            </div>
+          <% end %>
+          <% if first_visit_record.browser.present? %>
+            <div>
+              <p class="text-xs font-medium text-gray-500">Browser</p>
+              <p class="mt-1 text-sm font-medium text-gray-900"><%= first_visit_record.browser %></p>
+            </div>
+          <% end %>
+          <% if first_visit_record.respond_to?(:landing_page) && first_visit_record.landing_page.present? %>
+            <div class="col-span-4">
+              <p class="text-xs font-medium text-gray-500">Landing</p>
+              <p class="mt-1 text-sm font-medium text-gray-900 truncate" title="<%= first_visit_record.landing_page %>"><%= truncate(first_visit_record.landing_page, length: 120) %></p>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+
+    <div class="rounded-lg border border-gray-200/80 bg-white shadow-sm overflow-hidden">
+      <div class="px-6 py-4 border-b border-gray-100">
+        <p class="text-sm font-semibold text-gray-900">Activity</p>
+        <p class="text-sm text-gray-500">Pages visited by this IP.</p>
+      </div>
+
+      <div class="overflow-x-auto">
+        <table class="min-w-full text-sm">
+          <thead class="bg-gray-50">
+            <tr class="text-left text-xs font-semibold uppercase tracking-wider text-gray-500">
+              <th class="px-6 py-3">Page</th>
+              <th class="px-6 py-3">Browser</th>
+              <th class="px-6 py-3">Referrer</th>
+              <th class="px-6 py-3">Time</th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-100">
+            <% if @visitor_views.any? %>
+              <% @visitor_views.each do |event| %>
+                <% visit = event.visit %>
+                <tr class="hover:bg-gray-50 transition-colors">
+                  <td class="px-6 py-3 font-medium text-gray-900">
+                    <% page_name = event.respond_to?(:page_name) ? event.page_name : nil %>
+                    <% if page_name.present? %>
+                      <%= link_to page_name,
+                                  page_details_ruby_cms_admin_analytics_path(page_name:, start_date: @start_date, end_date: @end_date, period: @period),
+                                  class: "text-gray-900 hover:underline" %>
+                    <% else %>
+                      <span class="text-gray-500">Unknown</span>
+                    <% end %>
+                  </td>
+                  <td class="px-6 py-3 text-gray-700"><%= visit&.browser || "Unknown" %></td>
+                  <td class="px-6 py-3 text-gray-700 truncate max-w-[26rem]"><%= visit&.referrer.presence || "Direct" %></td>
+                  <td class="px-6 py-3 text-gray-700"><%= time_ago_in_words(event.time) %> ago</td>
+                </tr>
+              <% end %>
+            <% else %>
+              <tr>
+                <td colspan="4" class="px-6 py-10 text-center text-sm text-gray-500">No activity recorded for this visitor</td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/ruby_cms/admin/content_blocks/_form.html.erb

@@ -0,0 +1,161 @@
+<%= form_with model: @content_block,
+              url: @content_block.persisted? ? ruby_cms_admin_content_block_path(@content_block) : ruby_cms_admin_content_blocks_path,
+              method: (@content_block.persisted? ? :patch : :post),
+              id: "content-block-form",
+              data: { turbo: false } do |f| %>
+
+  <div class="flex items-start justify-between gap-8 px-6 py-4 border-b border-gray-100">
+    <div class="grid grid-cols-2 gap-4 flex-1">
+      <div class="flex flex-col gap-1">
+        <%= f.label :key, class: "text-sm font-medium text-gray-700" %>
+        <% if @content_block.persisted? %>
+          <%= f.hidden_field :key, name: nil, value: @content_block.key %>
+          <span class="text-sm font-mono text-gray-900 py-2"><%= @content_block.key %></span>
+        <% else %>
+          <%= f.text_field :key, name: "content_block[key]", class: "h-9 rounded-md border border-gray-200 bg-white px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200" %>
+        <% end %>
+      </div>
+
+      <% if @content_block.persisted? %>
+        <div class="flex flex-col gap-1">
+          <label class="text-sm font-medium text-gray-700"><%= t("ruby_cms.admin.content_blocks.content_type") %></label>
+          <%= select_tag "content_block[content_type]",
+                         options_for_select(::ContentBlock::CONTENT_TYPES, @content_block.content_type),
+                         class: "h-9 rounded-md border border-gray-200 bg-white px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200" %>
+        </div>
+      <% end %>
+    </div>
+
+    <div class="flex items-center gap-2 flex-shrink-0">
+      <%= link_to "Cancel",
+                  @content_block.persisted? ? ruby_cms_admin_content_block_path(@content_block) : ruby_cms_admin_content_blocks_path,
+                  class: "inline-flex h-9 items-center justify-center rounded-md border border-gray-200 bg-white px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 transition-colors no-underline" %>
+      <%= f.submit "Save", class: "inline-flex h-9 items-center justify-center rounded-md bg-gray-900 px-4 text-sm font-medium text-white shadow-sm hover:bg-gray-800 transition-colors cursor-pointer" %>
+    </div>
+  </div>
+
+  <% if @content_block.errors.any? %>
+    <div class="mx-6 mt-4 rounded-md border border-rose-200 bg-rose-50 p-4">
+      <ul class="list-disc pl-4 space-y-1">
+        <% @content_block.errors.full_messages.each do |msg| %>
+          <li class="text-sm text-rose-700"><%= msg %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <% if @content_block.persisted? && @blocks_by_locale.present? %>
+    <%# Multi-locale layout %>
+
+    <div class="flex items-center gap-2 px-6 py-4 border-b border-gray-100">
+      <%= hidden_field_tag "content_block[published]", "0" %>
+      <%= check_box_tag "content_block[published]", "1",
+                        @blocks_by_locale.values.any?(&:published?),
+                        class: "h-4 w-4 rounded border-gray-300 text-teal-600 focus:ring-teal-200" %>
+      <label class="text-sm font-medium text-gray-700"><%= t("ruby_cms.admin.content_blocks.published") %> (all translations)</label>
+    </div>
+
+    <div class="rounded-md border border-gray-200 overflow-hidden mx-6 my-4" data-controller="ruby-cms--locale-tabs">
+      <div class="flex gap-1 p-2 bg-gray-50 border-b border-gray-200" role="tablist">
+        <% @blocks_by_locale.each_with_index do |(locale_s, _), idx| %>
+          <button type="button"
+                  role="tab"
+                  aria-selected="<%= idx == 0 %>"
+                  aria-controls="locale-panel-<%= locale_s %>"
+                  id="locale-tab-<%= locale_s %>"
+                  data-ruby-cms--locale-tabs-target="tab"
+                  data-panel-id="locale-panel-<%= locale_s %>"
+                  data-action="click->ruby-cms--locale-tabs#switchTab"
+                  class="px-3 py-1.5 rounded text-xs font-medium border-none cursor-pointer transition-colors <%= idx == 0 ? 'bg-white text-blue-600 shadow-sm ring-1 ring-gray-200' : 'bg-transparent text-gray-500 hover:bg-gray-100 hover:text-gray-900' %>">
+            <%= ruby_cms_locale_display_name(locale_s) %>
+          </button>
+        <% end %>
+      </div>
+
+      <% @blocks_by_locale.each_with_index do |(locale_s, block), idx| %>
+        <div id="locale-panel-<%= locale_s %>"
+             role="tabpanel"
+             aria-labelledby="locale-tab-<%= locale_s %>"
+             class="p-5 <%= idx > 0 ? 'hidden' : '' %>"
+             data-locale-panel>
+
+          <%= hidden_field_tag "content_block[locales][#{locale_s}][locale]", locale_s %>
+
+          <div class="grid grid-cols-2 gap-4">
+            <div class="flex flex-col gap-1">
+              <label class="text-sm font-medium text-gray-700"><%= t("ruby_cms.admin.content_blocks.title") %></label>
+              <%= text_field_tag "content_block[locales][#{locale_s}][title]",
+                                 block.title,
+                                 class: "h-9 rounded-md border border-gray-200 bg-white px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200" %>
+            </div>
+
+            <div class="flex flex-col gap-1">
+              <label class="text-sm font-medium text-gray-700"><%= t("ruby_cms.admin.content_blocks.content") %></label>
+              <%= text_area_tag "content_block[locales][#{locale_s}][content]",
+                                block.content,
+                                rows: 5,
+                                class: "rounded-md border border-gray-200 bg-white px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200 resize-y" %>
+            </div>
+
+            <% if ::ContentBlock.respond_to?(:action_text_available?) && ::ContentBlock.action_text_available? && block.persisted? && block.respond_to?(:rich_content) %>
+              <div class="col-span-2 flex flex-col gap-1">
+                <label class="text-sm font-medium text-gray-700"><%= t("ruby_cms.admin.content_blocks.rich_content") %></label>
+                <%= rich_text_area_tag "content_block[locales][#{locale_s}][rich_content]",
+                                       block.rich_content.present? ? block.rich_content.to_s : "",
+                                       class: "rounded-md border border-gray-200 bg-white text-sm shadow-sm focus:outline-none" %>
+              </div>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+
+  <% else %>
+    <%# Single-locale (new block) %>
+
+    <div class="grid grid-cols-2 gap-4 p-6">
+      <div class="flex flex-col gap-1">
+        <%= f.label :locale, class: "text-sm font-medium text-gray-700" %>
+        <%= f.select :locale,
+                     I18n.available_locales.map { |l| [ruby_cms_locale_display_name(l), l.to_s] },
+                     { include_blank: t("ruby_cms.admin.content_blocks.select_locale") },
+                     class: "h-9 rounded-md border border-gray-200 bg-white px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200",
+                     name: "content_block[locale]" %>
+      </div>
+
+      <div class="flex flex-col gap-1">
+        <%= f.label :title, class: "text-sm font-medium text-gray-700" %>
+        <%= f.text_field :title, class: "h-9 rounded-md border border-gray-200 bg-white px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200" %>
+      </div>
+
+      <div class="flex flex-col gap-1">
+        <%= f.label :content_type, class: "text-sm font-medium text-gray-700" %>
+        <%= f.select :content_type, ::ContentBlock::CONTENT_TYPES, {}, class: "h-9 rounded-md border border-gray-200 bg-white px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200" %>
+      </div>
+
+      <div class="col-span-2 flex flex-col gap-1">
+        <%= f.label :content, class: "text-sm font-medium text-gray-700" %>
+        <%= f.text_area :content, rows: 5, class: "rounded-md border border-gray-200 bg-white px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200 resize-y" %>
+      </div>
+
+      <% if ::ContentBlock.respond_to?(:action_text_available?) && ::ContentBlock.action_text_available? %>
+        <div class="col-span-2 flex flex-col gap-1">
+          <%= f.label :rich_content, class: "text-sm font-medium text-gray-700" %>
+          <%= f.rich_text_area :rich_content, class: "rounded-md border border-gray-200 bg-white text-sm shadow-sm focus:outline-none" %>
+        </div>
+      <% else %>
+        <div class="col-span-2 rounded-md border border-gray-200 bg-gray-50 p-4">
+          <p class="text-sm text-gray-500">
+            Rich text requires Action Text. Run:
+            <code class="font-mono text-xs bg-gray-100 px-1 rounded">bin/rails action_text:install</code> and <code class="font-mono text-xs bg-gray-100 px-1 rounded">bin/rails db:migrate</code>
+          </p>
+        </div>
+      <% end %>
+
+      <div class="col-span-2 flex items-center gap-2">
+        <%= f.check_box :published, class: "h-4 w-4 rounded border-gray-300 text-teal-600 focus:ring-teal-200" %>
+        <%= f.label :published, class: "text-sm font-medium text-gray-700" %>
+      </div>
+    </div>
+  <% end %>
+<% end %>

data/app/views/ruby_cms/admin/content_blocks/_row.html.erb

@@ -0,0 +1,25 @@
+<% content_block = local_assigns.fetch(:content_block) %>
+<% block = content_block.respond_to?(:content_block) ? content_block.content_block : content_block %>
+<%= tag.td class: "px-6 py-3" do %>
+  <%= link_to block.key, ruby_cms_admin_content_block_path(block), class: "text-sm font-medium text-blue-600 hover:text-blue-800 hover:underline transition-colors", data: { turbo_frame: "_top" } %>
+<% end %>
+<%= tag.td (content_block.respond_to?(:locale) ? content_block.locale : block.locale), class: "px-6 py-3 text-sm text-gray-500" %>
+<%= tag.td (content_block.respond_to?(:title) ? content_block.title : block.title), class: "px-6 py-3 text-sm text-gray-700" %>
+<%= tag.td (content_block.respond_to?(:content_type) ? content_block.content_type : block.content_type), class: "px-6 py-3 text-sm text-gray-500" %>
+<%= tag.td class: "px-6 py-3" do %>
+  <% published = content_block.respond_to?(:published?) ? content_block.published? : block.published? %>
+  <% if published %>
+    <span class="inline-flex items-center rounded-md bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-700 ring-1 ring-inset ring-emerald-200">Yes</span>
+  <% else %>
+    <span class="inline-flex items-center rounded-md bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-200">No</span>
+  <% end %>
+<% end %>
+<%= tag.td class: "px-6 py-3 text-right" do %>
+  <%= render RubyCms::Admin::BulkActionTable::BulkActionTableActions.new(
+    edit_path: edit_ruby_cms_admin_content_block_path(block),
+    delete_path: ruby_cms_admin_content_block_path(block),
+    item_id: block.id,
+    controller_name: "ruby-cms--bulk-action-table",
+    turbo_frame: "_top"
+  ) %>
+<% end %>

data/app/views/ruby_cms/admin/content_blocks/edit.html.erb

@@ -0,0 +1,17 @@
+<div class="flex flex-wrap items-center justify-between gap-4 mb-4">
+  <h1 class="text-lg font-semibold tracking-tight text-gray-900">Edit content block</h1>
+  <div class="flex items-center gap-2">
+    <%= link_to "Cancel",
+                ruby_cms_admin_content_block_path(@content_block),
+                class: "inline-flex h-9 items-center justify-center rounded-md border border-gray-200 bg-white px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 transition-colors no-underline" %>
+    <button type="submit"
+            form="content-block-form"
+            class="inline-flex h-9 items-center justify-center rounded-md bg-gray-900 px-4 text-sm font-medium text-white shadow-sm hover:bg-gray-800 transition-colors">
+      Save
+    </button>
+  </div>
+</div>
+
+<div class="rounded-lg border border-gray-200/80 bg-white shadow-sm overflow-hidden">
+  <%= render "form" %>
+</div>