ruby_cms 0.2.1.1 → 1.0.0

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_hourly_activity_chart.html.erb

@@ -6,7 +6,7 @@
   grouped = hourly_arr.each_slice(3).map do |group|
     hours = group.map(&:first)
     total = group.sum { |_, c| c.to_i }
-    [hours, total]
+    [ hours, total ]
   end
 
   max_value  = grouped.map { |_, c| c.to_i }.max.to_f
@@ -17,14 +17,14 @@
   peak       = grouped.max_by { |_, c| c }
   peak_label = peak ? "#{peak[0].first}:00–#{peak[0].last}:59" : nil
   peak_count = peak ? peak[1] : 0
-  n_slots    = [grouped.size.to_f, 1.0].max
+  n_slots    = [ grouped.size.to_f, 1.0 ].max
   total_slot_views = grouped.sum { |_, c| c.to_i }
   line_pts_hourly = grouped.each_with_index.map { |(hours, count), i|
     vx = ((i + 0.5) / n_slots) * 100.0
     vy = 100.0 - (max_value.positive? ? (count.to_f / max_value * 100.0) : 0.0)
     "#{vx.round(4)},#{vy.round(4)}"
   }.join(" ")
-  plot_scroll_min_w = [grouped.size * 32 + 56, 280].max
+  plot_scroll_min_w = [ grouped.size * 32 + 56, 280 ].max
 %>
 
 <div class="min-w-0 rounded-xl border border-border/60 bg-white shadow-sm">
@@ -34,7 +34,7 @@
     <div class="flex items-center gap-3">
       <div class="rounded-md bg-sky-50 p-1.5 flex-shrink-0">
         <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
         </svg>
       </div>
       <div>
@@ -47,7 +47,7 @@
       <% if has_data && peak_label %>
         <div class="hidden sm:flex items-center gap-1.5 rounded-full bg-sky-50 border border-sky-100 px-2.5 py-1">
           <svg class="w-3 h-3 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 10l7-7m0 0l7 7m-7-7v18"/>
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 10l7-7m0 0l7 7m-7-7v18" />
           </svg>
           <span class="text-xs font-medium text-sky-800">Peak <%= peak_label %></span>
           <span class="text-xs font-semibold tabular-nums text-blue-900"><%= number_with_delimiter(peak_count) %></span>
@@ -57,7 +57,7 @@
         <div class="rcms-chart-mode-toggle inline-flex rounded-lg border border-border/60 bg-muted/30 p-0.5 text-[11px] font-medium"
              role="group"
              data-rcms-chart="<%= chart_id %>"
-             aria-label="<%= t('ruby_cms.admin.analytics.chart_display', default: 'Chart display') %>">
+             aria-label="<%= t("ruby_cms.admin.analytics.chart_display", default: "Chart display") %>">
           <button type="button"
                   class="rcms-mode-btn px-2 py-1 rounded-md transition-colors text-muted-foreground hover:text-foreground"
                   data-mode="bars"
@@ -92,7 +92,7 @@
 
           <%# Y-axis %>
           <div class="flex flex-col justify-between text-right text-xs text-muted-foreground tabular-nums" style="height:<%= chart_h %>px; padding-bottom:20px;">
-            <% [100, 75, 50, 25, 0].each do |pct| %>
+            <% [ 100, 75, 50, 25, 0 ].each do |pct| %>
               <div class="leading-none"><%= number_with_delimiter((max_value * pct / 100.0).round) %></div>
             <% end %>
           </div>
@@ -110,7 +110,7 @@
                  style="height:<%= bar_area_h %>px; top:0;"
                  aria-hidden="true">
               <svg class="w-full h-full overflow-visible" viewBox="0 0 100 100" preserveAspectRatio="none">
-                <polyline class="rcms-line-hourly" fill="none" stroke="rgb(37 99 235)" stroke-width="1.25" vector-effect="non-scaling-stroke" stroke-linejoin="round" stroke-linecap="round" points="<%= line_pts_hourly %>"/>
+                <polyline class="rcms-line-hourly" fill="none" stroke="rgb(37 99 235)" stroke-width="1.25" vector-effect="non-scaling-stroke" stroke-linejoin="round" stroke-linecap="round" points="<%= line_pts_hourly %>" />
               </svg>
             </div>
 
@@ -120,7 +120,7 @@
                 <%
                   ratio = count.to_f / max_value
                   ratio = 0.0 unless ratio.finite?
-                  h     = count.to_i.positive? ? [[(ratio * bar_area_h).round, 2].max, bar_area_h].min : 0
+                  h     = count.to_i.positive? ? [ [ (ratio * bar_area_h).round, 2 ].max, bar_area_h ].min : 0
                   range = hours.size > 1 ? "#{hours.first}:00 – #{hours.last}:59" : "#{hours.first}:00"
                   short = hours.size > 1 ? "#{hours.first}–#{hours.last}h" : "#{hours.first}h"
                   is_peak = peak && hours == peak[0]
@@ -129,13 +129,13 @@
                 <div class="rcms-bar-group flex flex-col items-center flex-1 min-w-0 cursor-default"
                      data-label="<%= range %>"
                      data-views="<%= number_with_delimiter(count) %>"
-                     data-pct-of-day="<%= sprintf('%.1f', pct_of_day) %>"
-                     data-is-peak="<%= is_peak ? '1' : '0' %>"
+                     data-pct-of-day="<%= sprintf("%.1f", pct_of_day) %>"
+                     data-is-peak="<%= is_peak ? "1" : "0" %>"
                      data-max-scale="<%= number_with_delimiter(max_value.round) %>"
                      data-total-views="<%= number_with_delimiter(total_slot_views) %>">
                   <div class="w-full flex items-end justify-center rcms-bar-stack" style="height:<%= bar_area_h %>px;">
                     <div class="rcms-bar w-full rounded-t-sm"
-                         style="height:<%= h %>px; max-width:14px; background:rgb(37 99 235 / <%= is_peak ? '1' : '0.82' %>); transition:opacity .12s,filter .12s;"></div>
+                         style="height:<%= h %>px; max-width:14px; background:rgb(37 99 235 / <%= is_peak ? "1" : "0.82" %>); transition:opacity .12s,filter .12s;"></div>
                   </div>
                   <div class="text-muted-foreground truncate w-full text-center leading-none"
                        style="font-size:10px; height:20px; padding-top:5px;"><%= short %></div>
@@ -149,27 +149,28 @@
         </div>
       </div>
 
-      <script>
+      <script nonce="<%= request.content_security_policy_nonce %>">
       (function() {
         var BLUE = "rgb(37 99 235)";
         var MODE_KEY = "ruby_cms.analytics.hourlyChartMode";
+        var CHART_ID = <%= chart_id.to_json.html_safe %>;
 
         function escapeHtml(s) {
           return String(s).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/"/g, "&quot;");
         }
 
         function init() {
-          var chart = document.getElementById("<%= chart_id %>");
+          var chart = document.getElementById(CHART_ID);
           if (!chart || chart.__rcmsInit) return;
           chart.__rcmsInit = true;
 
-          var tip       = document.getElementById("<%= chart_id %>-tip");
+          var tip       = document.getElementById(CHART_ID + "-tip");
           var groups    = chart.querySelectorAll(".rcms-bar-group");
           var allBars   = chart.querySelectorAll(".rcms-bar");
           var lineLayer = chart.querySelector(".rcms-line-layer");
           var barsLayer = chart.querySelector(".rcms-bars-layer");
           var linePolys = lineLayer ? lineLayer.querySelectorAll("polyline") : [];
-          var toggles   = document.querySelectorAll('.rcms-chart-mode-toggle[data-rcms-chart="<%= chart_id %>"] .rcms-mode-btn');
+          var toggles   = document.querySelectorAll('.rcms-chart-mode-toggle[data-rcms-chart="' + CHART_ID + '"] .rcms-mode-btn');
 
           function setMode(mode) {
             var isLine = mode === "line";
@@ -306,7 +307,7 @@
     <% else %>
       <div class="flex flex-col items-center justify-center h-44 gap-2">
         <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
         </svg>
         <p class="text-sm text-muted-foreground"><%= t("ruby_cms.admin.analytics.no_hourly_data", default: "No hourly activity data") %></p>
       </div>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_landing_pages.html.erb

@@ -1,7 +1,7 @@
 <div class="rounded-xl border border-border/60 bg-white shadow-sm overflow-hidden">
   <div class="flex items-center gap-3 px-4 py-3 border-b border-border/40">
     <div class="rounded-md bg-teal-50 p-1.5 flex-shrink-0">
-      <svg class="w-4 h-4 text-teal-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
+      <svg class="w-4 h-4 text-teal-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
     </div>
     <div>
       <p class="text-sm font-semibold text-foreground"><%= t("ruby_cms.admin.analytics.landing_pages", default: "Landing Pages") %></p>
@@ -16,7 +16,7 @@
         <% pct = total.positive? ? (count / total * 100).round(1) : 0 %>
         <div class="relative flex items-center justify-between gap-3 px-4 py-2.5">
           <div class="absolute inset-y-0 left-0 bg-teal-500/5" style="width: <%= pct %>%"></div>
-          <span class="relative z-10 text-sm text-foreground truncate" title="<%= page %>"><%= truncate(page.to_s.gsub(%r{https?://[^/]+}, ''), length: 38) %></span>
+          <span class="relative z-10 text-sm text-foreground truncate" title="<%= page %>"><%= truncate(page.to_s.gsub(%r{https?://[^/]+}, ""), length: 38) %></span>
           <div class="relative z-10 flex items-center gap-2 flex-shrink-0">
             <span class="text-xs text-muted-foreground tabular-nums"><%= pct %>%</span>
             <span class="text-sm font-semibold tabular-nums text-foreground"><%= number_with_delimiter(count) %></span>
@@ -26,7 +26,7 @@
     </div>
   <% else %>
     <div class="flex flex-col items-center justify-center px-4 py-10 gap-2">
-      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
+      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" /></svg>
       <p class="text-sm text-muted-foreground">No landing page data</p>
     </div>
   <% end %>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_os_stats.html.erb

@@ -1,7 +1,7 @@
 <div class="rounded-xl border border-border/60 bg-white shadow-sm overflow-hidden">
   <div class="flex items-center gap-3 px-4 py-3 border-b border-border/40">
     <div class="rounded-md bg-indigo-50 p-1.5 flex-shrink-0">
-      <svg class="w-4 h-4 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"/></svg>
+      <svg class="w-4 h-4 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18" /></svg>
     </div>
     <div>
       <p class="text-sm font-semibold text-foreground"><%= t("ruby_cms.admin.analytics.operating_systems", default: "Operating Systems") %></p>
@@ -30,7 +30,7 @@
     </div>
   <% else %>
     <div class="flex flex-col items-center justify-center px-4 py-10 gap-2">
-      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"/></svg>
+      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18" /></svg>
       <p class="text-sm text-muted-foreground"><%= t("ruby_cms.admin.analytics.no_data", default: "No data yet.") %></p>
     </div>
   <% end %>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_popular_pages.html.erb

@@ -1,7 +1,7 @@
 <div class="rounded-xl border border-border/60 bg-white shadow-sm overflow-hidden">
   <div class="flex items-center gap-3 px-4 py-3 border-b border-border/40">
     <div class="rounded-md bg-blue-50 p-1.5 flex-shrink-0">
-      <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
+      <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
     </div>
     <div>
       <p class="text-sm font-semibold text-foreground"><%= t("ruby_cms.admin.analytics.popular_pages", default: "Popular Pages") %></p>
@@ -14,7 +14,7 @@
     <div class="divide-y divide-border/30">
       <% @popular_pages.first(8).each_with_index do |(page_name, count), idx| %>
         <% pct = total.positive? ? (count / total * 100).round(1) : 0 %>
-        <%= link_to page_details_ruby_cms_admin_analytics_path(page_name:, start_date: @start_date, end_date: @end_date, period: @period),
+        <%= link_to admin_analytics_page_details_path(page_name:, start_date: @start_date, end_date: @end_date, period: @period),
                     class: "group relative flex items-center justify-between gap-3 px-4 py-2.5 hover:bg-muted/40 transition-colors" do %>
           <div class="absolute inset-y-0 left-0 bg-blue-500/5 transition-all" style="width: <%= pct %>%"></div>
           <div class="relative z-10 flex items-center gap-3 min-w-0">
@@ -24,14 +24,14 @@
           <div class="relative z-10 flex items-center gap-2.5 flex-shrink-0">
             <span class="text-xs text-muted-foreground tabular-nums"><%= pct %>%</span>
             <span class="text-sm font-semibold tabular-nums text-foreground"><%= number_with_delimiter(count) %></span>
-            <svg class="w-3.5 h-3.5 text-muted-foreground/40 group-hover:text-primary/60 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
+            <svg class="w-3.5 h-3.5 text-muted-foreground/40 group-hover:text-primary/60 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>
           </div>
         <% end %>
       <% end %>
     </div>
   <% else %>
     <div class="flex flex-col items-center justify-center px-4 py-10 gap-2">
-      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
+      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" /></svg>
       <p class="text-sm font-medium text-foreground"><%= t("ruby_cms.admin.analytics.no_data", default: "No data yet.") %></p>
       <p class="text-xs text-muted-foreground">Track some traffic to see page analytics</p>
     </div>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_recent_activity.html.erb

@@ -1,7 +1,7 @@
 <div class="rounded-xl border border-border/60 bg-white shadow-sm overflow-hidden">
   <div class="flex items-center gap-3 px-4 py-3 border-b border-border/40">
     <div class="rounded-md bg-green-50 p-1.5 flex-shrink-0">
-      <svg class="w-4 h-4 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
+      <svg class="w-4 h-4 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
     </div>
     <div>
       <p class="text-sm font-semibold text-foreground"><%= t("ruby_cms.admin.analytics.recent_activity", default: "Recent Activity") %></p>
@@ -14,14 +14,14 @@
       <% @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),
+          <%= link_to admin_analytics_page_details_path(page_name: page_name, start_date: @start_date, end_date: @end_date, period: @period),
                       class: "group flex items-center gap-3 px-4 py-2.5 hover:bg-muted/40 transition-colors" do %>
             <div class="w-1.5 h-1.5 rounded-full bg-green-400 flex-shrink-0 mt-0.5"></div>
             <div class="min-w-0 flex-1">
               <p class="text-sm text-foreground truncate group-hover:text-primary transition-colors"><%= page_name.to_s.humanize %></p>
               <p class="text-xs text-muted-foreground mt-0.5"><%= time_ago_in_words(event.time) %> ago</p>
             </div>
-            <svg class="w-3.5 h-3.5 text-muted-foreground/40 group-hover:text-primary/60 transition-colors flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
+            <svg class="w-3.5 h-3.5 text-muted-foreground/40 group-hover:text-primary/60 transition-colors flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>
           <% end %>
         <% else %>
           <div class="flex items-center gap-3 px-4 py-2.5">
@@ -36,7 +36,7 @@
     </div>
   <% else %>
     <div class="flex flex-col items-center justify-center px-4 py-10 gap-2">
-      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
+      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z" /></svg>
       <p class="text-sm font-medium text-foreground"><%= t("ruby_cms.admin.analytics.no_activity", default: "No activity recorded") %></p>
       <p class="text-xs text-muted-foreground">No page views in selected range</p>
     </div>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_top_referrers.html.erb

@@ -1,7 +1,7 @@
 <div class="rounded-xl border border-border/60 bg-white shadow-sm overflow-hidden">
   <div class="flex items-center gap-3 px-4 py-3 border-b border-border/40">
     <div class="rounded-md bg-purple-50 p-1.5 flex-shrink-0">
-      <svg class="w-4 h-4 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/></svg>
+      <svg class="w-4 h-4 text-purple-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>
     </div>
     <div>
       <p class="text-sm font-semibold text-foreground"><%= t("ruby_cms.admin.analytics.top_referrers", default: "Top Referrers") %></p>
@@ -16,7 +16,7 @@
         <% pct = total.positive? ? (count / total * 100).round(1) : 0 %>
         <div class="relative flex items-center justify-between gap-3 px-4 py-2.5">
           <div class="absolute inset-y-0 left-0 bg-purple-500/5" style="width: <%= pct %>%"></div>
-          <span class="relative z-10 text-sm text-foreground truncate" title="<%= referrer %>"><%= truncate(referrer.to_s.gsub(%r{https?://}, ''), length: 38) %></span>
+          <span class="relative z-10 text-sm text-foreground truncate" title="<%= referrer %>"><%= truncate(referrer.to_s.gsub(%r{https?://}, ""), length: 38) %></span>
           <div class="relative z-10 flex items-center gap-2 flex-shrink-0">
             <span class="text-xs text-muted-foreground tabular-nums"><%= pct %>%</span>
             <span class="text-sm font-semibold tabular-nums text-foreground"><%= number_with_delimiter(count) %></span>
@@ -26,7 +26,7 @@
     </div>
   <% else %>
     <div class="flex flex-col items-center justify-center px-4 py-10 gap-2">
-      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/></svg>
+      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1" /></svg>
       <p class="text-sm text-muted-foreground"><%= t("ruby_cms.admin.analytics.no_referrers", default: "No referrers recorded") %></p>
     </div>
   <% end %>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_top_visitors.html.erb

@@ -1,7 +1,7 @@
 <div class="rounded-xl border border-border/60 bg-white shadow-sm overflow-hidden">
   <div class="flex items-center gap-3 px-4 py-3 border-b border-border/40">
     <div class="rounded-md bg-violet-50 p-1.5 flex-shrink-0">
-      <svg class="w-4 h-4 text-violet-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
+      <svg class="w-4 h-4 text-violet-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>
     </div>
     <div>
       <p class="text-sm font-semibold text-foreground"><%= t("ruby_cms.admin.analytics.top_visitors", default: "Top Visitors") %></p>
@@ -14,7 +14,7 @@
     <div class="divide-y divide-border/30">
       <% @top_visitors.first(8).each_with_index do |(ip, count), idx| %>
         <% pct = max_count.positive? ? (count.to_f / max_count * 100).round(0) : 0 %>
-        <%= link_to visitor_details_ruby_cms_admin_analytics_path(ip_address: ip, start_date: @start_date, end_date: @end_date, period: @period),
+        <%= link_to admin_analytics_visitor_details_path(ip_address: ip, start_date: @start_date, end_date: @end_date, period: @period),
                     class: "group relative flex items-center justify-between gap-3 px-4 py-2.5 hover:bg-muted/40 transition-colors" do %>
           <div class="absolute inset-y-0 left-0 bg-violet-500/5 transition-all" style="width: <%= pct %>%"></div>
           <div class="relative z-10 flex items-center gap-3 min-w-0">
@@ -23,14 +23,14 @@
           </div>
           <div class="relative z-10 flex items-center gap-2 flex-shrink-0">
             <span class="text-sm font-semibold tabular-nums text-foreground"><%= number_with_delimiter(count) %></span>
-            <svg class="w-3.5 h-3.5 text-muted-foreground/40 group-hover:text-primary/60 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
+            <svg class="w-3.5 h-3.5 text-muted-foreground/40 group-hover:text-primary/60 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" /></svg>
           </div>
         <% end %>
       <% end %>
     </div>
   <% else %>
     <div class="flex flex-col items-center justify-center px-4 py-10 gap-2">
-      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
+      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" /></svg>
       <p class="text-sm font-medium text-foreground"><%= t("ruby_cms.admin.analytics.no_data", default: "No data yet.") %></p>
       <p class="text-xs text-muted-foreground">No visitors in selected range</p>
     </div>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/partials/_utm_sources.html.erb

@@ -1,7 +1,7 @@
 <div class="rounded-xl border border-border/60 bg-white shadow-sm overflow-hidden">
   <div class="flex items-center gap-3 px-4 py-3 border-b border-border/40">
     <div class="rounded-md bg-orange-50 p-1.5 flex-shrink-0">
-      <svg class="w-4 h-4 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg>
+      <svg class="w-4 h-4 text-orange-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" /></svg>
     </div>
     <div>
       <p class="text-sm font-semibold text-foreground"><%= t("ruby_cms.admin.analytics.utm_sources", default: "UTM Sources") %></p>
@@ -26,7 +26,7 @@
     </div>
   <% else %>
     <div class="flex flex-col items-center justify-center px-4 py-10 gap-2">
-      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z"/></svg>
+      <svg class="w-8 h-8 text-muted-foreground/30" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z" /></svg>
       <p class="text-sm text-muted-foreground">No UTM campaign data</p>
     </div>
   <% end %>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/analytics/visitor_details.html.erb

@@ -6,18 +6,23 @@
   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
 %>
-<%= admin_page(
+<%= AdminPageHeader(
   title: @ip_address,
   subtitle: "Visitor analytics · #{@start_date} → #{@end_date}",
-  content_card: false
+  breadcrumbs: [
+    { label: t("ruby_cms.admin.breadcrumb.admin", default: "Admin"), url: admin_root_path },
+    { label: t("ruby_cms.admin.analytics.title", default: "Analytics"), url: admin_analytics_path },
+    { label: @ip_address }
+  ]
 ) do %>
-  <div class="space-y-6">
-    <div class="flex items-start justify-between gap-4">
-      <div class="flex items-center gap-2">
-        <%= render "ruby_cms/admin/analytics/partials/security_alert" if show_security %>
-      </div>
-      <%= render "ruby_cms/admin/analytics/partials/back_button", path: ruby_cms_admin_analytics_path(start_date: @start_date, end_date: @end_date, period: @period) %>
+  <%= render "admin/analytics/partials/back_button", path: admin_analytics_path(start_date: @start_date, end_date: @end_date, period: @period) %>
+<% end %>
+<div class="space-y-6 mt-4">
+  <div class="flex items-start justify-between gap-4">
+    <div class="flex items-center gap-2">
+      <%= render "admin/analytics/partials/security_alert" if show_security %>
     </div>
+  </div>
 
     <div class="grid grid-cols-2 lg:grid-cols-4 gap-4">
       <div class="rounded-lg border border-border/60 bg-white p-6 shadow-sm">
@@ -97,7 +102,7 @@
                     <% 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),
+                                  admin_analytics_page_details_path(page_name:, start_date: @start_date, end_date: @end_date, period: @period),
                                   class: "text-primary hover:underline" %>
                     <% else %>
                       <span class="text-muted-foreground">Unknown</span>
@@ -118,4 +123,4 @@
       </div>
     </div>
   </div>
-<% end %>
+</div>

data/lib/generators/ruby_cms/templates/views/admin/audit_log_entries/_admin_table_content.html.erb

@@ -0,0 +1,55 @@
+<%
+  current_filter    = @current_filter    || "all"
+  current_sort      = @sort_column       || "time"
+  current_direction = @sort_direction    || "desc"
+  filter_counts     = @filter_counts     || { all: 0, content: 0, users: 0, system: 0, security: 0 }
+  preserved        = {
+    search: params[:search],
+    filter: current_filter,
+    actor:  @current_actor
+  }.compact
+%>
+<%= render partial: "admin/shared/data_table", locals: {
+  id: "admin_table_content",
+  search_url: admin_audit_log_entries_path,
+  search_param: :search,
+  search_placeholder: t("ruby_cms.admin.audit_log.search_placeholder", default: "Zoek op actor, actie, target…"),
+  filter_param: :filter,
+  current_filter: current_filter,
+  filter_pills: [
+    { key: :all,      label: t("ruby_cms.admin.audit_log.all",      default: "Alle"),     count: filter_counts[:all] },
+    { key: :content,  label: t("ruby_cms.admin.audit_log.content",  default: "Content"),  count: filter_counts[:content] },
+    { key: :users,    label: t("ruby_cms.admin.audit_log.users",    default: "Users"),    count: filter_counts[:users] },
+    { key: :system,   label: t("ruby_cms.admin.audit_log.system",   default: "System"),   count: filter_counts[:system] },
+    { key: :security, label: t("ruby_cms.admin.audit_log.security", default: "Security"), count: filter_counts[:security] }
+  ],
+  columns_toggle: [
+    { key: :time,   label: t("ruby_cms.admin.audit_log.time",   default: "Tijd") },
+    { key: :actor,  label: t("ruby_cms.admin.audit_log.actor",  default: "Actor") },
+    { key: :action, label: t("ruby_cms.admin.audit_log.action", default: "Actie") },
+    { key: :target, label: t("ruby_cms.admin.audit_log.target", default: "Detail") },
+    { key: :ip,     label: t("ruby_cms.admin.audit_log.ip",     default: "IP") }
+  ],
+  headers: [
+    { key: :time,    label: t("ruby_cms.admin.audit_log.time",   default: "Tijd"),   sortable: true,  width: "140px" },
+    { key: :actor,   label: t("ruby_cms.admin.audit_log.actor",  default: "Actor"),  sortable: true,  width: "200px" },
+    { key: :action,  label: t("ruby_cms.admin.audit_log.action", default: "Actie"),  sortable: true,  width: "200px" },
+    { key: :target,  label: t("ruby_cms.admin.audit_log.target", default: "Detail"), sortable: false },
+    { key: :ip,      label: t("ruby_cms.admin.audit_log.ip",     default: "IP"),     sortable: false, width: "130px" },
+    { key: :actions, label: t("admin.pages.common.actions",      default: "Acties"), actions: true,   width: "40px", align: :right }
+  ],
+  sort_url: admin_audit_log_entries_path,
+  current_sort: current_sort,
+  current_direction: current_direction,
+  collection: @audit_log_entries || [],
+  row_partial: "admin/audit_log_entries/row",
+  row_click_url: ->(item) { admin_audit_log_entry_path(item) },
+  empty_state: {
+    title: t("ruby_cms.admin.audit_log.empty_title", default: "Geen audit entries"),
+    description: t("ruby_cms.admin.audit_log.empty_description", default: "Er is nog niets gelogd."),
+    icon: "clipboard"
+  },
+  pagination: @pagination,
+  pagination_path: admin_audit_log_entries_path,
+  preserved_query: preserved
+} %>

data/lib/generators/ruby_cms/templates/views/admin/audit_log_entries/_row.html.erb

@@ -0,0 +1,84 @@
+<% entry = local_assigns[:audit_log_entry] || local_assigns[:item] %>
+<%
+  rel = rel_time(entry.created_at)
+
+  severity = entry.severity
+  bucket = entry.bucket
+  badge_classes = case severity
+  when :danger  then "bg-red-50 text-red-700 border-red-100"
+  when :success then "bg-green-50 text-green-700 border-green-100"
+  else
+                    case bucket
+                    when "content"  then "bg-blue-50 text-blue-700 border-blue-100"
+                    when "users"    then "bg-purple-50 text-purple-700 border-purple-100"
+                    when "security" then "bg-amber-50 text-amber-700 border-amber-100"
+                    else                  "bg-[#faf8f3] text-[#57534e] border-[#e9e4d4]"
+                    end
+  end
+
+  actor_email = entry.actor_email.to_s
+%>
+<td data-column="time" class="py-1.5 px-3 align-middle">
+  <div class="flex flex-col leading-tight">
+    <span class="text-[12.5px] text-[#1c1917]"><%= rel %></span>
+    <span class="font-mono text-[11.5px] text-[#78716c] whitespace-nowrap"><%= entry.created_at.strftime("%m/%d %H:%M") %></span>
+  </div>
+</td>
+<td data-column="actor" class="py-1.5 px-3 align-middle">
+  <% if actor_email == "system" %>
+    <span class="inline-flex items-center gap-2">
+      <span class="w-[22px] h-[22px] rounded-[5px] bg-[#faf8f3] border border-[#e9e4d4] grid place-items-center text-[#a8a29e]">
+        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2" /></svg>
+      </span>
+      <span class="font-mono text-[12.5px] text-[#57534e]">system</span>
+    </span>
+  <% elsif actor_email == "unknown" %>
+    <span class="inline-flex items-center gap-2 text-red-700">
+      <span class="w-[22px] h-[22px] rounded-full bg-red-50 border border-red-100 grid place-items-center">
+        <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01M12 21a9 9 0 110-18 9 9 0 010 18z" /></svg>
+      </span>
+      <span class="text-[12.5px] font-medium">unknown</span>
+    </span>
+  <% else %>
+    <div class="inline-flex items-center gap-2 min-w-0">
+      <div class="w-[22px] h-[22px] rounded-full bg-blue-100 text-blue-700 grid place-items-center text-[11px] font-semibold uppercase">
+        <%= actor_email[0] %>
+      </div>
+      <span class="text-[12.5px] font-medium text-[#1c1917] truncate"><%= actor_email %></span>
+    </div>
+  <% end %>
+</td>
+<td data-column="action" class="py-1.5 px-3 align-middle">
+  <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[11px] font-medium border whitespace-nowrap <%= badge_classes %>">
+    <%= entry.action %>
+  </span>
+</td>
+<td data-column="target" class="py-1.5 px-3 align-middle">
+  <div class="min-w-0 max-w-[420px]">
+    <div class="text-[12.5px] font-medium text-[#1c1917] truncate" title="<%= entry.target_label %>"><%= entry.target_label.presence || "—" %></div>
+    <% if entry.summary.present? %>
+      <div class="text-[12px] text-[#78716c] truncate" title="<%= entry.summary %>"><%= entry.summary %></div>
+    <% end %>
+  </div>
+</td>
+<td data-column="ip" class="py-1.5 px-3 align-middle">
+  <span class="font-mono text-[12px] text-[#57534e]"><%= entry.ip %></span>
+</td>
+<td class="py-1.5 px-3 align-middle text-right w-10">
+  <div class="inline-flex items-center justify-end" onclick="event.stopPropagation()">
+    <%= render RubyUI::DropdownMenu.new do %>
+      <%= render RubyUI::DropdownMenuTrigger.new do %>
+        <%= Button(variant: :ghost, size: :sm, icon: true, type: :button, aria_label: t("admin.pages.common.actions", default: "Acties")) do %>
+          <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v.01M12 12v.01M12 19v.01" /></svg>
+        <% end %>
+      <% end %>
+      <%= render RubyUI::DropdownMenuContent.new do %>
+        <%= render RubyUI::DropdownMenuLabel.new { t("admin.pages.common.actions", default: "Acties") } %>
+        <%= render RubyUI::DropdownMenuItem.new(href: admin_audit_log_entry_path(entry)) { t("ruby_cms.admin.audit_log.view_details", default: "Bekijk details") } %>
+        <% if actor_email.present? && actor_email != "system" && actor_email != "unknown" %>
+          <%= render RubyUI::DropdownMenuItem.new(href: admin_audit_log_entries_path(actor: actor_email)) { t("ruby_cms.admin.audit_log.filter_by_actor", default: "Filter op deze actor") } %>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+</td>

data/lib/generators/ruby_cms/templates/views/admin/audit_log_entries/index.html.erb

@@ -0,0 +1,33 @@
+<%
+  total_count = @filter_counts ? @filter_counts[:all] : (@audit_log_entries&.count || 0)
+  security_count = @filter_counts ? @filter_counts[:security].to_i : 0
+%>
+<%= AdminPage do %>
+  <%= AdminPageHeader(
+    title: t("ruby_cms.admin.audit_log.title", default: "Audit log"),
+    subtitle: "#{total_count} #{t("ruby_cms.admin.audit_log.entries", default: "entries")}#{security_count.positive? ? " · #{security_count} security events" : ""}",
+    breadcrumbs: [
+      { label: t("ruby_cms.admin.breadcrumb.admin", default: "Admin"), url: admin_root_path },
+      { label: t("ruby_cms.admin.audit_log.title", default: "Audit log") }
+    ]
+  ) do %>
+    <form action="<%= admin_audit_log_entries_path %>" method="get" data-turbo-frame="admin_table_content"
+          class="inline-flex items-center gap-1.5 h-8 px-2 rounded-md border border-[#e9e4d4] bg-white text-[12.5px]">
+      <span class="text-[#a8a29e]"><%= t("ruby_cms.admin.audit_log.actor", default: "Actor") %></span>
+      <select name="actor" onchange="this.form.requestSubmit()" class="bg-transparent border-0 outline-none text-[12.5px] text-[#1c1917] pr-1">
+        <option value=""><%= t("ruby_cms.admin.audit_log.everyone", default: "Iedereen") %></option>
+        <% (@actor_options || []).each do |actor| %>
+          <option value="<%= actor %>" <%= "selected" if actor == @current_actor %>><%= actor %></option>
+        <% end %>
+      </select>
+      <% if params[:search].present? %><input type="hidden" name="search" value="<%= params[:search] %>"><% end %>
+      <% if @current_filter.present? %><input type="hidden" name="filter" value="<%= @current_filter %>"><% end %>
+    </form>
+    <%= link_to admin_audit_log_entries_path(format: :csv, search: params[:search], filter: @current_filter, actor: @current_actor),
+                class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md border border-[#e9e4d4] bg-white text-[#1c1917] text-[12.5px] font-medium hover:bg-[#faf8f3] transition-colors no-underline" do %>
+      <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 10l5 5 5-5M12 15V3" /></svg>
+      <%= t("admin.pages.common.export", default: "Exporteren") %>
+    <% end %>
+  <% end %>
+  <%= render "admin_table_content" %>
+<% end %>