railspress-engine 0.1.2 → 1.2.0

data/app/services/railspress/content_import_service.rb

@@ -0,0 +1,228 @@
+# frozen_string_literal: true
+
+require "zip"
+require "json"
+require "fileutils"
+
+module Railspress
+  class ContentImportService
+    Result = Struct.new(:created, :updated, :restored, :errors, keyword_init: true) do
+      def total_processed
+        created + updated + restored
+      end
+
+      def success?
+        errors.empty?
+      end
+    end
+
+    MAX_ZIP_SIZE = 50.megabytes
+    MAX_ENTRIES = 500
+    SUPPORTED_IMAGE_TYPES = %w[.jpg .jpeg .png .gif .webp].freeze
+
+    def initialize(zip_file)
+      @zip_file = zip_file
+      @created = 0
+      @updated = 0
+      @restored = 0
+      @errors = []
+      @extract_dir = nil
+    end
+
+    def call
+      validate_zip_size!
+      extract_and_process
+      Result.new(created: @created, updated: @updated, restored: @restored, errors: @errors)
+    ensure
+      cleanup_temp_dir
+    end
+
+    private
+
+    def validate_zip_size!
+      size = @zip_file.respond_to?(:size) ? @zip_file.size : File.size(@zip_file.path)
+      if size > MAX_ZIP_SIZE
+        raise ArgumentError, "ZIP file exceeds maximum size of #{MAX_ZIP_SIZE / 1.megabyte}MB"
+      end
+    end
+
+    def extract_and_process
+      @extract_dir = Rails.root.join("tmp", "cms_imports", "#{SecureRandom.hex(8)}")
+      FileUtils.mkdir_p(@extract_dir)
+
+      extract_zip!
+      manifest = parse_manifest!
+
+      manifest["groups"]&.each { |group_data| process_group(group_data) }
+
+      CmsHelper.clear_cache if defined?(CmsHelper)
+    end
+
+    def extract_zip!
+      zip_path = @zip_file.respond_to?(:path) ? @zip_file.path : @zip_file
+      entry_count = 0
+
+      Zip::File.open(zip_path) do |zip|
+        zip.each do |entry|
+          next if entry.name.start_with?("__MACOSX", ".")
+          next unless safe_entry_name?(entry.name)
+
+          entry_count += 1
+          if entry_count > MAX_ENTRIES
+            @errors << "ZIP contains more than #{MAX_ENTRIES} entries. Processing stopped."
+            break
+          end
+
+          # rubyzip 3+ expects extraction with a destination directory.
+          destination = File.join(@extract_dir.to_s, entry.name)
+          entry.extract(entry.name, destination_directory: @extract_dir.to_s) unless File.exist?(destination)
+        end
+      end
+    rescue Zip::Error => e
+      raise ArgumentError, "Invalid ZIP file: #{e.message}"
+    end
+
+    def parse_manifest!
+      manifest_path = File.join(@extract_dir, "content.json")
+      unless File.exist?(manifest_path)
+        raise ArgumentError, "ZIP does not contain content.json"
+      end
+
+      manifest = JSON.parse(File.read(manifest_path))
+
+      unless manifest.is_a?(Hash) && manifest["version"].present? && manifest["groups"].is_a?(Array)
+        raise ArgumentError, "Invalid content.json schema: missing 'version' or 'groups'"
+      end
+
+      manifest
+    rescue JSON::ParserError => e
+      raise ArgumentError, "Invalid JSON in content.json: #{e.message}"
+    end
+
+    def process_group(group_data)
+      name = group_data["name"]
+      if name.blank?
+        @errors << "Group missing name, skipped"
+        return
+      end
+
+      # Unscoped find — includes soft-deleted
+      group = ContentGroup.find_by(name: name)
+
+      if group
+        was_deleted = group.deleted?
+        group.restore if was_deleted
+        group.update!(description: group_data["description"])
+
+        if was_deleted
+          @restored += 1
+        else
+          @updated += 1
+        end
+      else
+        group = ContentGroup.create!(name: name, description: group_data["description"])
+        @created += 1
+      end
+
+      group_data["elements"]&.each { |el_data| process_element(group, el_data) }
+    rescue => e
+      @errors << "Group '#{group_data['name']}': #{e.message}"
+    end
+
+    def process_element(group, element_data)
+      name = element_data["name"]
+      if name.blank?
+        @errors << "Element missing name in group '#{group.name}', skipped"
+        return
+      end
+
+      # Unscoped find within group — includes soft-deleted
+      element = ContentElement.unscoped
+                              .where(content_group_id: group.id, name: name)
+                              .first
+
+      attrs = {
+        content_type: element_data["content_type"],
+        position: element_data["position"],
+        text_content: element_data["text_content"],
+        required: element_data.fetch("required", false),
+        image_hint: element_data["image_hint"]
+      }.compact
+
+      if element
+        was_deleted = element.deleted?
+        element.restore if was_deleted
+        element.update!(attrs)
+
+        if was_deleted
+          @restored += 1
+        else
+          @updated += 1
+        end
+      else
+        element = group.content_elements.create!(attrs.merge(name: name))
+        @created += 1
+      end
+
+      attach_image(element, element_data["image_path"], group) if element_data["image_path"].present?
+      restore_focal_point(element, element_data["focal_point"]) if element_data["focal_point"].is_a?(Hash)
+    rescue => e
+      @errors << "Element '#{element_data['name']}' in '#{group.name}': #{e.message}"
+    end
+
+    def attach_image(element, image_path, group)
+      unless safe_entry_name?(image_path)
+        @errors << "Image file missing for '#{element.name}' in '#{group.name}': #{image_path}"
+        return
+      end
+
+      full_path = File.join(@extract_dir, image_path)
+      unless File.exist?(full_path)
+        @errors << "Image file missing for '#{element.name}' in '#{group.name}': #{image_path}"
+        return
+      end
+
+      ext = File.extname(full_path).downcase
+      unless SUPPORTED_IMAGE_TYPES.include?(ext)
+        @errors << "Unsupported image type '#{ext}' for '#{element.name}' in '#{group.name}'"
+        return
+      end
+
+      content_type = case ext
+      when ".jpg", ".jpeg" then "image/jpeg"
+      when ".png" then "image/png"
+      when ".gif" then "image/gif"
+      when ".webp" then "image/webp"
+      end
+
+      element.image.attach(
+        io: File.open(full_path),
+        filename: File.basename(full_path),
+        content_type: content_type
+      )
+    end
+
+    def restore_focal_point(element, focal_data)
+      return unless element.respond_to?(:image_focal_point)
+
+      fp = element.image_focal_point
+      fp.update!(
+        focal_x: focal_data["x"],
+        focal_y: focal_data["y"]
+      )
+    rescue => e
+      @errors << "Focal point for '#{element.name}': #{e.message}"
+    end
+
+    def safe_entry_name?(name)
+      !name.include?("..") && !name.start_with?("/")
+    end
+
+    def cleanup_temp_dir
+      return unless @extract_dir && Dir.exist?(@extract_dir.to_s)
+      FileUtils.rm_rf(@extract_dir)
+    rescue => e
+      Rails.logger.warn "Failed to cleanup CMS import tmp files: #{e.message}"
+    end
+  end
+end

data/app/views/action_text/attachables/_remote_image.html.erb

@@ -0,0 +1,8 @@
+<figure class="attachment attachment--preview">
+  <%= image_tag remote_image.url, width: remote_image.width, height: remote_image.height, skip_pipeline: true %>
+  <% if caption = remote_image.try(:caption) %>
+    <figcaption class="attachment__caption">
+      <%= caption %>
+    </figcaption>
+  <% end %>
+</figure>

data/app/views/active_storage/blobs/_blob.html.erb

@@ -1,6 +1,6 @@
 <figure class="attachment attachment--<%= blob.representable? ? "preview" : "file" %> attachment--<%= blob.filename.extension %>">
   <% if blob.representable? %>
-    <%= image_tag blob.representation(resize_to_limit: local_assigns[:in_gallery] ? [ 800, 600 ] : [ 1024, 768 ]) %>
+    <%= image_tag main_app.url_for(blob.representation(resize_to_limit: local_assigns[:in_gallery] ? [ 800, 600 ] : [ 1024, 768 ])) %>
   <% end %>
 
   <figcaption class="attachment__caption">

data/app/views/layouts/railspress/admin.html.erb

@@ -7,7 +7,7 @@
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
   <%= stylesheet_link_tag "lexxy", media: "all" %>
-  <%= stylesheet_link_tag "railspress/admin", media: "all" %>
+  <%= stylesheet_link_tag 'railspress/application', media: "all" %>
 </head>
 <body>
   <div class="rp-admin-layout">
@@ -36,6 +36,8 @@
   </div>
 
   <%= javascript_importmap_tags %>
+  <script type="module">import "railspress"</script>
   <%= javascript_include_tag "railspress/admin" %>
+  <%= javascript_include_tag "railspress/markdown_mode" %>
 </body>
 </html>

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

@@ -1,11 +1,6 @@
 <% content_for :title, "Categories" %>
 
-<div class="rp-page-header">
-  <h1 class="rp-page-title">Categories</h1>
-  <div class="rp-page-actions">
-    <%= link_to "New Category", new_admin_category_path, class: "rp-btn rp-btn--primary" %>
-  </div>
-</div>
+<%= rp_page_header "Categories", "New Category" => new_admin_category_path %>
 
 <div class="rp-card">
   <% if @categories.any? %>
@@ -13,10 +8,10 @@
       <table class="rp-table">
         <thead>
           <tr>
-            <th>Name</th>
-            <th>Slug</th>
-            <th>Posts</th>
-            <th class="rp-table-actions">Actions</th>
+            <th><%= rp_table_header("Name") %></th>
+            <th><%= rp_table_header("Slug") %></th>
+            <th><%= rp_table_header("Posts") %></th>
+            <th class="rp-table-actions"><%= rp_table_header("Actions") %></th>
           </tr>
         </thead>
         <tbody>
@@ -26,10 +21,11 @@
               <td class="rp-table-secondary"><%= category.slug %></td>
               <td><%= category.posts.count %></td>
               <td class="rp-table-actions">
-                <%= link_to "Edit", edit_admin_category_path(category), class: "rp-link" %>
-                <%= button_to "Delete", admin_category_path(category), method: :delete,
-                    data: { turbo_confirm: "Delete this category?" },
-                    class: "rp-link rp-link--danger" %>
+                <%= rp_table_action_icons(
+                      edit_path: edit_admin_category_path(category),
+                      delete_path: admin_category_path(category),
+                      confirm: "Delete this category?"
+                    ) %>
               </td>
             </tr>
           <% end %>
@@ -37,6 +33,6 @@
       </table>
     </div>
   <% else %>
-    <p class="rp-empty-state">No categories yet. <%= link_to "Create your first category", new_admin_category_path, class: "rp-link" %>.</p>
+    <%= rp_empty_state "No categories yet.", link_text: "Create your first category", link_path: new_admin_category_path %>
   <% end %>
 </div>

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

@@ -0,0 +1,167 @@
+<div class="rp-page-header">
+  <h1 class="rp-page-title">CMS Transfer</h1>
+  <div class="rp-page-actions">
+    <%= link_to "Content Groups", admin_content_groups_path, class: "rp-btn rp-btn--secondary" %>
+    <%= link_to "Content Elements", admin_content_elements_path, class: "rp-btn rp-btn--secondary" %>
+  </div>
+</div>
+
+<% if @result %>
+  <div class="rp-card rp-card--padded" style="margin-bottom: var(--rp-space-lg);">
+    <h2 style="margin: 0 0 1rem; font-size: 1.1rem; font-weight: 600;">Import Results</h2>
+    <div style="display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 1rem;">
+      <% if @result.created > 0 %>
+        <span class="rp-badge rp-badge--completed">Created: <%= @result.created %></span>
+      <% end %>
+      <% if @result.updated > 0 %>
+        <span class="rp-badge rp-badge--processing">Updated: <%= @result.updated %></span>
+      <% end %>
+      <% if @result.restored > 0 %>
+        <span class="rp-badge rp-badge--pending">Restored: <%= @result.restored %></span>
+      <% end %>
+      <% if @result.errors.any? %>
+        <span class="rp-badge rp-badge--failed">Errors: <%= @result.errors.size %></span>
+      <% end %>
+    </div>
+    <p style="margin: 0; font-size: 0.875rem; color: var(--rp-text-secondary);">
+      Total processed: <%= @result.total_processed %> items
+    </p>
+    <% if @result.errors.any? %>
+      <details style="margin-top: 1rem;">
+        <summary style="cursor: pointer; font-size: 0.875rem; font-weight: 500; color: var(--rp-danger);">
+          Show error details (<%= @result.errors.size %>)
+        </summary>
+        <ul style="margin: 0.5rem 0 0; padding-left: 1.5rem; font-size: 0.8rem; color: var(--rp-text-secondary);">
+          <% @result.errors.each do |error| %>
+            <li><%= error %></li>
+          <% end %>
+        </ul>
+      </details>
+    <% end %>
+  </div>
+<% end %>
+
+<div class="rp-card rp-card--padded">
+  <h2 style="margin: 0 0 1rem; font-size: 1.1rem; font-weight: 600;">Export Content</h2>
+  <p style="margin: 0 0 1rem; font-size: 0.875rem; color: var(--rp-text-secondary);">
+    Download all CMS content as a ZIP file. Includes a JSON manifest with group/element metadata and an images/ directory for any image attachments.
+  </p>
+
+  <div style="display: flex; gap: 1.5rem; margin-bottom: 1.5rem;">
+    <div style="text-align: center; padding: 1rem 1.5rem; background: var(--rp-bg-secondary); border-radius: 8px;">
+      <div style="font-size: 1.5rem; font-weight: 700; color: var(--rp-text-primary);"><%= @group_count %></div>
+      <div style="font-size: 0.75rem; color: var(--rp-text-secondary); text-transform: uppercase; letter-spacing: 0.05em;">Groups</div>
+    </div>
+    <div style="text-align: center; padding: 1rem 1.5rem; background: var(--rp-bg-secondary); border-radius: 8px;">
+      <div style="font-size: 1.5rem; font-weight: 700; color: var(--rp-text-primary);"><%= @element_count %></div>
+      <div style="font-size: 0.75rem; color: var(--rp-text-secondary); text-transform: uppercase; letter-spacing: 0.05em;">Elements</div>
+    </div>
+    <div style="text-align: center; padding: 1rem 1.5rem; background: var(--rp-bg-secondary); border-radius: 8px;">
+      <div style="font-size: 1.5rem; font-weight: 700; color: var(--rp-text-primary);"><%= @image_count %></div>
+      <div style="font-size: 0.75rem; color: var(--rp-text-secondary); text-transform: uppercase; letter-spacing: 0.05em;">Images</div>
+    </div>
+  </div>
+
+  <% if @groups.any? %>
+    <table class="rp-table" style="margin-bottom: 1.5rem;">
+      <thead>
+        <tr>
+          <th>Group</th>
+          <th>Elements</th>
+          <th>Description</th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @groups.each do |group| %>
+          <tr>
+            <td class="rp-table-primary"><%= group.name %></td>
+            <td class="rp-table-secondary"><%= group.content_elements.active.count %></td>
+            <td class="rp-table-secondary"><%= truncate(group.description.to_s, length: 60) %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% end %>
+
+  <%= form_with url: export_admin_cms_transfer_path, method: :post, data: { turbo: false } do |f| %>
+    <%= f.submit "Export All Content", class: "rp-btn rp-btn--primary", disabled: @element_count == 0 %>
+  <% end %>
+</div>
+
+<div class="rp-card rp-card--padded" style="margin-top: var(--rp-space-lg);">
+  <h2 style="margin: 0 0 1rem; font-size: 1.1rem; font-weight: 600;">Import Content</h2>
+  <p style="margin: 0 0 1rem; font-size: 0.875rem; color: var(--rp-text-secondary);">
+    Upload a previously exported ZIP file. Existing content is matched by name and updated. Deleted content is restored if present in the import file.
+  </p>
+
+  <%= form_with url: import_admin_cms_transfer_path, method: :post, multipart: true do |f| %>
+    <label for="cms_import_file" class="rp-dropzone" id="cms-dropzone" style="margin-bottom: 1rem;">
+      <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 a ZIP file or drag it here</strong>
+        <span>Exported CMS content (.zip)</span>
+      </div>
+      <%= file_field_tag :file, id: "cms_import_file", class: "rp-dropzone-input", accept: ".zip" %>
+    </label>
+
+    <div id="cms-file-info" hidden style="margin-bottom: 1rem; padding: 0.5rem 0.75rem; background: var(--rp-bg-secondary); border-radius: 6px; font-size: 0.875rem;"></div>
+
+    <div class="rp-form-actions">
+      <%= f.submit "Import", class: "rp-btn rp-btn--primary", id: "cms-import-btn", disabled: true %>
+    </div>
+  <% end %>
+</div>
+
+<script>
+(function() {
+  var dropzone = document.getElementById('cms-dropzone');
+  var input = document.getElementById('cms_import_file');
+  var fileInfo = document.getElementById('cms-file-info');
+  var submitBtn = document.getElementById('cms-import-btn');
+
+  ['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;
+    updateFileInfo();
+  });
+
+  input.addEventListener('change', updateFileInfo);
+
+  function updateFileInfo() {
+    if (input.files.length === 0) {
+      fileInfo.hidden = true;
+      submitBtn.disabled = true;
+      return;
+    }
+    var file = input.files[0];
+    fileInfo.textContent = file.name + ' (' + formatSize(file.size) + ')';
+    fileInfo.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/content_element_versions/show.html.erb

@@ -0,0 +1,42 @@
+<% content_for :title, "Version ##{@version.version_number}" %>
+
+<div class="rp-page-header">
+  <div>
+    <h1 class="rp-page-title">Version #<%= @version.version_number %></h1>
+    <p class="rp-byline">
+      of <%= link_to @content_element.name, admin_content_element_path(@content_element), class: "rp-link" %>
+      in <%= link_to @content_element.content_group.name, admin_content_group_path(@content_element.content_group), class: "rp-link" %>
+    </p>
+  </div>
+  <div class="rp-page-actions">
+    <%= link_to "Back to Element", admin_content_element_path(@content_element), class: "rp-btn rp-btn--secondary" %>
+  </div>
+</div>
+
+<div class="rp-post-meta-card">
+  <div class="rp-meta-item">
+    <span class="rp-meta-label">Version</span>
+    <span class="rp-meta-value">#<%= @version.version_number %></span>
+  </div>
+  <div class="rp-meta-item">
+    <span class="rp-meta-label">Created</span>
+    <span class="rp-meta-value"><%= @version.created_at.strftime("%b %d, %Y at %l:%M %p") %></span>
+  </div>
+  <div class="rp-meta-item">
+    <span class="rp-meta-label">Element</span>
+    <span class="rp-meta-value"><%= @content_element.name %></span>
+  </div>
+  <div class="rp-meta-item">
+    <span class="rp-meta-label">Content Type</span>
+    <span class="rp-meta-value"><%= @content_element.content_type.titleize %></span>
+  </div>
+</div>
+
+<div class="rp-card rp-card--padded">
+  <h3 class="rp-sidebar-title">Version Content</h3>
+  <% if @version.text_content.present? %>
+    <div class="rp-content-preview"><%= @version.text_content %></div>
+  <% else %>
+    <p class="rp-empty-state">No text content for this version.</p>
+  <% end %>
+</div>

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

@@ -0,0 +1,71 @@
+<%= form_with model: [:admin, @content_element], class: "rp-form rp-form--narrow",
+    data: @content_element.new_record? ? { controller: "railspress--content-element-form" } : {} do |form| %>
+  <%= rp_form_errors(@content_element) %>
+
+  <%= rp_string_field(form, :name, primary: true, placeholder: "e.g., Hero H1, Tagline, Footer Text", required: true) %>
+
+  <%= rp_select_field(form, :content_group_id,
+        choices: @content_groups.map { |g| [g.name, g.id] },
+        include_blank: "Select a group",
+        label: "Content Group",
+        hint: "Which group does this element belong to?") %>
+
+  <% if @content_element.new_record? %>
+    <%# New form: content_type is selectable, Stimulus toggles fields %>
+    <%= rp_select_field(form, :content_type,
+          choices: Railspress::ContentElement.content_types.keys.map { |t| [t.titleize, t] },
+          label: "Content Type",
+          hint: "Text for editable text content, Image for uploaded images",
+          data: { railspress__content_element_form_target: "typeSelect",
+                  action: "railspress--content-element-form#toggle" }) %>
+
+    <%# Text fields (shown when type=text) %>
+    <div data-railspress--content-element-form-target="textFields">
+      <%= rp_text_field(form, :text_content, rows: 5, placeholder: "Enter the content value...",
+            label: "Text Content", hint: "The text value that will be loaded in views") %>
+    </div>
+
+    <%# Image fields (shown when type=image) %>
+    <div data-railspress--content-element-form-target="imageFields" style="display: none;">
+      <%= rp_string_field(form, :image_hint, label: "Image Hint",
+            placeholder: "e.g., Recommended: 1920x600, 16:9 landscape",
+            hint: "Guidance for admins about recommended image dimensions") %>
+      <%= render "railspress/admin/shared/dropzone", form: form, field_name: :image,
+            hint: "PNG, JPG, WebP up to 10MB" %>
+    </div>
+  <% else %>
+    <%# Edit form: content_type is locked %>
+    <div class="rp-form-group">
+      <label class="rp-label">Content Type</label>
+      <%= rp_badge(@content_element.content_type.titleize,
+            status: @content_element.text? ? :published : :info) %>
+      <%= form.hidden_field :content_type %>
+    </div>
+
+    <% if @content_element.text? %>
+      <%= rp_text_field(form, :text_content, rows: 5, placeholder: "Enter the content value...",
+            label: "Text Content", hint: "The text value that will be loaded in views") %>
+    <% else %>
+      <%= rp_string_field(form, :image_hint, label: "Image Hint",
+            placeholder: "e.g., Recommended: 1920x600, 16:9 landscape",
+            hint: "Guidance for admins about recommended image dimensions") %>
+      <% if @content_element.image.attached? && @content_element.image.blob&.persisted? %>
+        <%= render "railspress/admin/shared/image_section_compact",
+              record: @content_element, attachment_name: :image,
+              label: "Element Image",
+              editor_url: image_editor_admin_content_element_path(@content_element) %>
+      <% else %>
+        <%= render "railspress/admin/shared/dropzone", form: form, field_name: :image,
+              prompt: @content_element.image_hint.presence || "Drag image here or click to browse",
+              hint: "PNG, JPG, WebP up to 10MB" %>
+      <% end %>
+    <% end %>
+  <% end %>
+
+  <%= rp_integer_field(form, :position, label: "Position", hint: "Order within the group (lower numbers first)") %>
+
+  <%= rp_boolean_field(form, :required, label: "Required element",
+        hint: "Required elements cannot be deleted. Use for elements your application code depends on.") %>
+
+  <%= rp_form_actions(form, admin_content_elements_path) %>
+<% end %>

data/app/views/railspress/admin/content_elements/_inline_form.html.erb

@@ -0,0 +1,32 @@
+<div class="rp-inline-meta">
+  <span class="rp-inline-meta__group"><%= content_element.content_group.name %></span>
+  <span class="rp-inline-meta__name"><%= content_element.name %></span>
+  <span class="rp-inline-meta__version">v<%= content_element.version_count %></span>
+</div>
+
+<% if content_element.errors.any? %>
+  <div class="rp-inline-errors">
+    <% content_element.errors.full_messages.each do |msg| %>
+      <p><%= msg %></p>
+    <% end %>
+  </div>
+<% end %>
+
+<%= form_with(
+  model: content_element,
+  url: railspress.admin_content_element_path(content_element),
+  method: :patch,
+  class: "rp-inline-form"
+) do |f| %>
+  <%= hidden_field_tag :display_frame_id, local_assigns[:display_frame_id] %>
+  <%= hidden_field_tag :form_frame_id, local_assigns[:form_frame_id] %>
+  <%= f.text_area :text_content, rows: 4, class: "rp-inline-form__textarea" %>
+  <div class="rp-inline-actions">
+    <%= f.submit "Save", class: "rp-inline-actions__save" %>
+    <button type="button" class="rp-inline-actions__cancel"
+            data-action="rp--cms-inline-editor#close">Cancel</button>
+    <%= link_to "Open in admin",
+        railspress.edit_admin_content_element_path(content_element),
+        target: "_blank", class: "rp-inline-actions__admin-link" %>
+  </div>
+<% end %>

data/app/views/railspress/admin/content_elements/_inline_form_frame.html.erb

@@ -0,0 +1,6 @@
+<%= turbo_frame_tag(local_assigns[:form_frame_id] || "cms_inline_editor_form_#{content_element.id}") do %>
+  <%= render "railspress/admin/content_elements/inline_form",
+             content_element: content_element,
+             display_frame_id: local_assigns[:display_frame_id],
+             form_frame_id: local_assigns[:form_frame_id] %>
+<% end %>

data/app/views/railspress/admin/content_elements/edit.html.erb

@@ -0,0 +1,6 @@
+<% content_for :title, "Edit Content Element" %>
+
+<h1 class="rp-page-title rp-page-title--standalone">Edit Content Element</h1>
+<div class="rp-card rp-card--padded">
+  <%= render "form" %>
+</div>