ruby_cms 0.1.0

data/app/views/ruby_cms/admin/settings/index.html.erb

@@ -0,0 +1,220 @@
+<%
+  nav_main_section = "main"
+  nav_bottom_section = "Settings"
+  nav_entries = ruby_cms_nav_entries
+  nav_main_entries = nav_entries.select { |e| (e[:section].to_s.presence || nav_main_section) == nav_main_section }
+  nav_bottom_entries = nav_entries.select { |e| (e[:section].to_s.presence || nav_main_section) != nav_main_section }
+  nav_item_entries = @active_tab == "navigation" ? @entries_for_tab.reject { |e| e.key == "nav_order" } : []
+  nav_sub = params[:nav_sub].to_s.presence || "order"
+  entries_for_grid = @active_tab == "navigation" ? [] : @entries_for_tab
+  is_navigation = @active_tab == "navigation"
+  settings_url = ruby_cms_admin_settings_path
+  nav_order_url = ruby_cms_admin_settings_nav_order_path
+%>
+<%= AdminPage(
+  title: t("ruby_cms.admin.settings.title", default: "Settings"),
+  subtitle: t("ruby_cms.admin.settings.subtitle", default: "Configure your admin interface preferences."),
+  content_card: false
+) do %>
+  <div class="grid gap-6 lg:grid-cols-[240px_1fr]">
+    <%# Left nav %>
+    <aside class="rounded-lg border border-gray-200/80 bg-white shadow-sm overflow-hidden">
+      <div class="px-4 py-3 border-b border-gray-100 bg-white">
+        <p class="text-xs font-semibold uppercase tracking-wider text-gray-500">
+          <%= t("ruby_cms.admin.settings.categories_title", default: "Categories") %>
+        </p>
+      </div>
+      <nav class="p-2 space-y-1" aria-label="Settings categories">
+        <% @categories.each do |category| %>
+          <% cfg = settings_tab_config(category) %>
+          <% category_s = category.to_s %>
+          <% active = (@active_tab.to_s == category_s) %>
+          <%= link_to ruby_cms_admin_settings_path(tab: category_s),
+              class: "group flex items-center gap-3 rounded-md px-3 py-2 text-sm font-medium transition-colors no-underline #{active ? 'bg-gray-100 text-gray-900' : 'text-gray-700 hover:bg-gray-50'}",
+              data: { turbo_frame: "_top" } do %>
+            <span class="inline-flex h-7 w-7 items-center justify-center rounded-md border text-sm #{active ? 'border-gray-200 bg-white text-gray-900' : 'border-transparent bg-gray-50 text-gray-600 group-hover:bg-white group-hover:border-gray-200'}" aria-hidden="true">
+              <%= ruby_cms_safe_svg_fragment(cfg[:icon]) %>
+            </span>
+            <span class="flex-1"><%= settings_tab_label(category_s) %></span>
+            <% if active %>
+              <span class="h-2 w-2 rounded-full bg-gray-900" aria-hidden="true"></span>
+            <% end %>
+          <% end %>
+        <% end %>
+      </nav>
+    </aside>
+
+    <%# Right content %>
+    <div class="space-y-6">
+      <%= turbo_frame_tag "settings_content" do %>
+        <% tab_description = settings_tab_description(@active_tab) %>
+        <% if tab_description.present? %>
+          <p class="text-sm text-gray-500"><%= tab_description %></p>
+        <% end %>
+
+        <% if is_navigation %>
+          <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">
+              <div class="flex flex-wrap items-center justify-between gap-3">
+                <div>
+                  <h2 class="text-base font-semibold text-gray-900"><%= t("ruby_cms.admin.settings.navigation_title", default: "Navigation") %></h2>
+                  <p class="mt-1 text-sm text-gray-500"><%= t("ruby_cms.admin.settings.navigation_hint", default: "Control sidebar order and visibility.") %></p>
+                </div>
+                <div class="inline-flex items-center rounded-md border border-gray-200 bg-white p-1 shadow-sm">
+                  <%= link_to ruby_cms_admin_settings_path(tab: "navigation", nav_sub: "order"),
+                      class: "px-3 py-1.5 rounded text-sm font-medium transition-colors no-underline #{nav_sub == 'order' ? 'bg-gray-900 text-white shadow-sm' : 'text-gray-700 hover:bg-gray-50'}",
+                      data: { turbo_frame: "settings_content" } do %>
+                    <%= t("ruby_cms.admin.settings.nav_order_tab", default: "Order") %>
+                  <% end %>
+                  <%= link_to ruby_cms_admin_settings_path(tab: "navigation", nav_sub: "items"),
+                      class: "px-3 py-1.5 rounded text-sm font-medium transition-colors no-underline #{nav_sub == 'items' ? 'bg-gray-900 text-white shadow-sm' : 'text-gray-700 hover:bg-gray-50'}",
+                      data: { turbo_frame: "settings_content" } do %>
+                    <%= t("ruby_cms.admin.settings.nav_items_tab", default: "Items") %>
+                  <% end %>
+                </div>
+              </div>
+            </div>
+
+            <div class="p-6 space-y-6">
+              <% if nav_sub == "order" %>
+                <%# Order tab: two sortable lists, auto-saved on drag %>
+                <%= form_with url: settings_url, method: :patch, local: true, html: { id: "nav_order_form", class: "space-y-6", data: { turbo: false } } do %>
+                  <%= hidden_field_tag :tab, "navigation" %>
+                  <div class="grid gap-6 sm:grid-cols-2">
+                    <div>
+                      <div class="flex items-center justify-between mb-2">
+                        <h3 class="text-xs font-semibold uppercase tracking-wider text-gray-500"><%= t("ruby_cms.nav.main", default: "Main") %></h3>
+                        <span class="text-xs text-gray-400"><%= t("ruby_cms.admin.settings.drag_hint", default: "Drag to reorder") %></span>
+                      </div>
+                      <ul class="rounded-lg border border-gray-200 bg-white divide-y divide-gray-100"
+                          data-list-type="main"
+                          data-controller="ruby-cms--nav-order-sortable"
+                          data-ruby-cms--nav-order-sortable-settings-url-value="<%= nav_order_url %>">
+                        <% nav_main_entries.each do |entry| %>
+                          <li class="flex items-center gap-3 px-3 py-2.5 hover:bg-gray-50 transition-colors" data-key="<%= entry[:key] %>" draggable="true">
+                            <span class="cursor-grab text-gray-400 select-none text-sm" aria-hidden="true">⋮⋮</span>
+                            <span class="flex-1 text-sm font-medium text-gray-900"><%= entry[:label] %></span>
+                            <%= hidden_field_tag "nav_order_main[]", entry[:key], id: nil %>
+                          </li>
+                        <% end %>
+                      </ul>
+                    </div>
+
+                    <div>
+                      <div class="flex items-center justify-between mb-2">
+                        <h3 class="text-xs font-semibold uppercase tracking-wider text-gray-500"><%= t("ruby_cms.nav.settings", default: "Settings") %></h3>
+                        <span class="text-xs text-gray-400"><%= t("ruby_cms.admin.settings.drag_hint", default: "Drag to reorder") %></span>
+                      </div>
+                      <ul class="rounded-lg border border-gray-200 bg-white divide-y divide-gray-100"
+                          data-list-type="bottom"
+                          data-controller="ruby-cms--nav-order-sortable"
+                          data-ruby-cms--nav-order-sortable-settings-url-value="<%= nav_order_url %>">
+                        <% nav_bottom_entries.each do |entry| %>
+                          <li class="flex items-center gap-3 px-3 py-2.5 hover:bg-gray-50 transition-colors" data-key="<%= entry[:key] %>" draggable="true">
+                            <span class="cursor-grab text-gray-400 select-none text-sm" aria-hidden="true">⋮⋮</span>
+                            <span class="flex-1 text-sm font-medium text-gray-900"><%= entry[:label] %></span>
+                            <%= hidden_field_tag "nav_order_bottom[]", entry[:key], id: nil %>
+                          </li>
+                        <% end %>
+                      </ul>
+                    </div>
+                  </div>
+
+                  <div class="rounded-md border border-gray-200 bg-gray-50 px-4 py-3">
+                    <p class="text-sm text-gray-700">
+                      <%= t("ruby_cms.admin.settings.nav_order_hint", default: "Drag items to reorder. Changes save automatically.") %>
+                    </p>
+                  </div>
+                <% end %>
+              <% else %>
+                <%# Items tab: Show in sidebar — list of toggles %>
+                <div>
+                  <h3 class="text-sm font-semibold text-gray-900"><%= t("ruby_cms.admin.settings.show_in_sidebar", default: "Show in sidebar") %></h3>
+                  <p class="mt-1 text-sm text-gray-500"><%= t("ruby_cms.admin.settings.show_in_sidebar_hint", default: "Choose which sections appear in your sidebar.") %></p>
+
+                  <% if nav_item_entries.any? %>
+                    <ul class="mt-4 divide-y divide-gray-100 rounded-lg border border-gray-200 bg-white">
+                      <% nav_item_entries.each do |entry| %>
+                        <li class="flex items-center justify-between gap-4 px-4 py-3 hover:bg-gray-50 transition-colors">
+                          <div class="min-w-0 flex-1">
+                            <span class="block text-sm font-medium text-gray-900"><%= setting_label(entry) %></span>
+                            <% if entry.description.present? %>
+                              <span class="mt-0.5 block text-xs text-gray-500"><%= entry.description %></span>
+                            <% else %>
+                              <span class="mt-0.5 block text-xs text-gray-500"><%= t("ruby_cms.admin.settings.show_in_nav", default: "Show in navigation") %></span>
+                            <% end %>
+                          </div>
+                          <div class="flex-shrink-0">
+                            <%= render_setting_field(entry: entry, value: @values[entry.key], tab: @active_tab) %>
+                          </div>
+                        </li>
+                      <% end %>
+                    </ul>
+                  <% else %>
+                    <p class="py-8 text-center text-sm text-gray-500"><%= t("ruby_cms.admin.settings.no_nav_items", default: "No item toggles in this category.") %></p>
+                  <% end %>
+                </div>
+              <% end %>
+            </div>
+          </div>
+        <% else %>
+          <% if entries_for_grid.any? %>
+            <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">
+                <h2 class="text-base font-semibold text-gray-900"><%= settings_tab_label(@active_tab) %></h2>
+                <p class="mt-1 text-sm text-gray-500"><%= t("ruby_cms.admin.settings.form_hint", default: "Changes are saved when you click Save Changes, or automatically when toggles change.") %></p>
+              </div>
+
+              <%= form_with url: settings_url, method: :patch, local: true, data: { turbo: false } do %>
+                <%= hidden_field_tag :tab, @active_tab %>
+                <div class="p-6 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+                  <% entries_for_grid.each do |entry| %>
+                    <div class="space-y-2">
+                      <%= label_tag "pref_#{entry.key}", setting_label(entry), class: "block text-sm font-medium text-gray-700" %>
+                      <% if entry.description.present? %>
+                        <p class="text-xs text-gray-500"><%= entry.description %></p>
+                      <% end %>
+                      <%= render_setting_field(entry: entry, value: @values[entry.key], tab: @active_tab) %>
+                    </div>
+                  <% end %>
+                </div>
+
+                <div class="px-6 py-4 border-t border-gray-100 bg-gray-50 flex flex-wrap items-center justify-between gap-3">
+                  <p class="text-xs text-gray-500">
+                    <%= t("ruby_cms.admin.settings.save_hint", default: "Tip: toggles autosave, other fields save on submit.") %>
+                  </p>
+                  <%= submit_tag t("ruby_cms.admin.settings.save_changes", default: "Save Changes"),
+                      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" %>
+                </div>
+              <% end %>
+            </div>
+          <% else %>
+            <div class="rounded-lg border border-dashed border-gray-200 bg-white p-10 text-center shadow-sm">
+              <p class="text-sm text-gray-500"><%= t("ruby_cms.admin.settings.no_settings", default: "No settings in this category") %></p>
+            </div>
+          <% end %>
+        <% end %>
+
+        <%# Danger zone %>
+        <div class="rounded-lg border border-rose-200 bg-rose-50 shadow-sm overflow-hidden">
+          <div class="px-6 py-4 border-b border-rose-200/60">
+            <h3 class="text-base font-semibold text-rose-900"><%= t("ruby_cms.admin.settings.danger_zone", default: "Danger zone") %></h3>
+            <p class="mt-1 text-sm text-rose-800/80"><%= t("ruby_cms.admin.settings.reset_description", default: "Reset this category’s settings back to their default values.") %></p>
+          </div>
+          <div class="px-6 py-4 flex flex-wrap items-center justify-between gap-3">
+            <p class="text-xs text-rose-800/80">
+              <%= t("ruby_cms.admin.settings.reset_confirm_hint", default: "This can’t be undone.") %>
+            </p>
+            <%= form_with url: ruby_cms_admin_settings_reset_defaults_path(tab: @active_tab),
+                method: :post,
+                local: true,
+                data: { turbo: false, turbo_confirm: t("ruby_cms.admin.settings.reset_confirm", default: "Reset all settings to default values?") } do %>
+              <%= submit_tag t("ruby_cms.admin.settings.reset_defaults", default: "Reset to Defaults"),
+                  class: "inline-flex h-9 items-center justify-center rounded-md border border-rose-300 bg-white px-4 text-sm font-medium text-rose-700 shadow-sm hover:bg-rose-100 transition-colors" %>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>

data/app/views/ruby_cms/admin/shared/_bulk_action_table_index.html.erb

@@ -0,0 +1,56 @@
+<% title = local_assigns[:title] %>
+<% collection = local_assigns[:collection] || [] %>
+<% headers = local_assigns[:headers] || [] %>
+<% action_icons = local_assigns[:action_icons] || [] %>
+<% search_url = local_assigns[:search_url] || "#" %>
+<% search_param = local_assigns[:search_param] || "q" %>
+<% turbo_frame = local_assigns[:turbo_frame] || "admin_table_content" %>
+<% bulk_actions_url = local_assigns[:bulk_actions_url] %>
+<% bulk_action_buttons = local_assigns[:bulk_action_buttons] || [] %>
+<% item_name = local_assigns[:item_name] || "item" %>
+<% pagination = local_assigns[:pagination] %>
+<% pagination_path = local_assigns[:pagination_path] %>
+<% row_partial = local_assigns[:row_partial] %>
+<% row_block = local_assigns[:row_block] %>
+<% row_click_url = local_assigns[:row_click_url] %>
+
+<%= render RubyCms::Admin::BulkActionTable::BulkActionTable.new(
+  header_title: title,
+  header_filter: local_assigns[:header_filter],
+  header_action_icons: action_icons,
+  header_search_url: search_url,
+  header_search_param: search_param,
+  turbo_frame: turbo_frame,
+  pagination: pagination,
+  pagination_path: pagination_path,
+  bulk_actions_url: bulk_actions_url,
+  bulk_actions_buttons: bulk_action_buttons,
+  item_name: item_name,
+  controller_name: "ruby-cms--bulk-action-table",
+  csrf_token: form_authenticity_token
+) do %>
+  <%= render RubyCms::Admin::BulkActionTable::BulkActionTableHeader.new(
+    headers: headers,
+    bulk_actions_enabled: true,
+    controller_name: "ruby-cms--bulk-action-table"
+  ) %>
+  
+  <%= render RubyCms::Admin::BulkActionTable::BulkActionTableBody.new do %>
+    <% collection.each do |item| %>
+        <% next if item.nil? %>
+        <%= render RubyCms::Admin::BulkActionTable::BulkActionTableRow.new(
+          click_url: row_click_url.is_a?(Proc) ? row_click_url.call(item) : nil,
+          data: { item_id: item.id },
+          bulk_actions_enabled: true,
+          controller_name: "ruby-cms--bulk-action-table",
+          class: local_assigns[:row_class].is_a?(Proc) ? local_assigns[:row_class].call(item) : nil
+        ) do %>
+          <% if row_partial %>
+            <%= render partial: row_partial, locals: { item.model_name.element.to_sym => item } %>
+          <% elsif row_block %>
+            <%= row_block.call(item) %>
+          <% end %>
+        <% end %>
+      <% end %>
+  <% end %>
+<% end %>

data/app/views/ruby_cms/admin/user_permissions/index.html.erb

@@ -0,0 +1,55 @@
+<%= AdminPage(
+  title: "User permissions",
+  subtitle: (@user.try(:email_address) || @user.try(:email) || "User ##{@user.id}"),
+  content_card: false
+) do %>
+  <div class="space-y-6">
+    <div class="flex items-center justify-between gap-4">
+      <%= link_to "Back to users", ruby_cms_admin_users_path, class: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors" %>
+    </div>
+
+    <div class="rounded-lg border border-gray-200/80 bg-white p-6 shadow-sm">
+      <p class="text-sm font-semibold text-gray-900">Grant permission</p>
+      <%= form_with url: ruby_cms_admin_user_permissions_path(@user), method: :post, class: "mt-4 flex items-end gap-2" do |f| %>
+        <div class="flex-1">
+          <%= f.select :permission_id,
+                       options_from_collection_for_select(@permissions, :id, :key),
+                       { include_blank: "Select…" },
+                       class: "w-full 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>
+        <%= f.submit "Grant", class: "h-9 inline-flex 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" %>
+      <% end %>
+    </div>
+
+    <%
+      begin
+        bulk_delete_url = bulk_delete_ruby_cms_admin_user_permissions_path(@user)
+      rescue NoMethodError, ActionController::UrlGenerationError
+        bulk_delete_url = nil
+      end
+    %>
+
+    <%= render_bulk_action_table(
+      headers: ["Permission", { text: "Actions", class: "text-right" }],
+      turbo_frame: nil,
+      bulk_actions_url: bulk_delete_url,
+      item_name: "permission"
+    ) do %>
+      <% @user_permissions.each do |up| %>
+        <%= render RubyCms::Admin::BulkActionTable::BulkActionTableRow.new(
+          data: { item_id: up.id },
+          controller_name: "ruby-cms--bulk-action-table"
+        ) do %>
+          <td class="px-6 py-3 text-sm font-medium text-gray-900"><%= up.permission.key %></td>
+          <td class="px-6 py-3 text-right">
+            <%= render RubyCms::Admin::BulkActionTable::BulkActionTableActions.new(
+              delete_path: ruby_cms_admin_user_permission_path(@user, up),
+              item_id: up.id,
+              controller_name: "ruby-cms--bulk-action-table"
+            ) %>
+          </td>
+        <% end %>
+      <% end %>
+    <% end %>
+  </div>
+<% end %>

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

@@ -0,0 +1,14 @@
+<%# Row partial for users table %>
+<% user = local_assigns[:user] %>
+<%= tag.td user.id, class: "px-6 py-3 font-medium text-gray-900 tabular-nums" %>
+<%= tag.td (user.try(:email_address) || user.try(:email) || user.to_s), class: "px-6 py-3 text-gray-700" %>
+<%= tag.td class: "px-6 py-3 text-right" do %>
+  <div class="flex items-center justify-end gap-2">
+    <%= link_to "Permissions", ruby_cms_admin_user_permissions_path(user), class: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors" %>
+    <%= render RubyCms::Admin::BulkActionTable::BulkActionTableActions.new(
+      delete_path: ruby_cms_admin_user_path(user),
+      item_id: user.id,
+      controller_name: "ruby-cms--bulk-action-table"
+    ) %>
+  </div>
+<% end %>

data/app/views/ruby_cms/admin/users/index.html.erb

@@ -0,0 +1,70 @@
+<%
+  begin
+    bulk_delete_url = bulk_delete_ruby_cms_admin_users_path
+  rescue NoMethodError, ActionController::UrlGenerationError
+    bulk_delete_url = nil
+  end
+  
+  user_class = Object.const_get(Rails.application.config.ruby_cms.user_class_name.presence || "User")
+  email_attr = user_class.column_names.include?("email_address") ? :email_address : :email
+%>
+
+  <% if flash[:alert] %>
+    <div class="rounded-md border border-rose-200 bg-rose-50 p-4">
+      <p class="text-sm text-rose-700 m-0"><%= flash[:alert] %></p>
+    </div>
+  <% end %>
+
+  <div id="new-user-form" class="hidden rounded-lg border border-gray-200/80 bg-white shadow-sm p-6">
+    <h2 class="text-base font-semibold text-gray-900 mb-4">Create User</h2>
+    <%= form_with url: ruby_cms_admin_users_path, method: :post do |f| %>
+      <div class="space-y-4 max-w-sm">
+        <div class="flex flex-col gap-1">
+          <%= f.label email_attr, class: "text-sm font-medium text-gray-700" %>
+          <%= f.text_field email_attr, 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", placeholder: "user@example.com" %>
+        </div>
+        <% if user_class.column_names.include?("password") %>
+          <div class="flex flex-col gap-1">
+            <%= f.label :password, class: "text-sm font-medium text-gray-700" %>
+            <%= f.password_field :password, 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 :password_confirmation, "Password Confirmation", class: "text-sm font-medium text-gray-700" %>
+            <%= f.password_field :password_confirmation, 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 class="flex items-center gap-2">
+          <%= f.submit "Create User", 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" %>
+          <%= tag.button "Cancel", type: "button", 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 cursor-pointer", data: { controller: "ruby-cms--toggle", action: "click->ruby-cms--toggle#hide", toggle_target_id: "new-user-form" } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <%= render partial: "ruby_cms/admin/shared/bulk_action_table_index", locals: {
+    title: "Users",
+    collection: @users || [],
+    headers: ["ID", "Email", { text: "Actions", class: "text-right" }],
+    action_icons: [
+      {
+        url: "#",
+        title: "New user",
+        color: "blue",
+        icon: "M12 4.5v15m7.5-7.5h-15",
+        data: {
+          controller: "ruby-cms--toggle",
+          action: "click->ruby-cms--toggle#toggle",
+          toggle_target_id: "new-user-form"
+        }
+      }
+    ],
+    search_url: ruby_cms_admin_users_path,
+    search_param: "q",
+    turbo_frame: "admin_table_content",
+    bulk_actions_url: bulk_delete_url,
+    bulk_action_buttons: [],
+    item_name: "user",
+    pagination: @pagination,
+    pagination_path: @pagination_path,
+    row_partial: "ruby_cms/admin/users/row"
+  } %>

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

@@ -0,0 +1,35 @@
+<% visitor_error = local_assigns.fetch(:visitor_error) %>
+<%= tag.td class: "px-6 py-3" do %>
+  <div class="text-sm text-gray-900">
+    <div class="font-medium tabular-nums"><%= visitor_error.created_at.strftime("%m/%d") %></div>
+    <div class="text-xs text-gray-500 tabular-nums"><%= visitor_error.created_at.strftime("%H:%M") %></div>
+  </div>
+<% end %>
+
+<%= tag.td class: "px-6 py-3" do %>
+  <div class="min-w-0">
+    <div class="text-sm font-medium text-gray-900 truncate"><%= visitor_error.request_path %></div>
+    <% if visitor_error.request_method != "GET" %>
+      <div class="mt-1">
+        <span class="inline-flex items-center rounded-md bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-700 ring-1 ring-inset ring-gray-200"><%= visitor_error.request_method %></span>
+      </div>
+    <% end %>
+  </div>
+<% end %>
+
+<%= tag.td class: "px-6 py-3" do %>
+  <div class="min-w-0">
+    <div class="text-sm font-medium text-gray-900 truncate"><%= visitor_error.error_class %></div>
+    <div class="text-sm text-gray-500 truncate" title="<%= visitor_error.error_message %>"><%= visitor_error.error_message.truncate(70) %></div>
+  </div>
+<% end %>
+
+<%= tag.td visitor_error.browser_info, class: "px-6 py-3 text-sm text-gray-700" %>
+<%= tag.td visitor_error.ip_address, class: "px-6 py-3 text-sm text-gray-700 tabular-nums" %>
+<%= tag.td class: "px-6 py-3" do %>
+  <% if visitor_error.resolved? %>
+    <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"><%= t("ruby_cms.admin.visitor_errors.resolved") %></span>
+  <% else %>
+    <span class="inline-flex items-center rounded-md bg-rose-50 px-2 py-0.5 text-xs font-medium text-rose-700 ring-1 ring-inset ring-rose-200"><%= t("ruby_cms.admin.visitor_errors.open") %></span>
+  <% end %>
+<% end %>

data/app/views/ruby_cms/admin/visitor_errors/index.html.erb

@@ -0,0 +1,57 @@
+<%
+  begin
+    bulk_delete_url = bulk_delete_ruby_cms_admin_visitor_errors_path
+  rescue NoMethodError, ActionController::UrlGenerationError
+    bulk_delete_url = nil
+  end
+
+  bulk_action_buttons = []
+  begin
+  bulk_action_buttons << {
+    name: "mark_as_resolved",
+    label: t("ruby_cms.admin.visitor_errors.mark_as_resolved"),
+    url: bulk_mark_as_resolved_ruby_cms_admin_visitor_errors_path,
+    action_type: "direct"
+  }
+  rescue NoMethodError, ActionController::UrlGenerationError
+  end
+
+  filter_base = ruby_cms_admin_visitor_errors_path
+  header_filter_html = capture do
+%>
+  <%= tag.div class: "flex items-center gap-1" do %>
+    <%= tag.span "#{t("ruby_cms.admin.visitor_errors.status")}:", class: "text-xs font-medium text-gray-500 mr-1" %>
+    <% [[nil, t("ruby_cms.admin.visitor_errors.all")], ["false", t("ruby_cms.admin.visitor_errors.open")], ["true", t("ruby_cms.admin.visitor_errors.resolved")]].each do |resolved_val, label| %>
+      <% is_active = (params[:resolved].blank? && resolved_val.nil?) || params[:resolved] == resolved_val %>
+      <% q = { search: params[:search], error_type: params[:error_type] }.merge(resolved_val ? { resolved: resolved_val } : {}).compact %>
+      <% url = q.any? ? "#{filter_base}?#{q.to_query}" : filter_base %>
+      <%= link_to label, url, class: "inline-flex items-center rounded-md px-2.5 py-1 text-xs font-medium transition-colors no-underline #{is_active ? 'bg-gray-900 text-white' : 'bg-white border border-gray-200 text-gray-700 hover:bg-gray-50'}", data: { turbo_frame: "admin_table_content" } %>
+    <% end %>
+  <% end %>
+<% end %>
+
+  <%= render partial: "ruby_cms/admin/shared/bulk_action_table_index", locals: {
+    header_filter: header_filter_html,
+    title: t("ruby_cms.admin.visitor_errors.title"),
+    collection: @visitor_errors || [],
+    headers: [
+      t("ruby_cms.admin.visitor_errors.time"),
+      t("ruby_cms.admin.visitor_errors.page"),
+      t("ruby_cms.admin.visitor_errors.error"),
+      t("ruby_cms.admin.visitor_errors.browser"),
+      t("ruby_cms.admin.visitor_errors.ip"),
+      t("ruby_cms.admin.visitor_errors.status")
+    ],
+    action_icons: [],
+    search_url: ruby_cms_admin_visitor_errors_path,
+    search_param: "search",
+    turbo_frame: "admin_table_content",
+    bulk_actions_url: bulk_delete_url,
+    bulk_action_buttons: bulk_action_buttons,
+    item_name: t("ruby_cms.admin.visitor_errors.item_name"),
+    pagination: @pagination,
+    pagination_path: @pagination_path,
+    row_partial: "ruby_cms/admin/visitor_errors/row",
+    row_click_url: ->(err) { ruby_cms_admin_visitor_error_path(err) },
+    row_class: ->(err) { err.resolved? ? "" : "border-l-4 border-rose-500" }
+  } %>