railspress-engine 0.1.2 → 1.2.0

data/app/views/railspress/admin/entities/show.html.erb

@@ -0,0 +1,117 @@
+<% content_for :title, entity_config.singular_label %>
+
+<%
+  # Separate focal point images from other fields for special display
+  focal_point_fields = entity_config.fields.select { |_, f| f[:type] == :focal_point_image }
+  other_fields = entity_config.fields.reject { |_, f| f[:type] == :focal_point_image }
+%>
+
+<div class="rp-page-header">
+  <h1 class="rp-page-title"><%= entity_config.singular_label %></h1>
+  <div class="rp-page-actions">
+    <%= link_to "Edit", entity_edit_path(@record), class: "rp-btn rp-btn--primary" %>
+    <%= link_to "Back to #{entity_config.label}", entity_index_path, class: "rp-btn rp-btn--secondary" %>
+  </div>
+</div>
+
+<%# Display focal point images prominently before the detail card %>
+<% focal_point_fields.each do |name, field| %>
+  <% attachment = @record.public_send(name) %>
+  <% if attachment.attached? %>
+    <div class="rp-card rp-card--padded rp-image-section-card">
+      <%= render "railspress/admin/shared/image_section_compact",
+            record: @record,
+            attachment_name: name,
+            label: name.to_s.humanize %>
+    </div>
+  <% end %>
+<% end %>
+
+<div class="rp-card">
+  <dl class="rp-detail-list">
+    <% other_fields.each do |name, field| %>
+      <div class="rp-detail-item">
+        <dt class="rp-detail-label"><%= name.to_s.humanize %></dt>
+        <dd class="rp-detail-value">
+          <% value = @record.public_send(name) %>
+          <% case field[:type] %>
+          <% when :rich_text %>
+            <div class="rp-rich-text-content">
+              <%= value %>
+            </div>
+          <% when :boolean %>
+            <span class="rp-badge rp-badge--<%= value ? 'published' : 'draft' %>">
+              <%= value ? "Yes" : "No" %>
+            </span>
+          <% when :datetime %>
+            <%= value&.strftime("%B %d, %Y at %I:%M %p") || "—" %>
+          <% when :date %>
+            <%= value&.strftime("%B %d, %Y") || "—" %>
+          <% when :text %>
+            <div class="rp-text-content"><%= simple_format(value) %></div>
+          <% when :list %>
+            <% if value.is_a?(Array) && value.any? %>
+              <span class="rp-list-inline"><%= value.join(", ") %></span>
+            <% else %>
+              <span class="rp-text-muted">—</span>
+            <% end %>
+          <% when :lines %>
+            <% if value.is_a?(Array) && value.any? %>
+              <ul class="rp-list-block">
+                <% value.each do |item| %>
+                  <li><%= item %></li>
+                <% end %>
+              </ul>
+            <% else %>
+              <span class="rp-text-muted">—</span>
+            <% end %>
+          <% when :attachments %>
+            <% if value.attached? %>
+              <div class="rp-gallery-grid">
+                <% value.each do |attachment| %>
+                  <div class="rp-gallery-grid-item">
+                    <% if attachment.image? %>
+                      <%= link_to main_app.url_for(attachment), target: "_blank" do %>
+                        <%= image_tag main_app.url_for(attachment), class: "rp-gallery-grid-image" %>
+                      <% end %>
+                    <% else %>
+                      <%= link_to attachment.filename, main_app.url_for(attachment), class: "rp-link" %>
+                    <% end %>
+                  </div>
+                <% end %>
+              </div>
+            <% else %>
+              <span class="rp-text-muted">No images</span>
+            <% end %>
+          <% when :attachment %>
+            <% if value.attached? %>
+              <div class="rp-attachment-display">
+                <% if value.image? %>
+                  <%= link_to main_app.url_for(value), target: "_blank" do %>
+                    <%= image_tag main_app.url_for(value), class: "rp-attachment-image" %>
+                  <% end %>
+                <% else %>
+                  <%= link_to value.filename, main_app.url_for(value), class: "rp-link" %>
+                <% end %>
+              </div>
+            <% else %>
+              <span class="rp-text-muted">No file attached</span>
+            <% end %>
+          <% else %>
+            <%= value.presence || "—" %>
+          <% end %>
+        </dd>
+      </div>
+    <% end %>
+
+    <div class="rp-detail-item">
+      <dt class="rp-detail-label">Created</dt>
+      <dd class="rp-detail-value"><%= @record.created_at.strftime("%B %d, %Y at %I:%M %p") %></dd>
+    </div>
+
+    <div class="rp-detail-item">
+      <dt class="rp-detail-label">Updated</dt>
+      <dd class="rp-detail-value"><%= @record.updated_at.strftime("%B %d, %Y at %I:%M %p") %></dd>
+    </div>
+  </dl>
+</div>

data/app/views/railspress/admin/exports/show.html.erb

@@ -0,0 +1,62 @@
+<div class="rp-page-header">
+  <h1 class="rp-page-title">Export <%= @export_type.titleize %></h1>
+  <div class="rp-page-actions">
+    <%= link_to "Back to #{@export_type.titleize}", @back_path, class: "rp-btn rp-btn--secondary" %>
+  </div>
+</div>
+
+<div class="rp-card rp-card--padded rp-export-format-card">
+  <div class="rp-export-format-content">
+    <div class="rp-export-format-info">
+      <strong>Export Format</strong>
+      <span>Each post exports as markdown with YAML frontmatter (title, slug, status, dates, category, tags, SEO fields, author). Header images included in <code>images/</code> folder.</span>
+    </div>
+    <%= form_with url: admin_exports_path, method: :post, class: "rp-export-format-action" do |form| %>
+      <%= hidden_field_tag "export[export_type]", @export_type %>
+      <%= form.submit "Export #{pluralize(@post_count, 'post')}", class: "rp-btn rp-btn--primary", disabled: @post_count == 0 %>
+    <% end %>
+  </div>
+</div>
+
+<% if @recent_exports.any? %>
+  <div class="rp-card" style="margin-top: var(--rp-space-lg);">
+    <div class="rp-sidebar-section" style="background: transparent; border: none;">
+      <h3 class="rp-sidebar-title">Recent Exports</h3>
+    </div>
+    <table class="rp-table">
+      <thead>
+        <tr>
+          <th>File</th>
+          <th>Status</th>
+          <th>Results</th>
+          <th>Date</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @recent_exports.each do |export| %>
+          <tr>
+            <td class="rp-table-primary"><%= export.filename || "Processing..." %></td>
+            <td>
+              <span class="rp-badge rp-badge--<%= export.status %>">
+                <%= export.status.titleize %>
+              </span>
+            </td>
+            <td class="rp-table-secondary">
+              <%= export.success_count %>/<%= export.total_count %> exported
+              <% if export.error_count > 0 %>
+                <span class="rp-text-danger">(<%= export.error_count %> errors)</span>
+              <% end %>
+            </td>
+            <td class="rp-table-secondary"><%= export.created_at.strftime("%b %d, %Y %H:%M") %></td>
+            <td>
+              <% if export.completed? && export.file.attached? %>
+                <%= link_to "Download", download_admin_export_path(export), class: "rp-btn rp-btn--sm rp-btn--secondary" %>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% end %>

data/app/views/railspress/admin/imports/_instructions.html.erb

@@ -0,0 +1,56 @@
+<div class="rp-sidebar-section">
+  <h3 class="rp-sidebar-title">Supported Files</h3>
+  <ul class="rp-import-list">
+    <li><strong>.md / .markdown</strong> - Markdown with optional frontmatter</li>
+    <li><strong>.txt</strong> - Plain text (title from filename)</li>
+    <li><strong>.zip</strong> - Archive containing multiple files</li>
+  </ul>
+</div>
+
+<div class="rp-sidebar-section">
+  <h3 class="rp-sidebar-title">Frontmatter Fields</h3>
+  <ul class="rp-import-list">
+    <li><strong>title</strong> - Post title (required)</li>
+    <li><strong>slug</strong> - URL slug (auto-generated if blank)</li>
+    <li><strong>status</strong> - draft or published (default: draft)</li>
+    <li><strong>published_at</strong> - Publish date (default: today)</li>
+    <li><strong>author</strong> - Author name (case-insensitive match)</li>
+    <li><strong>category</strong> - Category name (case-insensitive match)</li>
+    <li><strong>tags</strong> - Comma-separated tag names</li>
+    <li><strong>header_image</strong> - Relative path in zip or URL</li>
+    <li><strong>meta_title</strong> - SEO title</li>
+    <li><strong>meta_description</strong> - SEO description</li>
+  </ul>
+</div>
+
+<div class="rp-sidebar-section">
+  <h3 class="rp-sidebar-title">Example Markdown</h3>
+  <pre class="rp-code-block"><code>---
+title: My Blog Post
+status: published
+published_at: 2024-01-15
+author: John Doe
+category: Technology
+tags: ruby, rails, tutorial
+header_image: images/hero.jpg
+---
+
+Your post content starts here.
+
+Use **markdown** formatting for
+rich text content.</code></pre>
+</div>
+
+<div class="rp-sidebar-section">
+  <h3 class="rp-sidebar-title">Zip Structure</h3>
+  <pre class="rp-code-block"><code>my-posts.zip
+├── post-one.md
+├── post-two.md
+├── images/
+│   └── hero.jpg
+└── drafts/
+    └── work-in-progress.md</code></pre>
+  <p class="rp-hint" style="margin-top: var(--rp-space-sm);">
+    Images referenced in frontmatter are attached from the zip.
+  </p>
+</div>

data/app/views/railspress/admin/imports/show.html.erb

@@ -0,0 +1,137 @@
+<div class="rp-page-header">
+  <h1 class="rp-page-title">Import <%= @import_type.titleize %></h1>
+  <div class="rp-page-actions">
+    <%= link_to "Back to #{@import_type.titleize}", @back_path, class: "rp-btn rp-btn--secondary" %>
+  </div>
+</div>
+
+<div class="rp-import-layout">
+  <div class="rp-import-main">
+    <div class="rp-card rp-card--padded">
+      <%= form_with url: admin_imports_path, method: :post, multipart: true, class: "rp-form" do |form| %>
+        <%= hidden_field_tag "import[import_type]", @import_type %>
+
+        <label for="import_file" class="rp-dropzone" id="dropzone">
+          <div class="rp-dropzone-icon">
+            <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+              <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
+              <polyline points="17 8 12 3 7 8"/>
+              <line x1="12" y1="3" x2="12" y2="15"/>
+            </svg>
+          </div>
+          <div class="rp-dropzone-text">
+            <strong>Choose files or drag them here</strong>
+            <span>Supports .md, .markdown, .txt, or .zip</span>
+          </div>
+          <%= file_field_tag "import[file][]", id: "import_file", class: "rp-dropzone-input", multiple: true, accept: ".md,.markdown,.txt,.zip" %>
+        </label>
+
+        <div id="file-list" class="rp-file-list" hidden></div>
+
+        <div class="rp-form-actions">
+          <%= form.submit "Start Import", class: "rp-btn rp-btn--primary", id: "submit-btn", disabled: true %>
+        </div>
+      <% end %>
+    </div>
+
+    <% if @recent_imports.any? %>
+      <div class="rp-card" style="margin-top: var(--rp-space-lg);">
+        <div class="rp-sidebar-section" style="background: transparent; border: none;">
+          <h3 class="rp-sidebar-title">Recent Imports</h3>
+        </div>
+        <table class="rp-table">
+          <thead>
+            <tr>
+              <th>File</th>
+              <th>Status</th>
+              <th>Results</th>
+              <th>Date</th>
+            </tr>
+          </thead>
+          <tbody>
+            <% @recent_imports.each do |import| %>
+              <tr>
+                <td class="rp-table-primary"><%= import.filename || "Multiple files" %></td>
+                <td>
+                  <span class="rp-badge rp-badge--<%= import.status %>">
+                    <%= import.status.titleize %>
+                  </span>
+                </td>
+                <td class="rp-table-secondary">
+                  <%= import.success_count %>/<%= import.total_count %> succeeded
+                  <% if import.error_count > 0 %>
+                    <span class="rp-text-danger">(<%= import.error_count %> errors)</span>
+                  <% end %>
+                </td>
+                <td class="rp-table-secondary"><%= import.created_at.strftime("%b %d, %Y %H:%M") %></td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="rp-import-sidebar">
+    <%= render "instructions" %>
+  </div>
+</div>
+
+<script>
+(function() {
+  var dropzone = document.getElementById('dropzone');
+  var input = document.getElementById('import_file');
+  var fileList = document.getElementById('file-list');
+  var submitBtn = document.getElementById('submit-btn');
+
+  // Drag and drop
+  ['dragenter', 'dragover'].forEach(function(event) {
+    dropzone.addEventListener(event, function(e) {
+      e.preventDefault();
+      dropzone.classList.add('rp-dropzone--active');
+    });
+  });
+
+  ['dragleave', 'drop'].forEach(function(event) {
+    dropzone.addEventListener(event, function(e) {
+      e.preventDefault();
+      dropzone.classList.remove('rp-dropzone--active');
+    });
+  });
+
+  dropzone.addEventListener('drop', function(e) {
+    input.files = e.dataTransfer.files;
+    updateFileList();
+  });
+
+  // File input change
+  input.addEventListener('change', updateFileList);
+
+  function updateFileList() {
+    var files = input.files;
+    if (files.length === 0) {
+      fileList.hidden = true;
+      submitBtn.disabled = true;
+      return;
+    }
+
+    var html = '';
+    for (var i = 0; i < files.length; i++) {
+      html += '<div class="rp-file-item">' +
+        '<span class="rp-file-name">' + files[i].name + '</span>' +
+        '<span class="rp-file-size">' + formatSize(files[i].size) + '</span>' +
+        '</div>';
+    }
+
+    fileList.innerHTML = html;
+    fileList.hidden = false;
+    submitBtn.disabled = false;
+  }
+
+  function formatSize(bytes) {
+    if (bytes < 1024) return bytes + ' B';
+    if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + ' KB';
+    return (bytes / (1024 * 1024)).toFixed(1) + ' MB';
+  }
+})();
+</script>

data/app/views/railspress/admin/posts/_form.html.erb

@@ -30,10 +30,84 @@
         <p class="rp-hint">Leave blank to auto-generate from title</p>
       </div>
 
-      <div class="rp-form-group">
-        <%= form.label :content, class: "rp-label" %>
+      <% if post_images_enabled? %>
+        <% attachment = @post.header_image %>
+        <% has_image = attachment.attached? && attachment.blob&.persisted? %>
+
+        <% if @post.persisted? && has_image %>
+          <%# Existing post with image - use turbo frame for focal point editing %>
+          <%= render "railspress/admin/shared/image_section_compact",
+                record: @post,
+                attachment_name: :header_image,
+                label: "Main Image" %>
+        <% else %>
+          <%# New post or no image - show upload dropzone in form context %>
+          <div class="rp-form-group">
+            <label class="rp-label">Main Image</label>
+            <% if has_image %>
+              <%# Image uploaded but not saved yet - show preview %>
+              <div class="rp-image-section__compact">
+                <div class="rp-image-section__thumb">
+                  <%= image_tag main_app.url_for(attachment.variant(resize_to_limit: [120, 80])), alt: "" %>
+                </div>
+                <div class="rp-image-section__info">
+                  <span class="rp-image-section__filename"><%= attachment.filename %></span>
+                  <span class="rp-image-section__meta"><%= number_to_human_size(attachment.byte_size) %></span>
+                </div>
+                <div class="rp-image-section__actions">
+                  <label class="rp-btn rp-btn--outline rp-btn--sm">
+                    Change
+                    <%= form.file_field :header_image, accept: "image/*", class: "rp-sr-only", direct_upload: true %>
+                  </label>
+                </div>
+              </div>
+              <p class="rp-hint">Save the post to enable focal point editing.</p>
+            <% else %>
+              <%= render "railspress/admin/shared/dropzone",
+                    form: form,
+                    field_name: :header_image,
+                    prompt: "Click to upload main image" %>
+            <% end %>
+          </div>
+        <% end %>
+      <% end %>
+
+      <div class="rp-form-group" data-markdown-mode>
+        <div class="rp-editor-header">
+          <%= form.label :content, class: "rp-label" %>
+          <div class="rp-editor-mode-toggle">
+            <button type="button"
+                    class="rp-btn rp-btn--small rp-btn--ghost"
+                    data-markdown-toggle
+                    aria-pressed="false"
+                    title="Toggle markdown mode">
+              <span data-mode-label="rich">
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <path d="M4 7V4h16v3M9 20h6M12 4v16"/>
+                </svg>
+                Markdown
+              </span>
+              <span data-mode-label="markdown" hidden>
+                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"/>
+                  <line x1="9" y1="9" x2="15" y2="9"/>
+                  <line x1="9" y1="13" x2="15" y2="13"/>
+                  <line x1="9" y1="17" x2="12" y2="17"/>
+                </svg>
+                Rich Text
+              </span>
+            </button>
+          </div>
+        </div>
         <%= form.rich_text_area :content, class: "rp-rich-text" %>
-        <p class="rp-hint">Rich text editor powered by Lexxy</p>
+        <textarea data-markdown-textarea
+                  class="rp-markdown-editor"
+                  placeholder="Write in Markdown..."
+                  hidden></textarea>
+        <p class="rp-hint">
+          <span data-mode-label="rich">Rich text editor powered by Lexxy. Click "Markdown" to edit raw markdown.</span>
+          <span data-mode-label="markdown" hidden>Editing in Markdown mode. Supports **bold**, *italic*, # headings, - lists, and more.</span>
+        </p>
       </div>
     </div>
 
@@ -50,6 +124,31 @@
               class: "rp-select" %>
         </div>
 
+        <div class="rp-form-group">
+          <%= form.label :published_at, "Publish Date", class: "rp-label" %>
+          <%= form.datetime_local_field :published_at,
+              class: "rp-input",
+              value: @post.published_at || Time.current %>
+        </div>
+
+        <div class="rp-form-group">
+          <%= form.label :reading_time, "Reading Time (min)", class: "rp-label" %>
+          <div class="rp-input-with-button">
+            <%= form.number_field :reading_time,
+                class: "rp-input",
+                min: 1,
+                placeholder: @post.persisted? ? @post.calculate_reading_time : "Auto" %>
+            <% if @post.persisted? %>
+              <button type="button"
+                      class="rp-btn rp-btn--secondary rp-btn--sm"
+                      onclick="this.previousElementSibling.value = '<%= @post.calculate_reading_time %>'">
+                Calculate
+              </button>
+            <% end %>
+          </div>
+          <p class="rp-hint">Leave blank to auto-calculate from content</p>
+        </div>
+
         <div class="rp-form-group">
           <%= form.label :category_id, "Category", class: "rp-label" %>
           <%= form.collection_select :category_id, @categories, :id, :name,
@@ -76,31 +175,6 @@
         </div>
       </div>
 
-      <% if header_images_enabled? %>
-        <div class="rp-sidebar-section">
-          <h3 class="rp-sidebar-title">Header Image</h3>
-
-          <div class="rp-form-group">
-            <% if @post.header_image.attached? %>
-              <div class="rp-header-image-preview">
-                <%= image_tag main_app.url_for(@post.header_image.variant(resize_to_limit: [400, 300])), class: "rp-header-image-thumb" %>
-              </div>
-            <% end %>
-
-            <%= form.label :header_image, class: "rp-label" %>
-            <%= form.file_field :header_image, accept: "image/*", class: "rp-file-input" %>
-            <p class="rp-hint">Recommended: 1200x630px for social sharing</p>
-
-            <% if @post.header_image.attached? %>
-              <label class="rp-checkbox-label">
-                <%= form.check_box :remove_header_image, {}, "1", "0" %>
-                Remove current image
-              </label>
-            <% end %>
-          </div>
-        </div>
-      <% end %>
-
       <div class="rp-sidebar-section">
         <h3 class="rp-sidebar-title">SEO</h3>
 

data/app/views/railspress/admin/posts/_post_row.html.erb

@@ -0,0 +1,40 @@
+<tr>
+  <td class="rp-table-truncate">
+    <%= link_to post.title, admin_post_path(post), class: "rp-link rp-table-primary", title: post.title %>
+    <% if post.tags.any? %>
+      <div class="rp-tag-list">
+        <% post.tags.each do |tag| %>
+          <span class="rp-tag"><%= tag.name %></span>
+        <% end %>
+      </div>
+    <% end %>
+  </td>
+  <td><%= post.category&.name || "—" %></td>
+  <% if authors_enabled? %>
+    <td><%= post.author&.public_send(Railspress.author_display_method) || "—" %></td>
+  <% end %>
+  <td>
+    <span class="rp-badge rp-badge--<%= post.display_status %>">
+      <%= post.display_status.titleize %>
+    </span>
+  </td>
+  <td class="rp-table-secondary" title="<%= post.published_at&.strftime("%B %-d, %Y at %-I:%M %p") %>">
+    <% if post.published_at %>
+      <span class="rp-table-date-full"><%= post.published_at.strftime("%-m/%-d/%Y %-I:%M%P") %></span>
+      <span class="rp-table-date-short"><%= post.published_at.strftime("%-m/%-d/%y") %></span>
+    <% else %>
+      —
+    <% end %>
+  </td>
+  <td class="rp-table-secondary" title="<%= post.created_at.strftime("%B %-d, %Y at %-I:%M %p") %>">
+    <span class="rp-table-date-full"><%= post.created_at.strftime("%-m/%-d/%Y") %></span>
+    <span class="rp-table-date-short"><%= post.created_at.strftime("%-m/%-d/%y") %></span>
+  </td>
+  <td class="rp-table-actions">
+    <%= rp_table_action_icons(
+          edit_path: edit_admin_post_path(post),
+          delete_path: admin_post_path(post),
+          confirm: "Delete this post?"
+        ) %>
+  </td>
+</tr>

data/app/views/railspress/admin/posts/index.html.erb

@@ -1,55 +1,66 @@
 <div class="rp-page-header">
   <h1 class="rp-page-title">Posts</h1>
   <div class="rp-page-actions">
+    <%= link_to "Export", typed_admin_exports_path(type: "posts"), class: "rp-btn rp-btn--secondary" %>
+    <%= link_to "Import", typed_admin_imports_path(type: "posts"), class: "rp-btn rp-btn--secondary" %>
     <%= link_to "New Post", new_admin_post_path, class: "rp-btn rp-btn--primary" %>
   </div>
 </div>
 
+<div class="rp-card">
+  <%= form_with url: admin_posts_path, method: :get, class: "rp-filter-bar", data: { turbo_frame: "_top" } do %>
+    <div class="rp-filter-bar__search">
+      <%= text_field_tag :q, params[:q], placeholder: "Search posts...", class: "rp-input" %>
+    </div>
+    <div class="rp-filter-bar__filters">
+      <%= select_tag :category_id,
+          options_from_collection_for_select(@categories, :id, :name, params[:category_id]),
+          include_blank: "All Categories",
+          class: "rp-select" %>
+      <%= select_tag :status,
+          options_for_select([["All Statuses", ""], ["Draft", "draft"], ["Published", "published"], ["Scheduled", "scheduled"]], params[:status]),
+          class: "rp-select" %>
+      <%= submit_tag "Filter", class: "rp-btn rp-btn--secondary" %>
+      <% if params[:q].present? || params[:category_id].present? || params[:status].present? %>
+        <%= link_to "Clear", admin_posts_path, class: "rp-btn rp-btn--text" %>
+      <% end %>
+    </div>
+  <% end %>
+</div>
+
 <div class="rp-card">
   <div class="rp-table--responsive">
     <table class="rp-table">
       <thead>
         <tr>
-          <th>Title</th>
-          <th>Category</th>
-          <% if authors_enabled? %><th>Author</th><% end %>
-          <th>Status</th>
-          <th>Date</th>
-          <th class="rp-table-actions">Actions</th>
+          <th><%= rp_sortable_header(:title, "Title", current_sort: @sort, current_direction: @direction) %></th>
+          <th><%= rp_sortable_header(:category, "Category", current_sort: @sort, current_direction: @direction) %></th>
+          <% if authors_enabled? %><th><%= rp_table_header("Author") %></th><% end %>
+          <th><%= rp_sortable_header(:status, "Status", current_sort: @sort, current_direction: @direction) %></th>
+          <th><%= rp_sortable_header(:published_at, "Published", current_sort: @sort, current_direction: @direction) %></th>
+          <th><%= rp_sortable_header(:created_at, "Created", current_sort: @sort, current_direction: @direction) %></th>
+          <th class="rp-table-actions"><%= rp_table_header("Actions") %></th>
         </tr>
       </thead>
       <tbody>
-        <% @posts.each do |post| %>
-          <tr>
-            <td>
-              <%= link_to post.title, admin_post_path(post), class: "rp-link rp-table-primary" %>
-              <% if post.tags.any? %>
-                <div class="rp-tag-list">
-                  <% post.tags.each do |tag| %>
-                    <span class="rp-tag"><%= tag.name %></span>
-                  <% end %>
-                </div>
-              <% end %>
-            </td>
-            <td><%= post.category&.name || "—" %></td>
-            <% if authors_enabled? %>
-              <td><%= post.author&.public_send(Railspress.author_display_method) || "—" %></td>
-            <% end %>
-            <td>
-              <span class="rp-badge rp-badge--<%= post.status %>">
-                <%= post.status.titleize %>
-              </span>
-            </td>
-            <td class="rp-table-secondary"><%= post.created_at.strftime("%b %d, %Y") %></td>
-            <td class="rp-table-actions">
-              <%= link_to "Edit", edit_admin_post_path(post), class: "rp-link" %>
-              <%= button_to "Delete", admin_post_path(post), method: :delete,
-                  data: { turbo_confirm: "Delete this post?" },
-                  class: "rp-link rp-link--danger" %>
-            </td>
-          </tr>
-        <% end %>
+        <%= render partial: "post_row", collection: @posts, as: :post %>
       </tbody>
     </table>
   </div>
+
+  <% if @total_pages > 1 %>
+    <div class="rp-pagination">
+      <span class="rp-pagination__info">
+        Page <%= @page %> of <%= @total_pages %> (<%= @total_count %> posts)
+      </span>
+      <div class="rp-pagination__links">
+        <% if @page > 1 %>
+          <%= link_to "← Prev", url_for(request.query_parameters.merge(page: @page - 1)), class: "rp-btn rp-btn--secondary rp-btn--sm" %>
+        <% end %>
+        <% if @page < @total_pages %>
+          <%= link_to "Next →", url_for(request.query_parameters.merge(page: @page + 1)), class: "rp-btn rp-btn--secondary rp-btn--sm" %>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
 </div>