ruby_cms 0.1.0

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

@@ -0,0 +1,66 @@
+<%
+  bulk_action_buttons = []
+  begin
+    bulk_publish_url = bulk_publish_ruby_cms_admin_content_blocks_path
+    bulk_action_buttons << {
+      name: "publish",
+      label: "Publish Selected",
+      url: bulk_publish_url,
+      confirm: "Are you sure you want to publish the selected content blocks?"
+    }
+  rescue NoMethodError, ActionController::UrlGenerationError
+  end
+  
+  begin
+    bulk_unpublish_url = bulk_unpublish_ruby_cms_admin_content_blocks_path
+    bulk_action_buttons << {
+      name: "unpublish",
+      label: "Unpublish Selected",
+      url: bulk_unpublish_url,
+      confirm: "Are you sure you want to unpublish the selected content blocks?"
+    }
+  rescue NoMethodError, ActionController::UrlGenerationError
+  end
+  
+  begin
+    bulk_delete_url = bulk_delete_ruby_cms_admin_content_blocks_path
+  rescue NoMethodError, ActionController::UrlGenerationError
+    bulk_delete_url = nil
+  end
+%>
+
+  <% locale_filter_url = ruby_cms_admin_content_blocks_path %>
+  <% locale_filter_html = capture do %>
+    <%= tag.div class: "flex items-center gap-1" do %>
+      <%= tag.span "Locale:", class: "text-xs font-medium text-gray-500 mr-1" %>
+      <% ([nil] + I18n.available_locales.to_a).each do |loc| %>
+        <% is_active = (params[:locale].blank? && loc.nil?) || (loc && params[:locale].to_s == loc.to_s) %>
+        <%= link_to (loc ? ruby_cms_locale_display_name(loc) : "All"), (loc ? "#{locale_filter_url}?locale=#{loc}" : locale_filter_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: locale_filter_html,
+    title: "Content blocks",
+    collection: @content_blocks || [],
+    headers: ["Key", "Locale", "Title", "Type", "Published", { text: "Actions", class: "text-right" }],
+    action_icons: [
+      {
+        url: new_ruby_cms_admin_content_block_path,
+        title: "New content block",
+        color: "blue",
+        icon: "M12 4.5v15m7.5-7.5h-15",
+        data: { turbo_frame: "_top" }
+      }
+    ],
+    search_url: ruby_cms_admin_content_blocks_path,
+    search_param: "q",
+    turbo_frame: "admin_table_content",
+    bulk_actions_url: bulk_delete_url,
+    bulk_action_buttons: bulk_action_buttons,
+    item_name: "content block",
+    pagination: @pagination,
+    pagination_path: @pagination_path,
+    row_partial: "ruby_cms/admin/content_blocks/row",
+    row_click_url: ->(item) { ruby_cms_admin_content_block_path(item.respond_to?(:content_block) ? item.content_block : item) }
+  } %>

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

@@ -0,0 +1,5 @@
+<h1 class="text-2xl font-semibold text-gray-900 mb-4">New content block</h1>
+
+<%= render "form" %>
+
+<p class="mt-4"><%= link_to "Back", ruby_cms_admin_content_blocks_path, class: "text-blue-600 hover:text-blue-800" %></p>

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

@@ -0,0 +1,110 @@
+<div class="flex flex-wrap items-center justify-between gap-4 mb-4">
+  <h1 class="text-lg font-semibold tracking-tight text-gray-900">Content block</h1>
+  <div class="flex items-center gap-2">
+    <%= link_to "Edit",
+                edit_ruby_cms_admin_content_block_path(@content_block),
+                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 no-underline" %>
+    <%= link_to "Back",
+                ruby_cms_admin_content_blocks_path,
+                class: "inline-flex h-9 items-center justify-center rounded-md border border-gray-200 bg-white px-4 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 transition-colors no-underline" %>
+  </div>
+</div>
+
+<div class="rounded-lg border border-gray-200/80 bg-white shadow-sm overflow-hidden">
+
+  <div class="grid grid-cols-2 sm:grid-cols-4 gap-6 p-6 border-b border-gray-100">
+    <div>
+      <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">ID</div>
+      <div class="text-sm text-gray-900"><%= @content_block.id %></div>
+    </div>
+
+    <div>
+      <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Key</div>
+      <div class="text-sm font-mono text-gray-900"><%= @content_block.key %></div>
+    </div>
+
+    <div>
+      <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Locale</div>
+      <div class="text-sm text-gray-900"><%= ruby_cms_locale_display_name(@content_block.locale) %></div>
+    </div>
+
+    <div>
+      <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Type</div>
+      <div class="text-sm text-gray-900"><%= @content_block.content_type %></div>
+    </div>
+
+    <div>
+      <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Published</div>
+      <div class="text-sm text-gray-900">
+        <% if @content_block.published? %>
+          <span class="inline-flex items-center rounded-md bg-emerald-50 px-2 py-0.5 text-xs font-medium text-emerald-700 ring-1 ring-inset ring-emerald-200">Published</span>
+        <% else %>
+          <span class="inline-flex items-center rounded-md bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-200">Draft</span>
+        <% end %>
+      </div>
+    </div>
+
+    <div>
+      <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Created At</div>
+      <div class="text-sm text-gray-900"><%= @content_block.created_at.strftime("%B %d, %Y at %I:%M %p") %></div>
+    </div>
+
+    <div>
+      <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Last Updated</div>
+      <div class="text-sm text-gray-900"><%= @content_block.updated_at.strftime("%B %d, %Y at %I:%M %p") %></div>
+    </div>
+
+    <% if @content_block.updated_by.present? %>
+      <div>
+        <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Updated By</div>
+        <div class="text-sm text-gray-900"><%= ruby_cms_user_display(@content_block.updated_by) %></div>
+      </div>
+    <% end %>
+  </div>
+
+  <% if @blocks_by_locale.present? %>
+    <div class="grid gap-4 p-6" style="grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));">
+      <% @blocks_by_locale.each do |locale_s, block| %>
+        <div class="rounded-md border border-gray-200 bg-gray-50 overflow-hidden">
+          <div class="px-3 py-2 border-b border-gray-200 bg-gray-100">
+            <span class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-white text-gray-600 ring-1 ring-gray-200">
+              <%= ruby_cms_locale_display_name(locale_s) %>
+            </span>
+          </div>
+
+          <div class="p-4 grid grid-cols-2 gap-4">
+            <div>
+              <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Title</div>
+              <div class="text-sm text-gray-900"><%= block.title.presence || "—" %></div>
+            </div>
+
+            <div class="col-span-2">
+              <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Content</div>
+              <div class="text-sm text-gray-900 whitespace-pre-wrap"><%= block.content_body.presence || "—" %></div>
+            </div>
+
+            <% if block.respond_to?(:rich_content) && block.rich_content.present? %>
+              <div class="col-span-2">
+                <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Rich content</div>
+                <div class="text-sm text-gray-900 whitespace-pre-wrap"><%= block.rich_content %></div>
+              </div>
+            <% end %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  <% else %>
+    <div class="grid grid-cols-2 gap-6 p-6">
+      <div>
+        <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Title</div>
+        <div class="text-sm text-gray-900"><%= @content_block.title %></div>
+      </div>
+
+      <div>
+        <div class="text-xs font-medium uppercase tracking-wide text-gray-400 mb-1">Content</div>
+        <div class="text-sm text-gray-900 whitespace-pre-wrap"><%= @content_block.content_body %></div>
+      </div>
+    </div>
+  <% end %>
+
+</div>

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

@@ -0,0 +1,198 @@
+<%= AdminPage(
+  title: "Dashboard",
+  subtitle: "Welcome back! Here's an overview of your CMS.",
+  content_card: false
+) do %>
+  <div class="space-y-6">
+
+    <%# Stats %>
+    <div class="grid grid-cols-4 gap-4">
+
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <div class="flex items-start justify-between gap-3">
+          <div class="min-w-0">
+            <p class="text-sm font-medium text-gray-500">Content blocks</p>
+            <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= @content_blocks_count %></p>
+            <p class="mt-1 text-xs text-gray-500"><%= @content_blocks_published_count %> published</p>
+          </div>
+          <div class="mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-teal-50 text-teal-700 ring-1 ring-inset ring-teal-100">
+            <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="M4 6h16M4 10h16M4 14h8"/></svg>
+          </div>
+        </div>
+        <div class="mt-4 border-t border-gray-100 pt-3">
+          <%= link_to ruby_cms_admin_content_blocks_path, class: "inline-flex items-center gap-1 text-xs font-medium text-gray-600 hover:text-gray-900 transition-colors" do %>
+            Manage <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"/></svg>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <div class="flex items-start justify-between gap-3">
+          <div class="min-w-0">
+            <p class="text-sm font-medium text-gray-500">Users</p>
+            <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= @users_count %></p>
+            <p class="mt-1 text-xs text-gray-500">registered</p>
+          </div>
+          <div class="mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-blue-50 text-blue-700 ring-1 ring-inset ring-blue-100">
+            <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="M17 20h5v-2a4 4 0 00-4-4h-1M9 20H4v-2a4 4 0 014-4h1m4-4a4 4 0 110-8 4 4 0 010 8z"/></svg>
+          </div>
+        </div>
+        <div class="mt-4 border-t border-gray-100 pt-3">
+          <%= link_to ruby_cms_admin_users_path, class: "inline-flex items-center gap-1 text-xs font-medium text-gray-600 hover:text-gray-900 transition-colors" do %>
+            Manage <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"/></svg>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <div class="flex items-start justify-between gap-3">
+          <div class="min-w-0">
+            <p class="text-sm font-medium text-gray-500">Permissions</p>
+            <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= @permissions_count %></p>
+            <p class="mt-1 text-xs text-gray-500"><%= @user_permissions_count %> grants</p>
+          </div>
+          <div class="mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-lg bg-violet-50 text-violet-700 ring-1 ring-inset ring-violet-100">
+            <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="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>
+          </div>
+        </div>
+        <div class="mt-4 border-t border-gray-100 pt-3">
+          <%= link_to ruby_cms_admin_permissions_path, class: "inline-flex items-center gap-1 text-xs font-medium text-gray-600 hover:text-gray-900 transition-colors" do %>
+            Manage <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"/></svg>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="rounded-lg border border-gray-200/80 bg-white p-5 shadow-sm">
+        <div class="flex items-start justify-between gap-3">
+          <div class="min-w-0">
+            <p class="text-sm font-medium text-gray-500">Visitor errors</p>
+            <p class="mt-2 text-3xl font-semibold tracking-tight text-gray-900 tabular-nums"><%= @visitor_errors_count %></p>
+            <p class="mt-1 text-xs font-medium">
+              <% if @unresolved_errors_count.to_i > 0 %>
+                <span class="text-rose-600"><%= @unresolved_errors_count %> unresolved</span>
+              <% else %>
+                <span class="text-emerald-600">all clear</span>
+              <% end %>
+            </p>
+          </div>
+          <% icon_bg = @unresolved_errors_count.to_i > 0 ? "bg-rose-50 text-rose-700 ring-rose-100" : "bg-emerald-50 text-emerald-700 ring-emerald-100" %>
+          <div class="mt-0.5 inline-flex h-9 w-9 items-center justify-center rounded-lg ring-1 ring-inset <%= icon_bg %>">
+            <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="M12 9v2m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/></svg>
+          </div>
+        </div>
+        <div class="mt-4 border-t border-gray-100 pt-3">
+          <%= link_to ruby_cms_admin_visitor_errors_path, class: "inline-flex items-center gap-1 text-xs font-medium text-gray-600 hover:text-gray-900 transition-colors" do %>
+            View all <svg class="h-3 w-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7"/></svg>
+          <% end %>
+        </div>
+      </div>
+
+    </div>
+
+    <div class="grid grid-cols-3 gap-4">
+      <div class="col-span-2 rounded-lg border border-gray-200/80 bg-white shadow-sm">
+        <div class="flex items-center justify-between gap-4 px-6 py-4 border-b border-gray-100">
+          <div>
+            <p class="text-sm font-semibold text-gray-900">Quick actions</p>
+            <p class="text-sm text-gray-500">Jump to common admin tasks.</p>
+          </div>
+        </div>
+
+        <div class="divide-y divide-gray-100">
+          <%= link_to new_ruby_cms_admin_content_block_path, class: "group flex items-center justify-between px-6 py-4 hover:bg-gray-50 transition-colors" do %>
+            <div class="flex items-center gap-3">
+              <div class="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-teal-50 text-teal-700 ring-1 ring-inset ring-teal-100">
+                <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="M12 4v16m8-8H4"/></svg>
+              </div>
+              <div>
+                <p class="text-sm font-medium text-gray-900">New content block</p>
+                <p class="text-sm text-gray-500">Create a new block</p>
+              </div>
+            </div>
+            <svg class="h-4 w-4 text-gray-300 group-hover:text-gray-500 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>
+          <% end %>
+
+          <%= link_to ruby_cms_admin_visual_editor_path, class: "group flex items-center justify-between px-6 py-4 hover:bg-gray-50 transition-colors" do %>
+            <div class="flex items-center gap-3">
+              <div class="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-indigo-50 text-indigo-700 ring-1 ring-inset ring-indigo-100">
+                <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="M15.232 5.232l3.536 3.536M9 11l6 6M3 21h18"/></svg>
+              </div>
+              <div>
+                <p class="text-sm font-medium text-gray-900">Visual editor</p>
+                <p class="text-sm text-gray-500">Edit content visually</p>
+              </div>
+            </div>
+            <svg class="h-4 w-4 text-gray-300 group-hover:text-gray-500 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>
+          <% end %>
+
+          <%= link_to ruby_cms_admin_visitor_errors_path, class: "group flex items-center justify-between px-6 py-4 hover:bg-gray-50 transition-colors" do %>
+            <div class="flex items-center gap-3">
+              <div class="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-rose-50 text-rose-700 ring-1 ring-inset ring-rose-100">
+                <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="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+              </div>
+              <div>
+                <p class="text-sm font-medium text-gray-900">Visitor errors</p>
+                <p class="text-sm text-gray-500">Review recent issues</p>
+              </div>
+            </div>
+            <svg class="h-4 w-4 text-gray-300 group-hover:text-gray-500 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>
+          <% end %>
+
+          <%= link_to ruby_cms_admin_settings_path, class: "group flex items-center justify-between px-6 py-4 hover:bg-gray-50 transition-colors" do %>
+            <div class="flex items-center gap-3">
+              <div class="inline-flex h-9 w-9 items-center justify-center rounded-lg bg-gray-100 text-gray-700 ring-1 ring-inset ring-gray-200">
+                <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.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
+              </div>
+              <div>
+                <p class="text-sm font-medium text-gray-900">Settings</p>
+                <p class="text-sm text-gray-500">Configure RubyCMS</p>
+              </div>
+            </div>
+            <svg class="h-4 w-4 text-gray-300 group-hover:text-gray-500 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>
+          <% end %>
+        </div>
+      </div>
+
+      <div class="rounded-lg border border-gray-200/80 bg-white shadow-sm">
+        <div class="flex items-center justify-between gap-4 px-6 py-4 border-b border-gray-100">
+          <div>
+            <p class="text-sm font-semibold text-gray-900">Recent errors</p>
+            <p class="text-sm text-gray-500">Latest visitor errors.</p>
+          </div>
+          <%= link_to "View all", ruby_cms_admin_visitor_errors_path, class: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors" %>
+        </div>
+
+        <% if @recent_errors.any? %>
+          <div class="divide-y divide-gray-100">
+            <% @recent_errors.first(5).each do |error| %>
+              <div class="px-6 py-4">
+                <p class="text-sm font-medium text-gray-900 truncate">
+                  <span class="text-gray-500 font-normal"><%= error.error_class %>:</span>
+                  <%= error.error_message.truncate(70) %>
+                </p>
+                <div class="mt-2 flex items-center justify-between gap-3">
+                  <div class="flex items-center gap-2">
+                    <span class="inline-flex items-center rounded-md px-2 py-0.5 text-xs font-medium ring-1 ring-inset <%= error.resolved? ? 'bg-emerald-50 text-emerald-700 ring-emerald-200' : 'bg-rose-50 text-rose-700 ring-rose-200' %>">
+                      <%= error.resolved? ? 'Resolved' : 'Unresolved' %>
+                    </span>
+                    <span class="text-xs text-gray-500"><%= time_ago_in_words(error.created_at) %> ago</span>
+                  </div>
+                  <%= link_to "Open", ruby_cms_admin_visitor_error_path(error), class: "text-sm font-medium text-gray-600 hover:text-gray-900 transition-colors" %>
+                </div>
+              </div>
+            <% end %>
+          </div>
+        <% else %>
+          <div class="px-6 py-12 text-center">
+            <div class="mx-auto mb-3 inline-flex h-11 w-11 items-center justify-center rounded-lg bg-emerald-50 ring-1 ring-inset ring-emerald-100">
+              <svg class="h-5 w-5 text-emerald-600" 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>
+            </div>
+            <p class="text-sm font-medium text-gray-900">No errors recorded</p>
+            <p class="mt-1 text-sm text-gray-500">Everything is running smoothly.</p>
+          </div>
+        <% end %>
+      </div>
+    </div>
+
+  </div>
+<% end %>

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

@@ -0,0 +1,11 @@
+<%# Row partial for permissions table %>
+<% permission = local_assigns[:permission] %>
+<%= tag.td permission.key, class: "px-6 py-3 font-medium text-gray-900" %>
+<%= tag.td permission.name, class: "px-6 py-3 text-gray-700" %>
+<%= tag.td class: "px-6 py-3 text-right" do %>
+  <%= render RubyCms::Admin::BulkActionTable::BulkActionTableActions.new(
+    delete_path: ruby_cms_admin_permission_path(permission),
+    item_id: permission.id,
+    controller_name: "ruby-cms--bulk-action-table"
+  ) %>
+<% end %>

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

@@ -0,0 +1,62 @@
+<%
+  begin
+    bulk_delete_url = bulk_delete_ruby_cms_admin_permissions_path
+  rescue NoMethodError, ActionController::UrlGenerationError
+    bulk_delete_url = nil
+  end
+%>
+
+  <% 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-permission-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 Permission</h2>
+    <%= form_with model: [:ruby_cms_admin, RubyCms::Permission.new], url: ruby_cms_admin_permissions_path, method: :post do |f| %>
+      <div class="space-y-4 max-w-sm">
+        <div class="flex flex-col gap-1">
+          <%= f.label :key, class: "text-sm font-medium text-gray-700" %>
+          <%= f.text_field :key, class: "h-9 rounded-md border border-gray-200 bg-white px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-200", placeholder: "manage_something" %>
+          <p class="text-xs text-gray-500 m-0">URL-friendly key (e.g. manage_something)</p>
+        </div>
+        <div class="flex flex-col gap-1">
+          <%= f.label :name, class: "text-sm font-medium text-gray-700" %>
+          <%= f.text_field :name, 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: "Manage Something" %>
+        </div>
+        <div class="flex items-center gap-2">
+          <%= f.submit "Create Permission", 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-permission-form" } %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+
+  <%= render partial: "ruby_cms/admin/shared/bulk_action_table_index", locals: {
+    title: "Permissions",
+    collection: @permissions || [],
+    headers: ["Key", "Name", { text: "Actions", class: "text-right" }],
+    action_icons: [
+      {
+        url: "#",
+        title: "New permission",
+        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-permission-form"
+        }
+      }
+    ],
+    search_url: ruby_cms_admin_permissions_path,
+    search_param: "q",
+    turbo_frame: "admin_table_content",
+    bulk_actions_url: bulk_delete_url,
+    bulk_action_buttons: [],
+    item_name: "permission",
+    pagination: @pagination,
+    pagination_path: @pagination_path,
+    row_partial: "ruby_cms/admin/permissions/row"
+  } %>