ruby_cms 0.2.1.1 → 1.0.0

data/lib/generators/ruby_cms/templates/views/admin/users/show.html.erb

@@ -0,0 +1,343 @@
+<%
+  user        = @user
+  d           = @user_details || {}
+  email       = user.respond_to?(:email_address) ? user.email_address : user.try(:email)
+  display     = email.to_s.split("@").first&.split(/[._]/)&.map(&:capitalize)&.join(" ").presence || email
+  initials    = email.to_s.split(/[@._]/).first(2).map { |p| p[0] }.join.upcase.presence || "?"
+  is_admin    = user.respond_to?(:admin?) ? user.admin? : false
+  is_active   = d[:is_active]
+  tab         = params[:tab].to_s.presence || "overview"
+  tabs        = %w[overview activity permissions sessions]
+  own_profile = (respond_to?(:current_user_cms) && current_user_cms.present? && current_user_cms == user)
+  tabs += %w[passkeys] if own_profile && respond_to?(:new_admin_passkey_registration_path)
+  tab         = "overview" unless tabs.include?(tab)
+  perm_count  = @user_permission_id_by_permission&.size || 0
+  perm_total  = @all_permissions&.size || 0
+  ago_label   = t("admin.pages.common.ago", default: "geleden")
+  rel_time = lambda do |ts|
+    next "—" unless ts
+    diff = (Time.current - ts).to_i
+    base = case diff
+    when 0..59             then "#{diff}s"
+    when 60..3599          then "#{diff / 60}m"
+    when 3600..86399       then "#{diff / 3600}u"
+    when 86400..2591999    then "#{diff / 86400}d"
+    when 2592000..31535999 then "#{diff / 2592000}mo"
+    else                        "#{diff / 31536000}y"
+    end
+    "#{base} #{ago_label}"
+  end
+%>
+
+<%= AdminPage do %>
+  <%= AdminPageHeader(
+    title: display,
+    subtitle: email,
+    breadcrumbs: [
+      { label: t("admin.pages.common.admin", default: "Beheer"), url: admin_root_path },
+      { label: t("ruby_cms.admin.nav.users", default: "Gebruikers"), url: admin_users_path },
+      { label: display }
+    ]
+  ) do %>
+    <%= link_to admin_users_path,
+        class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-white border border-[#e9e4d4] 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="M15 19l-7-7 7-7" /></svg>
+      Terug
+    <% end %>
+  <% end %>
+
+  <%# ───────── Hero card ───────── %>
+  <div class="px-6 pt-5">
+    <div class="rounded-xl border border-[#e9e4d4] bg-white overflow-hidden">
+      <div class="flex items-start gap-4 p-5">
+        <div class="w-16 h-16 flex-shrink-0 rounded-2xl grid place-items-center text-[22px] font-bold text-[#4c1d95]"
+             style="background: linear-gradient(135deg, #ddd6fe, #c4b5fd);">
+          <%= initials %>
+        </div>
+        <div class="min-w-0 flex-1">
+          <h2 class="m-0 text-[18px] font-semibold tracking-[-0.015em] text-[#1c1917] truncate"><%= display %></h2>
+          <p class="m-0 mt-0.5 text-[13px] text-[#78716c] truncate"><%= email %></p>
+          <div class="mt-2.5 flex flex-wrap gap-1.5">
+            <% if is_admin %>
+              <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-red-50 text-red-700 border-red-100">
+                <span class="w-1.5 h-1.5 rounded-full bg-red-600"></span>
+                <%= t("admin.pages.users.admin", default: "Beheerder") %>
+              </span>
+            <% else %>
+              <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-[#faf8f3] text-[#57534e] border-[#e9e4d4]">
+                <span class="w-1.5 h-1.5 rounded-full bg-[#a8a29e]"></span>
+                <%= t("admin.pages.users.user", default: "Gebruiker") %>
+              </span>
+            <% end %>
+            <% if is_active %>
+              <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-green-50 text-green-700 border-green-100">
+                <span class="w-1.5 h-1.5 rounded-full bg-green-600"></span>
+                <%= t("admin.pages.common.active", default: "Actief") %>
+              </span>
+            <% else %>
+              <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-[#faf8f3] text-[#78716c] border-[#e9e4d4]">
+                <%= t("admin.pages.common.inactive", default: "Inactief") %>
+              </span>
+            <% end %>
+            <% if user.respond_to?(:google_oauth_token) && user.google_oauth_token.present? %>
+              <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-blue-50 text-blue-700 border-blue-100">
+                <span class="w-1.5 h-1.5 rounded-full bg-blue-600"></span>
+                Gmail verbonden
+              </span>
+            <% end %>
+          </div>
+        </div>
+        <div class="flex flex-wrap items-center gap-1.5 flex-shrink-0">
+          <%= link_to admin_user_permissions_path(user),
+              class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-white border border-[#e9e4d4] 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="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+            <%= t("admin.pages.users.manage_permissions", default: "Beheer rechten") %>
+          <% end %>
+          <% if @user_sessions.any? %>
+            <%= button_to sessions_admin_user_path(user),
+                method: :delete,
+                form: { data: { turbo_confirm: t("admin.pages.users.terminate_all_confirm", default: "Alle sessies beëindigen?") } },
+                class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-white border border-[#e9e4d4] text-[#1c1917] text-[12.5px] font-medium hover:bg-[#faf8f3] transition-colors cursor-pointer" do %>
+              <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="10" rx="2" stroke-width="2" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11V7a5 5 0 0110 0v4" /></svg>
+              Sessies beëindigen
+            <% end %>
+          <% end %>
+          <%= button_to admin_user_path(user),
+              method: :delete,
+              form: { data: { turbo_confirm: t("admin.bulk_action_table.default_confirm", default: "Weet je het zeker?") } },
+              class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-white border border-red-100 text-red-600 text-[12.5px] font-medium hover:bg-red-50 transition-colors cursor-pointer" 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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6M1 7h22M9 7V4a1 1 0 011-1h4a1 1 0 011 1v3" /></svg>
+            <%= t("admin.bulk_action_table.delete_selected", default: "Verwijder") %>
+          <% end %>
+        </div>
+      </div>
+
+      <%# ───────── Stat strip ───────── %>
+      <div class="grid grid-cols-2 sm:grid-cols-4 border-t border-[#e9e4d4]">
+        <% [
+          [ t("admin.pages.users.detail_joined", default: "Lid sinds"),       d[:joined_at]&.strftime("%d %b %Y") || "—",   false ],
+          [ t("admin.pages.users.detail_perms",  default: "Rechten"),          "#{perm_count} / #{perm_total}",                false ],
+          [ t("admin.pages.users.detail_last_seen", default: "Laatst gezien"), rel_time.call(d[:last_seen_at]),                false ],
+          [ t("admin.pages.users.detail_active_sessions", default: "Sessies"), "#{d[:active_sessions] || 0} actief",            false ]
+        ].each_with_index do |(label, value, mono), i| %>
+          <div class="px-4 py-3 <%= "border-l border-[#e9e4d4]" unless i.zero? %>">
+            <div class="text-[11px] text-[#a8a29e] font-medium uppercase tracking-[0.06em]"><%= label %></div>
+            <div class="mt-1 text-[14px] font-semibold text-[#1c1917] truncate <%= mono ? "font-mono" : "" %>"><%= value %></div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <%# ───────── Tabs ───────── %>
+  <div class="px-6 mt-4 border-b border-[#e9e4d4]">
+    <nav class="flex items-center gap-0" aria-label="Profile tabs">
+      <% tab_labels = {
+          "overview"    => t("admin.pages.users.tab_overview",    default: "Overzicht"),
+          "activity"    => "#{t("admin.pages.users.tab_activity",  default: "Activiteit")} (#{@user_activity.size})",
+          "permissions" => "#{t("admin.pages.users.tab_permissions", default: "Rechten")} (#{perm_count})",
+          "sessions"    => "#{t("admin.pages.users.tab_sessions",    default: "Sessies")} (#{@user_sessions.size})",
+          "passkeys"    => "Passkeys (#{(@user_passkeys || []).size})"
+        } %>
+      <% tabs.each do |key| %>
+        <%= link_to admin_user_path(user, tab: key),
+            class: [
+              "px-3.5 h-9 inline-flex items-center text-[12.5px] font-medium border-b-2 -mb-px no-underline transition-colors",
+              tab == key ? "border-blue-600 text-[#1c1917]" : "border-transparent text-[#78716c] hover:text-[#1c1917]"
+            ].join(" ") do %>
+          <%= tab_labels[key] %>
+        <% end %>
+      <% end %>
+    </nav>
+  </div>
+
+  <%# ───────── Tab body ───────── %>
+  <section class="px-6 py-5">
+    <% case tab %>
+    <% when "overview" %>
+      <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-3">
+        <% [
+          [ t("admin.pages.users.detail_joined",          default: "Lid sinds"),         d[:joined_at]&.strftime("%d %B %Y") || "—",        false ],
+          [ t("admin.pages.users.detail_perms",           default: "Rechten"),           "#{perm_count} / #{perm_total}",                    false ],
+          [ t("admin.pages.users.detail_last_seen",       default: "Laatst gezien"),     rel_time.call(d[:last_seen_at]),                    false ],
+          [ t("admin.pages.users.detail_last_ip",         default: "Laatste IP"),        d[:last_ip] || "—",                                 true ],
+          [ t("admin.pages.users.detail_active_sessions", default: "Sessies"),           "#{d[:active_sessions] || 0} actief / #{d[:total_sessions] || 0} totaal", false ],
+          [ t("admin.pages.users.detail_invited_by",      default: "Uitgenodigd door"),  d[:invited_by] || "—",                              false ],
+          [ t("admin.pages.users.detail_user_agent",      default: "User-agent"),        (d[:last_user_agent] || "—").to_s.truncate(40),      false ],
+          [ t("admin.pages.users.detail_role",            default: "Rol"),               is_admin ? t("admin.pages.users.admin", default: "Beheerder") : t("admin.pages.users.user", default: "Gebruiker"), false ]
+        ].each do |label, value, mono| %>
+          <div class="rounded-xl border border-[#e9e4d4] bg-white px-3.5 py-3">
+            <div class="text-[11px] text-[#a8a29e] font-medium uppercase tracking-[0.06em]"><%= label %></div>
+            <div class="mt-1 text-[13.5px] font-medium text-[#1c1917] truncate <%= mono ? "font-mono text-[12.5px]" : "" %>"><%= value %></div>
+          </div>
+        <% end %>
+      </div>
+
+    <% when "activity" %>
+      <div class="rounded-xl border border-[#e9e4d4] bg-white overflow-hidden">
+        <div class="px-4 py-3 border-b border-[#e9e4d4]">
+          <p class="m-0 text-[13px] font-semibold text-[#1c1917]"><%= t("admin.pages.users.recent_activity", default: "Recente activiteit") %></p>
+          <p class="m-0 mt-0.5 text-[11.5px] text-[#78716c]">Laatste <%= @user_activity.size %> entries uit de audit log.</p>
+        </div>
+        <% if @user_activity.empty? %>
+          <p class="m-0 px-4 py-6 text-center text-[12.5px] text-[#78716c]"><%= t("admin.pages.users.no_activity", default: "Geen audit log activiteit gevonden voor deze gebruiker.") %></p>
+        <% else %>
+          <ol class="m-0 p-0 list-none">
+            <% @user_activity.each_with_index do |entry, i| %>
+              <% kind = entry.respond_to?(:bucket) ? entry.bucket : "system" %>
+              <% dot_class = {
+                   "content"  => "bg-blue-500",
+                   "users"    => "bg-purple-500",
+                   "system"   => "bg-emerald-500",
+                   "security" => "bg-rose-500"
+                 }[kind] || "bg-[#a8a29e]" %>
+              <li class="flex gap-3 px-4 py-3 <%= "border-t border-[#e9e4d4]" unless i.zero? %>">
+                <span class="mt-1.5 w-2 h-2 rounded-full flex-shrink-0 <%= dot_class %>"></span>
+                <div class="flex-1 min-w-0">
+                  <div class="text-[13px] text-[#1c1917] truncate"><%= entry.summary.presence || entry.action %></div>
+                  <div class="flex flex-wrap items-center gap-1.5 text-[11px] text-[#78716c] mt-0.5">
+                    <span class="font-mono text-[10.5px] px-1.5 py-px rounded bg-[#faf8f3] border border-[#e9e4d4] text-[#57534e]"><%= entry.action %></span>
+                    <span>·</span>
+                    <span><%= rel_time.call(entry.created_at) %></span>
+                    <% if entry.ip.present? %>
+                      <span>·</span>
+                      <span class="font-mono"><%= entry.ip %></span>
+                    <% end %>
+                  </div>
+                </div>
+              </li>
+            <% end %>
+          </ol>
+        <% end %>
+      </div>
+
+    <% when "permissions" %>
+      <div class="rounded-xl border border-[#e9e4d4] bg-white overflow-hidden">
+        <div class="flex items-center justify-between px-4 py-3 border-b border-[#e9e4d4]">
+          <div>
+            <p class="m-0 text-[13px] font-semibold text-[#1c1917]">
+              <%= t("admin.pages.users.assigned_permissions", default: "Toegewezen rechten") %>
+            </p>
+            <p class="m-0 mt-0.5 text-[11.5px] text-[#78716c]"><%= perm_count %> van <%= perm_total %> rechten toegekend.</p>
+          </div>
+          <%= link_to admin_user_permissions_path(user),
+                class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-white border border-[#e9e4d4] text-[#1c1917] text-[12.5px] font-medium hover:bg-[#faf8f3] transition-colors no-underline" do %>
+            <%= t("admin.pages.users.manage_permissions", default: "Beheer alles") %>
+          <% end %>
+        </div>
+        <ul class="m-0 p-0 list-none">
+          <% @all_permissions.each_with_index do |perm, i| %>
+            <% up_id = @user_permission_id_by_permission[perm.id] %>
+            <% granted = up_id.present? %>
+            <li class="flex items-center gap-3 px-4 py-2.5 <%= "border-t border-[#e9e4d4]" unless i.zero? %>">
+              <span class="inline-grid place-items-center w-5 h-5 rounded-full flex-shrink-0 <%= granted ? "bg-emerald-100 text-emerald-700" : "bg-[#faf8f3] text-[#a8a29e] border border-[#e9e4d4]" %>">
+                <% if granted %>
+                  <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7" /></svg>
+                <% end %>
+              </span>
+              <div class="flex-1 min-w-0">
+                <div class="text-[13px] font-medium <%= granted ? "text-[#1c1917]" : "text-[#78716c]" %> truncate"><%= perm.name %></div>
+                <div class="font-mono text-[10.5px] text-[#a8a29e] truncate"><%= perm.key %></div>
+              </div>
+              <% if granted %>
+                <%= button_to admin_user_permission_path(user, up_id),
+                      method: :delete,
+                      form: { data: { turbo_confirm: t("admin.bulk_action_table.default_confirm", default: "Weet je het zeker?") } },
+                      class: "text-[11.5px] font-medium text-red-600 hover:bg-red-50 px-2 h-7 rounded-md inline-flex items-center border-0 bg-transparent cursor-pointer" do %>
+                  <%= t("admin.pages.users.revoke", default: "Intrekken") %>
+                <% end %>
+              <% else %>
+                <%= button_to admin_user_permissions_path(user, permission_id: perm.id),
+                      method: :post,
+                      class: "text-[11.5px] font-medium text-blue-700 hover:bg-blue-50 px-2 h-7 rounded-md inline-flex items-center border-0 bg-transparent cursor-pointer" do %>
+                  <%= t("admin.pages.users.grant", default: "Toekennen") %>
+                <% end %>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+
+    <% when "sessions" %>
+      <div class="rounded-xl border border-[#e9e4d4] bg-white overflow-hidden">
+        <div class="flex items-center justify-between px-4 py-3 border-b border-[#e9e4d4]">
+          <div>
+            <p class="m-0 text-[13px] font-semibold text-[#1c1917]"><%= t("admin.pages.users.active_sessions", default: "Actieve sessies") %></p>
+            <p class="m-0 mt-0.5 text-[11.5px] text-[#78716c]"><%= @user_sessions.size %> totaal · <%= d[:active_sessions] || 0 %> actief.</p>
+          </div>
+          <% if @user_sessions.any? %>
+            <%= button_to sessions_admin_user_path(user),
+                  method: :delete,
+                  form: { data: { turbo_confirm: t("admin.pages.users.terminate_all_confirm", default: "Alle sessies beëindigen?") } },
+                  class: "text-[11.5px] font-medium text-red-600 hover:bg-red-50 px-2 h-7 rounded-md inline-flex items-center border-0 bg-transparent cursor-pointer" do %>
+              <%= t("admin.pages.users.terminate_all", default: "Alles beëindigen") %>
+            <% end %>
+          <% end %>
+        </div>
+        <% if @user_sessions.empty? %>
+          <p class="m-0 px-4 py-6 text-center text-[12.5px] text-[#78716c]"><%= t("admin.pages.users.no_sessions", default: "Deze gebruiker is momenteel niet ingelogd.") %></p>
+        <% else %>
+          <ul class="m-0 p-0 list-none">
+            <% @user_sessions.each_with_index do |session, i| %>
+              <li class="flex items-start gap-3 px-4 py-3 <%= "border-t border-[#e9e4d4]" unless i.zero? %>">
+                <span class="inline-grid place-items-center w-8 h-8 rounded-md bg-[#faf8f3] border border-[#e9e4d4] flex-shrink-0 text-[#78716c]">
+                  <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><rect x="3" y="11" width="18" height="10" rx="2" stroke-width="2" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 11V7a5 5 0 0110 0v4" /></svg>
+                </span>
+                <div class="flex-1 min-w-0">
+                  <div class="text-[13px] font-medium text-[#1c1917] truncate"><%= (session.user_agent || "Onbekend").truncate(80) %></div>
+                  <div class="flex flex-wrap items-center gap-1.5 text-[11px] text-[#78716c] mt-1">
+                    <% if session.ip_address.present? %>
+                      <span class="font-mono text-[10.5px] px-1.5 py-px rounded bg-[#faf8f3] border border-[#e9e4d4] text-[#57534e]"><%= session.ip_address %></span>
+                      <span>·</span>
+                    <% end %>
+                    <span><%= t("admin.pages.users.session_active", default: "actief") %> <%= rel_time.call(session.updated_at) %></span>
+                  </div>
+                </div>
+              </li>
+            <% end %>
+          </ul>
+        <% end %>
+      </div>
+
+    <% when "passkeys" %>
+      <div class="rounded-xl border border-[#e9e4d4] bg-white overflow-hidden">
+        <div class="flex items-center justify-between px-4 py-3 border-b border-[#e9e4d4]">
+          <div>
+            <p class="m-0 text-[13px] font-semibold text-[#1c1917]">Passkeys</p>
+            <p class="m-0 mt-0.5 text-[11.5px] text-[#78716c]">Face ID, Touch ID, Windows Hello of je wachtwoordmanager. <%= (@user_passkeys || []).size %> geregistreerd.</p>
+          </div>
+          <%= link_to new_admin_passkey_registration_path,
+                class: "inline-flex items-center gap-1.5 h-8 px-3 rounded-md bg-blue-600 text-white text-[12.5px] font-medium hover:bg-blue-700 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="M12 4v16m8-8H4" /></svg>
+            Passkey toevoegen
+          <% end %>
+        </div>
+        <% if (@user_passkeys || []).empty? %>
+          <p class="m-0 px-4 py-6 text-center text-[12.5px] text-[#78716c]">Nog geen passkeys. Voeg er een toe voor sneller en veiliger inloggen.</p>
+        <% else %>
+          <ul class="m-0 p-0 list-none">
+            <% @user_passkeys.each_with_index do |cred, i| %>
+              <li class="flex items-center gap-3 px-4 py-3 <%= "border-t border-[#e9e4d4]" unless i.zero? %>">
+                <span class="inline-grid place-items-center w-8 h-8 rounded-md bg-[#faf8f3] border border-[#e9e4d4] flex-shrink-0 text-[#78716c]">
+                  <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 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" /></svg>
+                </span>
+                <div class="flex-1 min-w-0">
+                  <div class="text-[13px] font-medium text-[#1c1917] truncate"><%= cred.nickname.presence || "Passkey" %></div>
+                  <div class="text-[11px] text-[#78716c] mt-0.5">
+                    Laatst gebruikt <%= cred.last_used_at ? "#{rel_time.call(cred.last_used_at)}" : "nooit" %>
+                  </div>
+                </div>
+                <%= button_to admin_passkey_credential_path(cred),
+                      method: :delete,
+                      form: { data: { turbo_confirm: "Deze passkey verwijderen?" } },
+                      class: "text-[11.5px] font-medium text-red-600 hover:bg-red-50 px-2 h-7 rounded-md inline-flex items-center border-0 bg-transparent cursor-pointer" do %>
+                  Verwijderen
+                <% end %>
+              </li>
+            <% end %>
+          </ul>
+        <% end %>
+      </div>
+    <% end %>
+  </section>
+<% end %>

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

@@ -0,0 +1,61 @@
+<%
+  current_filter    = @current_filter    || "all"
+  current_sort      = @sort_column       || "time"
+  current_direction = @sort_direction    || "desc"
+  filter_counts     = @filter_counts     || { all: 0, open: 0, resolved: 0 }
+%>
+<%= render partial: "admin/shared/data_table", locals: {
+  id: "admin_table_content",
+  search_url: admin_visitor_errors_path,
+  search_param: :search,
+  search_placeholder: t("ruby_cms.admin.visitor_errors.search_placeholder", default: "Zoek op pad, klasse of bericht…"),
+  filter_param: :filter,
+  current_filter: current_filter,
+  filter_pills: [
+    { key: :all,      label: t("ruby_cms.admin.visitor_errors.all",      default: "Alle"),     count: filter_counts[:all] },
+    { key: :open,     label: t("ruby_cms.admin.visitor_errors.open",     default: "Open"),     count: filter_counts[:open] },
+    { key: :resolved, label: t("ruby_cms.admin.visitor_errors.resolved", default: "Opgelost"), count: filter_counts[:resolved] }
+  ],
+  columns_toggle: [
+    { key: :time,    label: t("ruby_cms.admin.visitor_errors.time",    default: "Tijd") },
+    { key: :page,    label: t("ruby_cms.admin.visitor_errors.page",    default: "Pagina") },
+    { key: :error,   label: t("ruby_cms.admin.visitor_errors.error",   default: "Fout") },
+    { key: :browser, label: t("ruby_cms.admin.visitor_errors.browser", default: "Browser") },
+    { key: :ip,      label: t("ruby_cms.admin.visitor_errors.ip",      default: "IP") },
+    { key: :status,  label: t("ruby_cms.admin.visitor_errors.status",  default: "Status") }
+  ],
+  headers: [
+    { key: :time,    label: t("ruby_cms.admin.visitor_errors.time",    default: "Tijd"),    sortable: true,  width: "130px" },
+    { key: :page,    label: t("ruby_cms.admin.visitor_errors.page",    default: "Pagina"),  sortable: true },
+    { key: :error,   label: t("ruby_cms.admin.visitor_errors.error",   default: "Fout"),    sortable: true },
+    { key: :browser, label: t("ruby_cms.admin.visitor_errors.browser", default: "Browser"), sortable: false, width: "110px" },
+    { key: :ip,      label: t("ruby_cms.admin.visitor_errors.ip",      default: "IP"),      sortable: false, width: "130px" },
+    { key: :status,  label: t("ruby_cms.admin.visitor_errors.status",  default: "Status"),  sortable: true,  width: "110px" },
+    { key: :actions, label: t("admin.pages.common.actions", default: "Acties"),             actions: true,   width: "40px", align: :right }
+  ],
+  sort_url: admin_visitor_errors_path,
+  current_sort: current_sort,
+  current_direction: current_direction,
+  bulk_actions: [
+    { label: t("ruby_cms.admin.visitor_errors.mark_as_resolved", default: "Markeer als opgelost"),
+      url: bulk_mark_as_resolved_admin_visitor_errors_path,
+      method: :patch,
+      icon: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" },
+    { label: t("ruby_cms.admin.visitor_errors.mark_as_unresolved", default: "Markeer als open"),
+      url: bulk_mark_as_unresolved_admin_visitor_errors_path,
+      method: :patch,
+      icon: "M12 8v4l3 3M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }
+  ],
+  bulk_delete_url: bulk_delete_admin_visitor_errors_path,
+  collection: @visitor_errors || [],
+  row_partial: "admin/visitor_errors/row",
+  row_click_url: ->(item) { admin_visitor_error_path(item) },
+  empty_state: {
+    title: t("ruby_cms.admin.visitor_errors.empty_title", default: "Geen bezoekersfouten"),
+    description: t("ruby_cms.admin.visitor_errors.empty_description", default: "Er zijn nog geen fouten gelogd."),
+    icon: "alert-triangle"
+  },
+  pagination: @pagination,
+  pagination_path: admin_visitor_errors_path,
+  preserved_query: { search: params[:search], filter: current_filter }.compact
+} %>

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

@@ -0,0 +1,90 @@
+<% visitor_error = local_assigns[:visitor_error] || local_assigns[:item] %>
+<%
+  rel = rel_time(visitor_error.created_at)
+  resolved = visitor_error.resolved?
+%>
+<td data-column="time" class="py-1.5 px-3 align-middle relative">
+  <span class="absolute left-0 top-0 bottom-0 w-[3px] <%= resolved ? "bg-transparent" : "bg-red-500" %>" aria-hidden="true"></span>
+  <div class="flex flex-col leading-tight pl-1">
+    <span class="text-[12.5px] <%= resolved ? "text-[#a8a29e]" : "text-[#1c1917] font-medium" %>"><%= rel %></span>
+    <span class="font-mono text-[11.5px] text-[#78716c] whitespace-nowrap"><%= visitor_error.created_at.strftime("%m/%d %H:%M") %></span>
+  </div>
+</td>
+<td data-column="page" class="py-1.5 px-3 align-middle">
+  <div class="min-w-0 max-w-[280px]">
+    <div class="font-mono text-[12.5px] text-[#1c1917] truncate" title="<%= visitor_error.request_path %>"><%= visitor_error.request_path %></div>
+    <% if visitor_error.request_method.present? && visitor_error.request_method != "GET" %>
+      <span class="inline-flex items-center mt-0.5 px-1.5 py-0 rounded text-[10.5px] font-mono font-semibold bg-[#faf8f3] text-[#57534e] border border-[#e9e4d4]"><%= visitor_error.request_method %></span>
+    <% end %>
+  </div>
+</td>
+<td data-column="error" class="py-1.5 px-3 align-middle">
+  <div class="min-w-0 max-w-[360px]">
+    <div class="text-[13px] font-medium text-[#1c1917] truncate"><%= visitor_error.error_class %></div>
+    <div class="text-[12px] text-[#78716c] truncate" title="<%= visitor_error.error_message %>"><%= visitor_error.error_message.to_s.truncate(90) %></div>
+  </div>
+</td>
+<td data-column="browser" class="py-1.5 px-3 align-middle">
+  <span class="text-[12.5px] text-[#57534e]"><%= visitor_error.browser_info %></span>
+</td>
+<td data-column="ip" class="py-1.5 px-3 align-middle">
+  <span class="font-mono text-[12px] text-[#57534e]"><%= visitor_error.ip_address %></span>
+</td>
+<td data-column="status" class="py-1.5 px-3 align-middle">
+  <% if resolved %>
+    <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-green-50 text-green-700 border-green-100 whitespace-nowrap">
+      <span class="w-1.5 h-1.5 rounded-full bg-green-600"></span>
+      <%= t("ruby_cms.admin.visitor_errors.resolved", default: "Opgelost") %>
+    </span>
+  <% else %>
+    <span class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full text-[11px] font-medium border bg-red-50 text-red-700 border-red-100 whitespace-nowrap">
+      <span class="w-1.5 h-1.5 rounded-full bg-red-500"></span>
+      <%= t("ruby_cms.admin.visitor_errors.open", default: "Open") %>
+    </span>
+  <% end %>
+</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_visitor_error_path(visitor_error)) { t("admin.pages.common.view", default: "Bekijken") } %>
+        <% if resolved %>
+          <%= render RubyUI::DropdownMenuItem.new(data: { turbo_method: :patch, turbo_frame: "_top" }, href: unresolve_admin_visitor_error_path(visitor_error)) { t("ruby_cms.admin.visitor_errors.mark_as_unresolved", default: "Markeer als open") } %>
+        <% else %>
+          <%= render RubyUI::DropdownMenuItem.new(data: { turbo_method: :patch, turbo_frame: "_top" }, href: resolve_admin_visitor_error_path(visitor_error)) { t("ruby_cms.admin.visitor_errors.mark_as_resolved", default: "Markeer als opgelost") } %>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+  <template data-ruby-ui--context-menu-target="content">
+    <div role="menu" class="z-50 min-w-[180px] outline-none overflow-hidden rounded-md border border-[#e9e4d4] bg-white p-1 text-[#1c1917] shadow-md">
+      <div class="px-2 py-1 text-[10.5px] font-semibold uppercase tracking-[0.06em] text-[#a8a29e]"><%= t("admin.pages.common.actions", default: "Acties") %></div>
+      <a href="<%= admin_visitor_error_path(visitor_error) %>" role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] hover:bg-[#faf8f3] cursor-pointer no-underline text-[#1c1917]">
+        <svg class="w-3.5 h-3.5 text-[#78716c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" /></svg>
+        <%= t("admin.pages.common.view", default: "Bekijken") %>
+      </a>
+      <% if resolved %>
+        <a href="<%= unresolve_admin_visitor_error_path(visitor_error) %>" data-turbo-method="patch" data-turbo-frame="_top" role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] hover:bg-[#faf8f3] cursor-pointer no-underline text-[#1c1917]">
+          <svg class="w-3.5 h-3.5 text-[#78716c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+          <%= t("ruby_cms.admin.visitor_errors.mark_as_unresolved", default: "Markeer als open") %>
+        </a>
+      <% else %>
+        <a href="<%= resolve_admin_visitor_error_path(visitor_error) %>" data-turbo-method="patch" data-turbo-frame="_top" role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] hover:bg-[#faf8f3] cursor-pointer no-underline text-[#1c1917]">
+          <svg class="w-3.5 h-3.5 text-[#78716c]" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>
+          <%= t("ruby_cms.admin.visitor_errors.mark_as_resolved", default: "Markeer als opgelost") %>
+        </a>
+      <% end %>
+      <div class="h-px bg-[#e9e4d4] my-1"></div>
+      <a href="<%= admin_visitor_error_path(visitor_error) %>" data-turbo-method="delete" data-turbo-frame="_top" data-turbo-confirm="<%= t("admin.bulk_action_table.default_confirm", default: "Weet je het zeker?") %>" role="menuitem" class="flex items-center gap-2 px-2 py-1.5 rounded-sm text-[13px] text-red-600 hover:bg-red-50 cursor-pointer no-underline">
+        <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="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" /></svg>
+        <%= t("admin.bulk_action_table.delete_selected", default: "Verwijder geselecteerde") %>
+      </a>
+    </div>
+  </template>
+</td>

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

@@ -0,0 +1,18 @@
+<% total_count = @filter_counts ? @filter_counts[:all] : (@visitor_errors&.count || 0) %>
+<% open_count  = @filter_counts ? @filter_counts[:open] : 0 %>
+<%= AdminPage do %>
+  <%= AdminPageHeader(
+    title: t("ruby_cms.admin.visitor_errors.title", default: "Bezoekersfouten"),
+    subtitle: "#{total_count} #{t("ruby_cms.admin.visitor_errors.item_name", default: "fout").pluralize(total_count)}#{open_count.positive? ? " · #{open_count} #{t("ruby_cms.admin.visitor_errors.open", default: "open").downcase}" : ""}",
+    breadcrumbs: [
+      { label: t("ruby_cms.admin.breadcrumb.admin", default: "Admin"), url: admin_root_path },
+      { label: t("ruby_cms.admin.visitor_errors.title", default: "Bezoekersfouten") }
+    ]
+  ) do %>
+    <%= link_to admin_visitor_errors_path, data: { turbo_frame: "admin_table_content" }, 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 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15" /></svg>
+      <%= t("admin.pages.common.refresh", default: "Vernieuwen") %>
+    <% end %>
+  <% end %>
+  <%= render "admin_table_content" %>
+<% end %>

data/{app/views/ruby_cms → lib/generators/ruby_cms/templates/views}/admin/visitor_errors/show.html.erb

@@ -1,8 +1,8 @@
 <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">
     <nav class="text-sm text-gray-500 mb-3">
-      <%= link_to t("ruby_cms.admin.navigation.admin", default: "Admin"), ruby_cms_admin_root_path, class: "hover:text-gray-700 transition-colors" %> /
-      <%= link_to t("ruby_cms.admin.navigation.visitor_errors", default: "Visitor Errors"), ruby_cms_admin_visitor_errors_path, class: "hover:text-gray-700 transition-colors" %> /
+      <%= link_to t("ruby_cms.admin.navigation.admin", default: "Admin"), admin_root_path, class: "hover:text-gray-700 transition-colors" %> /
+      <%= link_to t("ruby_cms.admin.navigation.visitor_errors", default: "Visitor Errors"), admin_visitor_errors_path, class: "hover:text-gray-700 transition-colors" %> /
       <span><%= t("ruby_cms.admin.visitor_errors.error", default: "Error") %> #<%= @visitor_error.id %></span>
     </nav>
 
@@ -10,7 +10,7 @@
       <h1 class="text-lg font-semibold text-gray-900"><%= t("ruby_cms.admin.visitor_errors.error_details", default: "Error Details") %></h1>
       <div class="flex items-center gap-2">
         <% unless @visitor_error.resolved %>
-          <%= button_to resolve_ruby_cms_admin_visitor_error_path(@visitor_error),
+          <%= button_to resolve_admin_visitor_error_path(@visitor_error),
               method: :patch,
               class: "inline-flex items-center gap-1.5 h-9 rounded-md bg-emerald-600 px-4 text-sm font-medium text-white shadow-sm hover:bg-emerald-700 transition-colors border-0 cursor-pointer",
               data: { confirm: t("ruby_cms.admin.visitor_errors.mark_resolved_confirm", default: "Mark this error as resolved?") } do %>
@@ -21,7 +21,7 @@
           <% end %>
         <% end %>
 
-        <%= link_to ruby_cms_admin_visitor_errors_path, class: "inline-flex items-center gap-1.5 h-9 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" do %>
+        <%= link_to admin_visitor_errors_path, class: "inline-flex items-center gap-1.5 h-9 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" do %>
           <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
           </svg>