not_pressed-core 0.1.0

data/app/views/not_pressed/admin/forms/_form.html.erb

@@ -0,0 +1,75 @@
+<%= form_with model: @form, url: @form.new_record? ? admin_forms_path : admin_form_path(@form), class: "np-form" do |f| %>
+  <% if @form.errors.any? %>
+    <div class="np-form-errors">
+      <h3><%= pluralize(@form.errors.count, "error") %> prevented this form from being saved:</h3>
+      <ul>
+        <% @form.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <fieldset class="np-fieldset">
+    <legend class="np-legend">General</legend>
+
+    <div class="np-form-group">
+      <%= f.label :name, class: "np-label" %>
+      <%= f.text_field :name, class: "np-input" %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :description, class: "np-label" %>
+      <%= f.text_area :description, class: "np-input", rows: 3 %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :status, class: "np-label" %>
+      <%= f.select :status, NotPressed::Form.statuses.keys.map { |s| [s.humanize, s] }, {}, class: "np-input" %>
+    </div>
+  </fieldset>
+
+  <fieldset class="np-fieldset">
+    <legend class="np-legend">Settings</legend>
+
+    <div class="np-form-group">
+      <%= f.label :email_recipient, class: "np-label" %>
+      <%= f.email_field :email_recipient, class: "np-input", placeholder: "notifications@example.com" %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :redirect_url, "Redirect URL", class: "np-label" %>
+      <%= f.text_field :redirect_url, class: "np-input", placeholder: "/thank-you" %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :success_message, class: "np-label" %>
+      <%= f.text_area :success_message, class: "np-input", rows: 2, placeholder: "Thank you for your submission!" %>
+    </div>
+  </fieldset>
+
+  <fieldset class="np-fieldset" data-controller="np-form-fields">
+    <legend class="np-legend">Fields</legend>
+
+    <div class="np-field-list" data-np-form-fields-target="list">
+      <% @form.form_fields.ordered.each.with_index do |field, index| %>
+        <%= f.fields_for :form_fields, field, child_index: index do |ff| %>
+          <%= render "not_pressed/admin/forms/field_row", ff: ff, index: index %>
+        <% end %>
+      <% end %>
+    </div>
+
+    <template data-np-form-fields-target="template">
+      <%= f.fields_for :form_fields, NotPressed::FormField.new, child_index: "NEW_INDEX" do |ff| %>
+        <%= render "not_pressed/admin/forms/field_row", ff: ff, index: "NEW_INDEX" %>
+      <% end %>
+    </template>
+
+    <button type="button" class="np-btn" data-action="np-form-fields#addField" style="margin-top: 0.5rem;">+ Add Field</button>
+  </fieldset>
+
+  <div class="np-form-actions">
+    <%= f.submit @form.persisted? ? "Update Form" : "Create Form", class: "np-btn np-btn--primary" %>
+    <%= link_to "Cancel", admin_forms_path, class: "np-btn" %>
+  </div>
+<% end %>

data/app/views/not_pressed/admin/forms/edit.html.erb

@@ -0,0 +1 @@
+<%= render "form" %>

data/app/views/not_pressed/admin/forms/index.html.erb

@@ -0,0 +1,32 @@
+<div class="np-actions" style="margin-bottom: 1.5rem;">
+  <%= link_to "New Form", new_admin_form_path, class: "np-btn np-btn--primary" %>
+</div>
+
+<% if @forms.any? %>
+  <table class="np-table">
+    <thead>
+      <tr>
+        <th>Name</th>
+        <th>Status</th>
+        <th>Submissions</th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @forms.each do |form| %>
+        <tr>
+          <td><%= link_to form.name, edit_admin_form_path(form) %></td>
+          <td><%= status_badge(form.status) %></td>
+          <td><%= form.form_submissions.count %></td>
+          <td>
+            <%= link_to "Edit", edit_admin_form_path(form), class: "np-btn np-btn--small" %>
+            <%= link_to "Submissions", submissions_admin_form_path(form), class: "np-btn np-btn--small" %>
+            <%= link_to "Delete", admin_form_path(form), data: { turbo_method: :delete, turbo_confirm: "Are you sure you want to delete this form?" }, class: "np-btn np-btn--small np-btn--danger" %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <p>No forms yet. <%= link_to "Create your first form", new_admin_form_path %>.</p>
+<% end %>

data/app/views/not_pressed/admin/forms/new.html.erb

@@ -0,0 +1 @@
+<%= render "form" %>

data/app/views/not_pressed/admin/forms/submissions.html.erb

@@ -0,0 +1,34 @@
+<div class="np-actions" style="margin-bottom: 1.5rem;">
+  <%= link_to "Back to Forms", admin_forms_path, class: "np-btn" %>
+  <%= link_to "Edit Form", edit_admin_form_path(@form), class: "np-btn" %>
+  <% if @submissions.any? %>
+    <%= link_to "Export CSV", export_csv_admin_form_path(@form), class: "np-btn np-btn--primary" %>
+  <% end %>
+</div>
+
+<h2>Submissions for "<%= @form.name %>"</h2>
+
+<% if @submissions.any? %>
+  <table class="np-table">
+    <thead>
+      <tr>
+        <% @field_labels.each do |label| %>
+          <th><%= label %></th>
+        <% end %>
+        <th>Submitted At</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @submissions.each do |submission| %>
+        <tr>
+          <% @field_labels.each do |label| %>
+            <td><%= submission.data[label] %></td>
+          <% end %>
+          <td><%= submission.submitted_at&.strftime("%Y-%m-%d %H:%M:%S") %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% else %>
+  <p>No submissions yet.</p>
+<% end %>

data/app/views/not_pressed/admin/media_attachments/_media_card.html.erb

@@ -0,0 +1,21 @@
+<div class="np-media-card">
+  <div class="np-media-card-thumb">
+    <% if media.image? && media.file.attached? %>
+      <%= image_tag main_app.rails_blob_path(media.file, disposition: "inline", only_path: true), alt: media.alt_text || media.title %>
+    <% else %>
+      <div class="np-media-card-icon">DOC</div>
+    <% end %>
+  </div>
+  <div class="np-media-card-info">
+    <div class="np-media-card-title"><%= media.title || "Untitled" %></div>
+    <div class="np-media-card-meta">
+      <span class="np-badge"><%= media.content_type %></span>
+      <span><%= number_to_human_size(media.file_size || 0) %></span>
+    </div>
+    <div class="np-media-card-date"><%= time_ago_short(media.created_at) %></div>
+  </div>
+  <div class="np-media-card-actions">
+    <%= link_to "Edit", edit_admin_media_attachment_path(media), class: "np-btn np-btn--small" %>
+    <%= button_to "Delete", admin_media_attachment_path(media), method: :delete, class: "np-btn np-btn--small np-btn--danger", data: { confirm: "Delete this media?" } %>
+  </div>
+</div>

data/app/views/not_pressed/admin/media_attachments/_picker.html.erb

@@ -0,0 +1,19 @@
+<div class="np-media-picker-grid" style="display:grid; grid-template-columns:repeat(auto-fill, minmax(120px, 1fr)); gap:0.75rem; padding:1rem;">
+  <% @media.each do |media| %>
+    <div class="np-media-picker-item"
+         style="cursor:pointer; border:2px solid transparent; border-radius:4px; overflow:hidden; transition:border-color 0.2s;"
+         data-media-id="<%= media.id %>"
+         data-media-url="<%= main_app.rails_blob_path(media.file, disposition: 'inline', only_path: true) %>"
+         data-media-alt="<%= media.alt_text %>"
+         data-media-title="<%= media.title %>"
+         data-action="click->np-media-picker#select">
+      <%= image_tag main_app.rails_blob_path(media.file, disposition: "inline", only_path: true), alt: media.alt_text || media.title, style: "width:100%; height:100px; object-fit:cover; display:block;" %>
+      <div style="padding:0.25rem; font-size:0.75rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">
+        <%= media.title %>
+      </div>
+    </div>
+  <% end %>
+  <% if @media.empty? %>
+    <p style="grid-column:1/-1; text-align:center; color:#64748b; padding:2rem 0;">No images found in media library.</p>
+  <% end %>
+</div>

data/app/views/not_pressed/admin/media_attachments/edit.html.erb

@@ -0,0 +1,57 @@
+<% admin_breadcrumb "Media Library", admin_media_attachments_path %>
+<% admin_breadcrumb @media_attachment.title || "Edit" %>
+
+<div style="display:flex; gap:2rem; flex-wrap:wrap;">
+  <div style="flex:0 0 300px;">
+    <div class="np-media-card-thumb" style="height:auto; max-height:300px; border:1px solid var(--np-border); border-radius:0.5rem; overflow:hidden; display:flex; align-items:center; justify-content:center; background-color:#f1f5f9;">
+      <% if @media_attachment.image? && @media_attachment.file.attached? %>
+        <%= image_tag main_app.rails_blob_path(@media_attachment.file, disposition: "inline", only_path: true), style: "max-width:100%; max-height:300px; object-fit:contain;" %>
+      <% else %>
+        <div style="padding:2rem; text-align:center; color:#94a3b8;">
+          <div style="font-size:2rem; font-weight:700;">DOC</div>
+          <div style="margin-top:0.5rem;"><%= @media_attachment.content_type %></div>
+        </div>
+      <% end %>
+    </div>
+
+    <div style="margin-top:1rem; font-size:0.875rem; color:#64748b;">
+      <p><strong>File size:</strong> <%= number_to_human_size(@media_attachment.file_size || 0) %></p>
+      <p><strong>Content type:</strong> <%= @media_attachment.content_type %></p>
+      <p><strong>Uploaded:</strong> <%= @media_attachment.created_at.strftime("%B %d, %Y at %I:%M %p") %></p>
+      <% if @media_attachment.file.attached? %>
+        <p><strong>URL:</strong> <%= link_to "View file", main_app.rails_blob_path(@media_attachment.file, disposition: "inline", only_path: true), target: "_blank", class: "np-btn np-btn--small" %></p>
+      <% end %>
+    </div>
+  </div>
+
+  <div style="flex:1; min-width:250px;">
+    <%= form_with model: @media_attachment, url: admin_media_attachment_path(@media_attachment), method: :patch, class: "np-form" do |f| %>
+      <% if @media_attachment.errors.any? %>
+        <div class="np-form-errors">
+          <h3><%= pluralize(@media_attachment.errors.count, "error") %> prevented this media from being saved:</h3>
+          <ul>
+            <% @media_attachment.errors.full_messages.each do |msg| %>
+              <li><%= msg %></li>
+            <% end %>
+          </ul>
+        </div>
+      <% end %>
+
+      <div class="np-form-group">
+        <%= f.label :title, class: "np-label" %>
+        <%= f.text_field :title, class: "np-input" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :alt_text, "Alt text", class: "np-label" %>
+        <%= f.text_area :alt_text, class: "np-input", rows: 3, placeholder: "Describe this media for accessibility" %>
+      </div>
+
+      <div class="np-form-actions">
+        <%= f.submit "Save Changes", class: "np-btn np-btn--primary" %>
+        <%= link_to "Back to Media", admin_media_attachments_path, class: "np-btn" %>
+        <%= button_to "Delete", admin_media_attachment_path(@media_attachment), method: :delete, class: "np-btn np-btn--danger", data: { confirm: "Delete this media?" } %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/not_pressed/admin/media_attachments/index.html.erb

@@ -0,0 +1,48 @@
+<% admin_breadcrumb "Media Library" %>
+
+<div class="np-actions" style="margin-bottom: 1rem;">
+  <div data-controller="np-media-upload">
+    <%= form_tag admin_media_attachments_path, multipart: true, id: "media-upload-form", style: "display:inline" do %>
+      <input type="file" name="files[]" multiple id="media-file-input" style="display:none" data-np-media-upload-target="input" data-action="change->np-media-upload#submit">
+      <button type="button" class="np-btn np-btn--primary" data-action="np-media-upload#choose">Upload Files</button>
+    <% end %>
+  </div>
+</div>
+
+<div class="np-media-filters" style="display:flex; gap:1rem; align-items:center; margin-bottom:1rem; flex-wrap:wrap;">
+  <div class="np-media-tabs">
+    <%= link_to "All", admin_media_attachments_path(q: params[:q]), class: "np-btn np-btn--small #{params[:type].blank? ? 'np-btn--primary' : ''}" %>
+    <%= link_to "Images", admin_media_attachments_path(type: "images", q: params[:q]), class: "np-btn np-btn--small #{params[:type] == 'images' ? 'np-btn--primary' : ''}" %>
+    <%= link_to "Documents", admin_media_attachments_path(type: "documents", q: params[:q]), class: "np-btn np-btn--small #{params[:type] == 'documents' ? 'np-btn--primary' : ''}" %>
+  </div>
+
+  <%= form_tag admin_media_attachments_path, method: :get, style: "display:flex; gap:0.5rem;" do %>
+    <% if params[:type].present? %>
+      <input type="hidden" name="type" value="<%= params[:type] %>">
+    <% end %>
+    <input type="text" name="q" value="<%= params[:q] %>" placeholder="Search media..." class="np-input" style="width:14rem;">
+    <button type="submit" class="np-btn">Search</button>
+  <% end %>
+</div>
+
+<% if @media.any? %>
+  <div class="np-media-grid">
+    <% @media.each do |media| %>
+      <%= render "media_card", media: media %>
+    <% end %>
+  </div>
+
+  <% if @total_pages > 1 %>
+    <div class="np-pagination" style="display:flex; gap:0.5rem; margin-top:1rem; align-items:center;">
+      <% if @current_page > 1 %>
+        <%= link_to "Previous", admin_media_attachments_path(page: @current_page - 1, type: params[:type], q: params[:q]), class: "np-btn np-btn--small" %>
+      <% end %>
+      <span style="font-size:0.875rem; color:#64748b;">Page <%= @current_page %> of <%= @total_pages %></span>
+      <% if @current_page < @total_pages %>
+        <%= link_to "Next", admin_media_attachments_path(page: @current_page + 1, type: params[:type], q: params[:q]), class: "np-btn np-btn--small" %>
+      <% end %>
+    </div>
+  <% end %>
+<% else %>
+  <p style="color:#64748b; text-align:center; padding:2rem 0;">No media found.</p>
+<% end %>

data/app/views/not_pressed/admin/pages/_form.html.erb

@@ -0,0 +1,177 @@
+<%= form_with model: @page, url: @page.new_record? ? admin_pages_path : admin_page_path(@page), class: "np-form" do |f| %>
+  <% if @page.errors.any? %>
+    <div class="np-form-errors">
+      <h3><%= pluralize(@page.errors.count, "error") %> prevented this page from being saved:</h3>
+      <ul>
+        <% @page.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <fieldset class="np-fieldset">
+    <legend class="np-legend">General</legend>
+
+    <div class="np-form-group">
+      <%= f.label :title, class: "np-label" %>
+      <%= f.text_field :title, class: "np-input" %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :slug, class: "np-label" %>
+      <%= f.text_field :slug, class: "np-input", placeholder: "auto-generated from title if blank" %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :parent_id, "Parent Page", class: "np-label" %>
+      <%= f.select :parent_id, NotPressed::Page.where.not(id: @page.id).pluck(:title, :id), { include_blank: "None (top-level)" }, class: "np-input" %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :content_type, class: "np-label" %>
+      <%= f.select :content_type, NotPressed::ContentTypeRegistry.names, {}, class: "np-input" %>
+    </div>
+
+    <div class="np-form-group">
+      <%= f.label :status, class: "np-label" %>
+      <%= f.select :status, NotPressed::Page.statuses.keys.map { |s| [s.humanize, s] }, {}, class: "np-input", id: "page-status-select" %>
+    </div>
+
+    <div class="np-form-group" id="scheduled-at-group" style="<%= @page.scheduled? ? '' : 'display:none;' %>">
+      <%= f.label :scheduled_at, "Scheduled Publish Date", class: "np-label" %>
+      <%= f.datetime_local_field :scheduled_at, class: "np-input" %>
+    </div>
+
+    <div id="blog-fields" style="<%= @page.content_type == 'blog_post' ? '' : 'display:none;' %>">
+      <div class="np-form-group">
+        <%= f.label :category_id, "Category", class: "np-label" %>
+        <%= f.select :category_id, NotPressed::Category.ordered.pluck(:name, :id), { include_blank: "None" }, class: "np-input" %>
+      </div>
+
+      <div class="np-form-group">
+        <span class="np-label">Tags</span>
+        <div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
+          <% NotPressed::Tag.order(:name).each do |tag| %>
+            <label style="display: inline-flex; align-items: center; gap: 0.25rem;">
+              <%= check_box_tag "page[tag_ids][]", tag.id, @page.tag_ids.include?(tag.id) %>
+              <%= tag.name %>
+            </label>
+          <% end %>
+        </div>
+      </div>
+    </div>
+  </fieldset>
+
+  <details class="np-fieldset-details">
+    <summary class="np-legend">SEO</summary>
+    <fieldset class="np-fieldset np-fieldset--no-border">
+      <div class="np-form-group">
+        <%= f.label :meta_title, class: "np-label" %>
+        <%= f.text_field :meta_title, class: "np-input", placeholder: "Defaults to page title" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :meta_description, class: "np-label" %>
+        <%= f.text_area :meta_description, class: "np-input", rows: 2 %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :og_image_url, "OG Image URL", class: "np-label" %>
+        <%= f.text_field :og_image_url, class: "np-input", placeholder: "https://example.com/image.jpg" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :canonical_url, "Canonical URL", class: "np-label" %>
+        <%= f.text_field :canonical_url, class: "np-input", placeholder: "https://example.com/preferred-url" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :meta_robots, "Meta Robots", class: "np-label" %>
+        <%= f.text_field :meta_robots, class: "np-input", placeholder: "e.g. noindex, nofollow" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :og_type, "OG Type", class: "np-label" %>
+        <%= f.select :og_type, ["website", "article", "profile"], {}, class: "np-input" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :twitter_card, "Twitter Card", class: "np-label" %>
+        <%= f.select :twitter_card, ["summary", "summary_large_image"], {}, class: "np-input" %>
+      </div>
+    </fieldset>
+  </details>
+
+  <details class="np-fieldset-details">
+    <summary class="np-legend">Code Injection</summary>
+    <fieldset class="np-fieldset np-fieldset--no-border">
+      <p class="np-hint">Add custom scripts, styles, or meta tags for this page.</p>
+
+      <div class="np-form-group">
+        <%= f.label :head_code, "Header Code", class: "np-label" %>
+        <p class="np-hint">Injected into &lt;head&gt;</p>
+        <%= f.text_area :head_code, class: "np-input", rows: 4, style: "font-family: monospace;" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :body_code, "Footer Code", class: "np-label" %>
+        <p class="np-hint">Injected before &lt;/body&gt;</p>
+        <%= f.text_area :body_code, class: "np-input", rows: 4, style: "font-family: monospace;" %>
+      </div>
+    </fieldset>
+  </details>
+
+  <details class="np-fieldset-details">
+    <summary class="np-legend">Advanced</summary>
+    <fieldset class="np-fieldset np-fieldset--no-border">
+      <div class="np-form-group">
+        <%= f.label :layout, class: "np-label" %>
+        <%= f.select :layout, NotPressed.configuration.effective_layouts, { include_blank: "Default" }, class: "np-input" %>
+      </div>
+
+      <div class="np-form-group">
+        <%= f.label :visibility, class: "np-label" %>
+        <%= f.select :visibility, NotPressed::Page.visibilities.keys.map { |v| [v.humanize, v] }, {}, class: "np-input", id: "page-visibility-select" %>
+      </div>
+
+      <div class="np-form-group" id="password-group" style="<%= @page.visibility_password_protected? ? '' : 'display:none;' %>">
+        <%= f.label :page_password, "Page Password", class: "np-label" %>
+        <%= f.text_field :page_password, class: "np-input", placeholder: "Enter password for protected page" %>
+      </div>
+    </fieldset>
+  </details>
+
+  <script>
+    document.addEventListener("DOMContentLoaded", function() {
+      var statusField = document.getElementById("page-status-select");
+      var scheduledGroup = document.getElementById("scheduled-at-group");
+      if (statusField && scheduledGroup) {
+        statusField.addEventListener("change", function() {
+          scheduledGroup.style.display = statusField.value === "scheduled" ? "" : "none";
+        });
+      }
+
+      var contentTypeField = document.querySelector("select[name='page[content_type]']");
+      var blogFields = document.getElementById("blog-fields");
+      if (contentTypeField && blogFields) {
+        contentTypeField.addEventListener("change", function() {
+          blogFields.style.display = contentTypeField.value === "blog_post" ? "" : "none";
+        });
+      }
+
+      var visibilityField = document.getElementById("page-visibility-select");
+      var passwordGroup = document.getElementById("password-group");
+      if (visibilityField && passwordGroup) {
+        visibilityField.addEventListener("change", function() {
+          passwordGroup.style.display = visibilityField.value === "password_protected" ? "" : "none";
+        });
+      }
+    });
+  </script>
+
+  <div class="np-form-actions">
+    <%= f.submit @page.persisted? ? "Update Page" : "Create Page", class: "np-btn np-btn--primary" %>
+    <%= link_to "Cancel", admin_pages_path, class: "np-btn" %>
+  </div>
+<% end %>

data/app/views/not_pressed/admin/pages/_page_tree_node.html.erb

@@ -0,0 +1,32 @@
+<div class="np-tree-node" data-tree-id="<%= page.id %>" data-tree-level="<%= level %>" data-page-id="<%= page.id %>" draggable="true" data-action="dragstart->np-page-sortable#dragstart dragover->np-page-sortable#dragover drop->np-page-sortable#drop dragend->np-page-sortable#dragend">
+  <div class="np-tree-indent" style="padding-left: <%= level * 1.5 %>rem;">
+    <span class="np-drag-handle" data-action="mousedown->np-page-sortable#grabHandle">&#10495;</span>
+    <% if page.children.any? %>
+      <button type="button" class="np-tree-toggle" data-action="click->np-tree#toggle" data-np-tree-target="toggle" data-page-id="<%= page.id %>" aria-label="Toggle children">&#9660;</button>
+    <% else %>
+      <span class="np-tree-toggle np-tree-toggle--leaf">&bull;</span>
+    <% end %>
+  </div>
+  <div class="np-tree-title">
+    <%= link_to page.title, edit_admin_page_path(page) %>
+    <% if page.children.any? %>
+      <span class="np-badge"><%= page.children.size %></span>
+    <% end %>
+  </div>
+  <div class="np-tree-meta"><%= status_badge(page.status) %></div>
+  <div class="np-tree-meta"><%= page.content_type %></div>
+  <div class="np-tree-meta"><%= page.content_blocks.size %></div>
+  <div class="np-tree-meta"><%= time_ago_short(page.updated_at) %></div>
+  <div class="np-tree-actions">
+    <%= link_to "Edit", edit_admin_page_path(page), class: "np-btn np-btn--small" %>
+    <%= button_to "Duplicate", duplicate_admin_page_path(page), method: :post, class: "np-btn np-btn--small" %>
+    <%= button_to "Delete", admin_page_path(page), method: :delete, class: "np-btn np-btn--danger np-btn--small", data: { turbo_confirm: "Are you sure?" } %>
+  </div>
+</div>
+<% if page.children.any? %>
+  <div class="np-tree-children" data-np-tree-target="children" data-parent-id="<%= page.id %>">
+    <% page.children.ordered.each do |child| %>
+      <%= render partial: "not_pressed/admin/pages/page_tree_node", locals: { page: child, level: level + 1 } %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/not_pressed/admin/pages/edit.html.erb

@@ -0,0 +1,69 @@
+<div class="np-preview-toggle" data-controller="np-preview" data-np-preview-preview-url-value="<%= preview_admin_page_path(@page) %>">
+  <div class="np-preview-toggle-buttons">
+    <button type="button" class="np-btn np-btn--small np-preview-btn--active" data-action="click->np-preview#editorMode" data-np-preview-target="editorBtn">Editor</button>
+    <button type="button" class="np-btn np-btn--small" data-action="click->np-preview#splitMode" data-np-preview-target="splitBtn">Split</button>
+    <button type="button" class="np-btn np-btn--small" data-action="click->np-preview#previewMode" data-np-preview-target="previewBtn">Preview</button>
+  </div>
+
+  <div class="np-editor-split" data-np-preview-target="container">
+    <div class="np-editor-pane" data-np-preview-target="editorPane">
+      <div class="np-page-settings">
+        <details>
+          <summary class="np-btn" style="margin-bottom: 1rem;">Page Settings</summary>
+          <div class="np-page-settings-body">
+            <%= render "form" %>
+          </div>
+        </details>
+      </div>
+
+      <hr style="margin: 1.5rem 0; border: none; border-top: 1px solid var(--np-border);">
+
+      <div class="np-block-editor" data-controller="np-block-editor np-sortable" data-np-block-editor-page-id-value="<%= @page.id %>" data-np-sortable-url-value="<%= reorder_admin_page_content_blocks_path(@page) %>">
+        <h3 style="margin-bottom: 1rem;">Content Blocks</h3>
+
+        <div id="blocks-list" data-np-sortable-target="list">
+          <% @blocks.each do |block| %>
+            <%= render "not_pressed/admin/content_blocks/block", block: block %>
+          <% end %>
+        </div>
+
+        <div class="np-block-type-picker" style="margin-top: 1rem;">
+          <button type="button" class="np-btn np-btn--primary" data-action="click->np-block-editor#openPicker">+ Add Block</button>
+        </div>
+
+        <%= render "not_pressed/admin/content_blocks/block_picker", page: @page %>
+      </div>
+    </div>
+
+      <% if @versions.present? %>
+        <hr style="margin: 1.5rem 0; border: none; border-top: 1px solid var(--np-border);">
+
+        <details>
+          <summary class="np-btn" style="margin-bottom: 1rem;">Version History (<%= @versions.size %>)</summary>
+          <table class="np-table" style="margin-top: 0.5rem;">
+            <thead>
+              <tr>
+                <th>Version</th>
+                <th>Event</th>
+                <th>Date</th>
+              </tr>
+            </thead>
+            <tbody>
+              <% @versions.each do |version| %>
+                <tr>
+                  <td>#<%= version.version_number %></td>
+                  <td><span class="np-badge"><%= version.event.humanize %></span></td>
+                  <td><%= time_ago_short(version.created_at) %></td>
+                </tr>
+              <% end %>
+            </tbody>
+          </table>
+        </details>
+      <% end %>
+    </div>
+
+    <div class="np-preview-pane" data-np-preview-target="previewPane" style="display: none;">
+      <iframe data-np-preview-target="frame" class="np-preview-frame" src="<%= preview_admin_page_path(@page) %>"></iframe>
+    </div>
+  </div>
+</div>

data/app/views/not_pressed/admin/pages/index.html.erb

@@ -0,0 +1,21 @@
+<div class="np-actions" style="margin-bottom: 1.5rem;">
+  <%= link_to "New Page", new_admin_page_path, class: "np-btn np-btn--primary" %>
+</div>
+
+<% if @pages.any? %>
+  <div class="np-tree" data-controller="np-tree np-page-sortable" data-np-page-sortable-url-value="<%= reorder_admin_pages_path %>">
+    <div class="np-tree-header">
+      <div class="np-tree-header-title">Title</div>
+      <div class="np-tree-meta">Status</div>
+      <div class="np-tree-meta">Type</div>
+      <div class="np-tree-meta">Blocks</div>
+      <div class="np-tree-meta">Updated</div>
+      <div class="np-tree-header-actions">Actions</div>
+    </div>
+    <% @pages.each do |page| %>
+      <%= render partial: "not_pressed/admin/pages/page_tree_node", locals: { page: page, level: 0 } %>
+    <% end %>
+  </div>
+<% else %>
+  <p>No pages yet. <%= link_to "Create your first page", new_admin_page_path %>.</p>
+<% end %>

data/app/views/not_pressed/admin/pages/new.html.erb

@@ -0,0 +1 @@
+<%= render "form" %>

data/app/views/not_pressed/admin/pages/preview.html.erb

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Preview: <%= @page.title %></title>
+  <%= stylesheet_link_tag "not_pressed/content", media: "all" %>
+  <%= stylesheet_link_tag "not_pressed/gallery", media: "all" %>
+</head>
+<body class="np-preview-body">
+  <article class="np-preview-article">
+    <h1><%= @page.title %></h1>
+    <%= render_page_content(@page) %>
+  </article>
+  <%= javascript_include_tag "not_pressed/lightbox" %>
+</body>
+</html>