plum-cms 0.1.0

data/app/views/plum/cp/assets/_form.html.erb

@@ -0,0 +1,44 @@
+<%= form_with model: [:cp, asset], multipart: true, class: "space-y-4" do |f| %>
+  <% if asset.errors.any? %>
+    <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded">
+      <ul class="list-disc list-inside">
+        <% asset.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <% if asset.persisted? && plum_asset_image_url(asset).present? %>
+    <div class="overflow-hidden rounded-lg border border-gray-200 bg-gray-100">
+      <%= image_tag plum_asset_image_url(asset), alt: asset.alt_text.to_s, class: "h-44 w-full object-cover" %>
+    </div>
+  <% end %>
+
+  <div>
+    <%= f.label :file, asset.persisted? ? "Replace image" : "Image", class: "block text-sm font-medium text-gray-700" %>
+    <%= f.file_field :file, accept: "image/*", class: "mt-1 block w-full text-sm text-gray-700" %>
+  </div>
+
+  <div>
+    <%= f.label :alt_text, "Alt Text", class: "block text-sm font-medium text-gray-700" %>
+    <%= f.text_field :alt_text,
+        class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+  </div>
+
+  <div>
+    <%= f.label :caption, class: "block text-sm font-medium text-gray-700" %>
+    <%= f.text_area :caption, rows: 3,
+        class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+  </div>
+
+  <div>
+    <%= f.label :folder, class: "block text-sm font-medium text-gray-700" %>
+    <%= f.text_field :folder,
+        class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500",
+        placeholder: "uploads, products, staff" %>
+  </div>
+
+  <%= f.submit asset.persisted? ? "Save Asset" : "Upload Asset",
+      class: "w-full px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 cursor-pointer" %>
+<% end %>

data/app/views/plum/cp/assets/edit.html.erb

@@ -0,0 +1,14 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Edit Asset</h1>
+    <p class="mt-1 text-sm text-gray-500"><%= @asset.filename %></p>
+  </div>
+  <%= link_to "Back", cp_assets_path,
+      class: "px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50" %>
+</div>
+
+<div class="max-w-md">
+  <div class="bg-white shadow rounded-lg p-6">
+    <%= render "form", asset: @asset %>
+  </div>
+</div>

data/app/views/plum/cp/assets/index.html.erb

@@ -0,0 +1,52 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Assets</h1>
+    <p class="mt-1 text-sm text-gray-500"><%= pluralize(@assets.size, "image") %></p>
+  </div>
+</div>
+
+<div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+  <section class="lg:col-span-2">
+    <% if @assets.any? %>
+      <div class="grid grid-cols-1 gap-6 md:grid-cols-3">
+        <% @assets.each do |asset| %>
+          <article class="overflow-hidden bg-white shadow rounded-lg">
+            <div class="border-b border-gray-200 bg-gray-100">
+              <% if plum_asset_image_url(asset).present? %>
+                <%= image_tag plum_asset_image_url(asset), alt: asset.alt_text.to_s, class: "h-44 w-full object-cover" %>
+              <% end %>
+            </div>
+
+            <div class="p-4 space-y-3">
+              <div>
+                <h2 class="text-sm font-semibold text-gray-900 truncate"><%= asset.filename %></h2>
+                <p class="mt-1 text-xs text-gray-500"><%= [asset.folder.presence, plum_asset_file_size(asset)].compact.join(" - ") %></p>
+              </div>
+
+              <% if asset.alt_text.present? %>
+                <p class="text-sm text-gray-600"><%= asset.alt_text %></p>
+              <% end %>
+
+              <div class="flex items-center gap-2">
+                <%= link_to "Edit", edit_cp_asset_path(asset),
+                    class: "px-3 py-1.5 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50" %>
+                <%= button_to "Delete", cp_asset_path(asset), method: :delete,
+                    data: { turbo_confirm: "Delete this asset?" },
+                    class: "px-3 py-1.5 border border-red-300 rounded-md text-sm font-medium text-red-700 bg-white hover:bg-red-50" %>
+              </div>
+            </div>
+          </article>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="bg-white shadow rounded-lg p-6">
+        <p class="text-sm text-gray-500">No assets uploaded yet.</p>
+      </div>
+    <% end %>
+  </section>
+
+  <aside class="bg-white shadow rounded-lg p-6">
+    <h2 class="text-lg font-semibold text-gray-900 mb-4">Upload Image</h2>
+    <%= render "form", asset: @asset %>
+  </aside>
+</div>

data/app/views/plum/cp/assets/new.html.erb

@@ -0,0 +1,9 @@
+<div class="mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">Upload Asset</h1>
+</div>
+
+<div class="max-w-md">
+  <div class="bg-white shadow rounded-lg p-6">
+    <%= render "form", asset: @asset %>
+  </div>
+</div>

data/app/views/plum/cp/content_types/_form.html.erb

@@ -0,0 +1,113 @@
+<%= form_with model: [:cp, content_type], class: "space-y-6" do |f| %>
+  <% if content_type.errors.any? %>
+    <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded">
+      <ul class="list-disc list-inside">
+        <% content_type.errors.full_messages.each do |msg| %>
+          <li><%= msg %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="bg-white shadow rounded-lg p-6 space-y-6">
+    <div>
+      <%= f.label :name, class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_field :name, class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+    </div>
+
+    <div>
+      <%= f.label :handle, class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_field :handle, class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 font-mono",
+          placeholder: "auto-generated from name" %>
+      <p class="mt-1 text-sm text-gray-500">Used in URLs and templates. Lowercase letters, numbers, and underscores only.</p>
+    </div>
+
+    <div>
+      <%= f.label :icon, class: "block text-sm font-medium text-gray-700" %>
+      <%= f.hidden_field :icon, id: "content_type_icon" %>
+      <div class="mt-1 flex flex-wrap gap-2">
+        <% %w[document newspaper photo calendar star folder tag bookmark shopping-bag briefcase megaphone chat globe heart music film code].each do |icon_name| %>
+          <% selected = content_type.icon == icon_name %>
+          <button type="button"
+                  data-icon="<%= icon_name %>"
+                  onclick="document.getElementById('content_type_icon').value=this.dataset.icon;this.parentElement.querySelectorAll('button').forEach(function(b){b.style.outline='';b.style.backgroundColor=''});this.style.outline='2px solid var(--plum-accent)';this.style.backgroundColor='#f3f0ff'"
+                  class="p-2 rounded-md border border-gray-200 hover:bg-gray-50"
+                  style="<%= 'outline: 2px solid var(--plum-accent); background-color: #f3f0ff;' if selected %>"
+                  title="<%= icon_name.titleize %>">
+            <%= render "plum/cp/shared/icon", name: icon_name %>
+          </button>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="flex items-center">
+      <%= f.check_box :singleton, class: "h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded" %>
+      <%= f.label :singleton, "Singleton (only one entry allowed)", class: "ml-2 block text-sm text-gray-700" %>
+    </div>
+  </div>
+
+  <div class="bg-white shadow rounded-lg p-6" data-controller="plum--blueprint">
+    <h3 class="text-lg font-medium text-gray-900 mb-4">Blueprint</h3>
+    <p class="text-sm text-gray-500 mb-4">Define the fields for this content type using JSON format.</p>
+
+    <%= f.hidden_field :blueprint, value: (content_type.blueprint || { "fields" => [] }).to_json, data: { "plum--blueprint-target": "input" } %>
+
+    <div class="space-y-4" data-plum--blueprint-target="fields">
+      <% (content_type.fields || []).each_with_index do |field, index| %>
+        <div class="grid grid-cols-1 gap-4 p-4 bg-gray-50 rounded-lg sm:grid-cols-2 lg:grid-cols-5" data-plum--blueprint-target="field">
+          <input type="text" value="<%= field['handle'] %>" placeholder="handle" data-field="handle"
+                 data-action="input->plum--blueprint#inputChanged"
+                 class="px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 font-mono text-sm">
+          <select data-field="type" data-action="change->plum--blueprint#inputChanged"
+                  class="px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 text-sm">
+            <option value="text" <%= 'selected' if field['type'] == 'text' %>>Text</option>
+            <option value="textarea" <%= 'selected' if field['type'] == 'textarea' %>>Textarea</option>
+            <option value="rich_text" <%= 'selected' if field['type'] == 'rich_text' %>>Rich Text</option>
+            <option value="number" <%= 'selected' if field['type'] == 'number' %>>Number</option>
+            <option value="boolean" <%= 'selected' if field['type'] == 'boolean' %>>Boolean</option>
+            <option value="date" <%= 'selected' if field['type'] == 'date' %>>Date</option>
+            <option value="select" <%= 'selected' if field['type'] == 'select' %>>Select</option>
+            <option value="checkboxes" <%= 'selected' if field['type'] == 'checkboxes' %>>Checkboxes</option>
+            <option value="color" <%= 'selected' if field['type'] == 'color' %>>Color</option>
+            <option value="url" <%= 'selected' if field['type'] == 'url' %>>URL</option>
+            <option value="taxonomy" <%= 'selected' if field['type'] == 'taxonomy' %>>Taxonomy</option>
+            <option value="image" <%= 'selected' if field['type'] == 'image' %>>Image</option>
+            <option value="relationship" <%= 'selected' if field['type'] == 'relationship' %>>Relationship</option>
+            <option value="blocks" <%= 'selected' if field['type'] == 'blocks' %>>Blocks</option>
+          </select>
+          <input type="text" value="<%= field['label'] %>" placeholder="Label" data-field="label"
+                 data-action="input->plum--blueprint#inputChanged"
+                 class="px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 text-sm">
+          <input type="text" value="<%= field['content_type'] %>" placeholder="Related type handle" data-field="content_type" data-field-config="relationship"
+                 data-action="input->plum--blueprint#inputChanged"
+                 class="<%= 'hidden' unless field['type'] == 'relationship' %> px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 font-mono text-sm">
+          <input type="text" value="<%= field['taxonomy'] %>" placeholder="Taxonomy handle" data-field="taxonomy" data-field-config="taxonomy"
+                 data-action="input->plum--blueprint#inputChanged"
+                 class="<%= 'hidden' unless field['type'] == 'taxonomy' %> px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 font-mono text-sm">
+          <input type="text" value="<%= Array(field['options']).join(', ') %>" placeholder="Option 1, Option 2, Option 3" data-field="options" data-field-config="select checkboxes"
+                 data-action="input->plum--blueprint#inputChanged"
+                 class="<%= 'hidden' unless %w[select checkboxes].include?(field['type']) %> px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 text-sm">
+          <button type="button" data-action="plum--blueprint#removeField" class="justify-self-start text-red-500 hover:text-red-700">
+            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16" />
+            </svg>
+          </button>
+        </div>
+      <% end %>
+    </div>
+
+    <button type="button" data-action="plum--blueprint#addField"
+            class="mt-4 inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50">
+      <svg class="h-5 w-5 mr-2 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
+      </svg>
+      Add Field
+    </button>
+  </div>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", cp_content_types_path,
+        class: "px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50" %>
+    <%= f.submit class: "px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 cursor-pointer" %>
+  </div>
+<% end %>

data/app/views/plum/cp/content_types/edit.html.erb

@@ -0,0 +1,8 @@
+<div class="flex items-center justify-between mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">Edit <%= @content_type.name %></h1>
+  <%= button_to "Delete", cp_content_type_path(@content_type), method: :delete,
+      data: { turbo_confirm: "Are you sure you want to delete this content type and all its entries?" },
+      class: "px-4 py-2 border border-red-300 rounded-md shadow-sm text-sm font-medium text-red-700 bg-white hover:bg-red-50" %>
+</div>
+
+<%= render "form", content_type: @content_type %>

data/app/views/plum/cp/content_types/index.html.erb

@@ -0,0 +1,48 @@
+<div class="flex items-center justify-between mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">Content Types</h1>
+  <%= link_to "New Content Type", new_cp_content_type_path,
+      class: "inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700" %>
+</div>
+
+<% if @content_types.any? %>
+  <div class="bg-white shadow rounded-lg overflow-hidden">
+    <table class="min-w-full divide-y divide-gray-200">
+      <thead class="bg-gray-50">
+        <tr>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Handle</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Entries</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Fields</th>
+          <th class="relative px-6 py-3"><span class="sr-only">Actions</span></th>
+        </tr>
+      </thead>
+      <tbody class="bg-white divide-y divide-gray-200">
+        <% @content_types.each do |ct| %>
+          <tr>
+            <td class="px-6 py-4 whitespace-nowrap">
+              <%= link_to ct.name, cp_content_type_path(ct), class: "text-sm font-medium text-purple-600 hover:text-purple-900" %>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= ct.handle %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= ct.entries.count %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= ct.fields.count %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+              <%= link_to "Edit", edit_cp_content_type_path(ct), class: "text-purple-600 hover:text-purple-900" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="text-center py-12 bg-white rounded-lg shadow">
+    <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
+    </svg>
+    <h3 class="mt-2 text-sm font-medium text-gray-900">No content types</h3>
+    <p class="mt-1 text-sm text-gray-500">Get started by creating a new content type.</p>
+    <div class="mt-6">
+      <%= link_to "New Content Type", new_cp_content_type_path,
+          class: "inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700" %>
+    </div>
+  </div>
+<% end %>

data/app/views/plum/cp/content_types/new.html.erb

@@ -0,0 +1,5 @@
+<div class="mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">New Content Type</h1>
+</div>
+
+<%= render "form", content_type: @content_type %>

data/app/views/plum/cp/content_types/show.html.erb

@@ -0,0 +1,59 @@
+<div class="flex items-center justify-between mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900"><%= @content_type.name %></h1>
+    <p class="mt-1 text-sm text-gray-500">Handle: <code class="bg-gray-100 px-2 py-1 rounded"><%= @content_type.handle %></code></p>
+  </div>
+  <div class="flex space-x-3">
+    <%= link_to "Edit Type", edit_cp_content_type_path(@content_type),
+        class: "inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50" %>
+    <%= link_to "New Entry", new_cp_content_type_entry_path(@content_type),
+        class: "inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700" %>
+  </div>
+</div>
+
+<% if @entries.any? %>
+  <div class="bg-white shadow rounded-lg overflow-hidden">
+    <table class="min-w-full divide-y divide-gray-200">
+      <thead class="bg-gray-50">
+        <tr>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Title</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Slug</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Updated</th>
+          <th class="relative px-6 py-3"><span class="sr-only">Actions</span></th>
+        </tr>
+      </thead>
+      <tbody class="bg-white divide-y divide-gray-200">
+        <% @entries.each do |entry| %>
+          <tr>
+            <td class="px-6 py-4 whitespace-nowrap">
+              <%= link_to entry.title, edit_cp_content_type_entry_path(@content_type, entry), class: "text-sm font-medium text-purple-600 hover:text-purple-900" %>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">/<%= entry.slug %></td>
+            <td class="px-6 py-4 whitespace-nowrap">
+              <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <%= entry.published? ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' %>">
+                <%= entry.status %>
+              </span>
+            </td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= entry.updated_at.strftime("%b %d, %Y") %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+              <%= link_to "Edit", edit_cp_content_type_entry_path(@content_type, entry), class: "text-purple-600 hover:text-purple-900" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="text-center py-12 bg-white rounded-lg shadow">
+    <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
+    </svg>
+    <h3 class="mt-2 text-sm font-medium text-gray-900">No entries</h3>
+    <p class="mt-1 text-sm text-gray-500">Get started by creating your first entry.</p>
+    <div class="mt-6">
+      <%= link_to "New Entry", new_cp_content_type_entry_path(@content_type),
+          class: "inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700" %>
+    </div>
+  </div>
+<% end %>

data/app/views/plum/cp/dashboard/show.html.erb

@@ -0,0 +1,50 @@
+<div class="mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
+  <p class="mt-1 text-sm text-gray-500">Welcome back<%= ", #{current_user_label}" if current_user_label %></p>
+</div>
+
+<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
+  <% @content_types.each do |ct| %>
+    <%= link_to cp_content_type_path(ct), class: "block p-6 bg-white rounded-lg shadow hover:shadow-md transition-shadow" do %>
+      <h3 class="text-lg font-medium text-gray-900"><%= ct.name %></h3>
+      <p class="mt-1 text-3xl font-bold text-purple-600"><%= ct.entries.count %></p>
+      <p class="text-sm text-gray-500">entries</p>
+    <% end %>
+  <% end %>
+
+  <% if @content_types.empty? %>
+    <%= link_to new_cp_content_type_path, class: "block p-6 bg-white rounded-lg shadow border-2 border-dashed border-gray-300 hover:border-purple-400 transition-colors" do %>
+      <div class="text-center">
+        <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
+        </svg>
+        <h3 class="mt-2 text-sm font-medium text-gray-900">Create your first content type</h3>
+      </div>
+    <% end %>
+  <% end %>
+</div>
+
+<% if @recent_entries.any? %>
+  <div class="bg-white rounded-lg shadow">
+    <div class="px-6 py-4 border-b border-gray-200">
+      <h2 class="text-lg font-medium text-gray-900">Recent Entries</h2>
+    </div>
+    <ul class="divide-y divide-gray-200">
+      <% @recent_entries.each do |entry| %>
+        <li>
+          <%= link_to edit_cp_content_type_entry_path(entry.content_type, entry), class: "block px-6 py-4 hover:bg-gray-50" do %>
+            <div class="flex items-center justify-between">
+              <div>
+                <p class="text-sm font-medium text-gray-900"><%= entry.title %></p>
+                <p class="text-xs text-gray-500"><%= entry.content_type.name %></p>
+              </div>
+              <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <%= entry.published? ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800' %>">
+                <%= entry.status %>
+              </span>
+            </div>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/app/views/plum/cp/entries/_form.html.erb

@@ -0,0 +1,196 @@
+<div class="space-y-6">
+  <%= form_with model: [:cp, @content_type, entry], multipart: true, class: "space-y-6", id: "entry-form" do |f| %>
+    <% if entry.errors.any? %>
+      <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded">
+        <ul class="list-disc list-inside">
+          <% entry.errors.full_messages.each do |msg| %>
+            <li><%= msg %></li>
+          <% end %>
+        </ul>
+      </div>
+    <% end %>
+
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6" style="align-items: start;">
+      <!-- Main content -->
+      <div class="lg:col-span-2 space-y-6">
+        <div class="bg-white shadow rounded-lg p-6">
+          <div class="space-y-6">
+            <div>
+              <%= f.label :title, class: "block text-sm font-medium text-gray-700" %>
+              <%= f.text_field :title, class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+            </div>
+
+            <div>
+              <%= f.label :slug, class: "block text-sm font-medium text-gray-700" %>
+              <%= f.text_field :slug, class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500 font-mono",
+                  placeholder: "auto-generated from title" %>
+            </div>
+          </div>
+        </div>
+
+        <!-- Dynamic fields based on blueprint -->
+        <div class="bg-white shadow rounded-lg p-6 space-y-6">
+          <h3 class="text-lg font-medium text-gray-900">Content</h3>
+          <% @content_type.fields.each do |field| %>
+            <% field_handle = field["handle"].to_s %>
+            <% field_id = "entry_data_#{field_handle.parameterize}" %>
+            <div>
+              <label for="<%= field_id %>" class="block text-sm font-medium text-gray-700"><%= field["label"] || field_handle.titleize %></label>
+              <% case field["type"] %>
+              <% when "text" %>
+                <%= text_field_tag "entry[data][#{field_handle}]", entry.data&.dig(field_handle), id: field_id,
+                    class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+              <% when "textarea" %>
+                <%= text_area_tag "entry[data][#{field_handle}]", entry.data&.dig(field_handle), id: field_id, rows: 4,
+                    class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+              <% when "rich_text" %>
+                <div class="mt-1">
+                  <%= hidden_field_tag "entry[data][#{field_handle}]", entry.data&.dig(field_handle), id: "#{field_id}_hidden" %>
+                  <lexxy-editor value="<%= entry.data&.dig(field_handle) %>"
+                                data-direct-upload-url="<%= main_app.rails_direct_uploads_url %>"
+                                data-blob-url-template="<%= main_app.rails_service_blob_url(":signed_id", ":filename") %>"
+                                data-hidden-field="<%= field_id %>_hidden"
+                                class="lexxy-content min-h-48 rounded-lg border border-gray-300 bg-white shadow-sm"
+                                placeholder="Write something…"></lexxy-editor>
+                </div>
+              <% when "number" %>
+                <%= number_field_tag "entry[data][#{field_handle}]", entry.data&.dig(field_handle), id: field_id,
+                    class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+              <% when "boolean" %>
+                <div class="mt-1">
+                  <%= hidden_field_tag "entry[data][#{field_handle}]", "false" %>
+                  <%= check_box_tag "entry[data][#{field_handle}]", "true", ActiveModel::Type::Boolean.new.cast(entry.data&.dig(field_handle)), id: field_id %>
+                </div>
+              <% when "date" %>
+                <%= date_field_tag "entry[data][#{field_handle}]", entry.data&.dig(field_handle), id: field_id,
+                    class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+              <% when "select" %>
+                <% options = Array(field["options"]) %>
+                <%= select_tag "entry[data][#{field_handle}]",
+                    options_for_select([["— Select —", ""]] + options.map { |o| [o, o] }, entry.data&.dig(field_handle)),
+                    id: field_id,
+                    class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+              <% when "checkboxes" %>
+                <% options = Array(field["options"]) %>
+                <% selected = Array(entry.data&.dig(field_handle)) %>
+                <div class="mt-1 space-y-2">
+                  <% options.each do |option| %>
+                    <label class="flex items-center gap-2 text-sm text-gray-700">
+                      <%= check_box_tag "entry[data][#{field_handle}][]", option, selected.include?(option),
+                          class: "h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded" %>
+                      <%= option %>
+                    </label>
+                  <% end %>
+                </div>
+              <% when "color" %>
+                <div class="mt-1 flex items-center gap-3">
+                  <%= color_field_tag "entry[data][#{field_handle}]", entry.data&.dig(field_handle) || "#000000", id: field_id,
+                      class: "h-10 w-14 p-0 border border-gray-300 rounded-md cursor-pointer" %>
+                  <span class="text-sm text-gray-500 font-mono"><%= entry.data&.dig(field_handle) %></span>
+                </div>
+              <% when "taxonomy" %>
+                <% taxonomy_handle = field["taxonomy"].to_s %>
+                <% terms = (@taxonomy_terms_by_field || {}).fetch(field_handle, []) %>
+                <% selected_ids = entry.persisted? ? entry.terms.joins(:taxonomy).where(plum_taxonomies: { handle: taxonomy_handle }).pluck(:id) : [] %>
+                <div class="mt-1 space-y-2">
+                  <% terms.each do |term| %>
+                    <label class="flex items-center gap-2 text-sm text-gray-700">
+                      <%= check_box_tag "entry[term_ids][]", term.id, selected_ids.include?(term.id),
+                          class: "h-4 w-4 text-purple-600 focus:ring-purple-500 border-gray-300 rounded" %>
+                      <%= term.name %>
+                    </label>
+                  <% end %>
+                  <% if terms.empty? %>
+                    <p class="text-sm text-gray-500">No terms in "<%= taxonomy_handle %>". <%= link_to "Add terms", "#{cp_prefix}/taxonomies", class: "text-purple-600" %>.</p>
+                  <% end %>
+                </div>
+              <% when "url" %>
+                <%= url_field_tag "entry[data][#{field_handle}]", entry.data&.dig(field_handle), id: field_id,
+                    placeholder: "https://",
+                    class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+              <% when "image" %>
+                <%= render "plum/cp/shared/image_picker",
+                    input_name: "entry[data][#{field_handle}]",
+                    value: entry.data&.dig(field_handle).to_s,
+                    field_id: field_id %>
+              <% when "relationship" %>
+                <% selected_entry_id = entry.data&.dig(field_handle).to_s %>
+                <% relationship_entries = (@relationship_entries_by_field || {}).fetch(field_handle, []) %>
+                <%= select_tag "entry[data][#{field_handle}]",
+                    options_for_select([["No entry", ""]] + relationship_entries.map { |related_entry| ["#{related_entry.title} (#{related_entry.content_type.name})", related_entry.id] }, selected_entry_id),
+                    id: field_id,
+                    class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+              <% when "blocks" %>
+                <% editor_config = Plum::BlockEditorConfig.new(@theme, allowed: field["blocks"]) %>
+                <% current_blocks = entry.data&.dig(field_handle) %>
+                <% current_blocks = [] unless current_blocks.is_a?(Array) %>
+                <% if editor_config.blocks.empty? %>
+                  <p class="mt-1 text-sm text-gray-500">This theme defines no blocks for this field.</p>
+                  <%= hidden_field_tag "entry[data][#{field_handle}]", current_blocks.to_json %>
+                <% else %>
+                  <div class="mt-1 space-y-3" data-controller="plum--blocks-editor"
+                       data-plum--blocks-editor-config-value="<%= editor_config.to_json %>"
+                       data-plum--blocks-editor-assets-url-value="<%= cp_assets_path(format: :json) %>"
+                       data-plum--blocks-editor-upload-url-value="<%= cp_assets_path %>">
+                    <%= hidden_field_tag "entry[data][#{field_handle}]", current_blocks.to_json,
+                        data: { "plum--blocks-editor-target": "input" } %>
+                    <p class="hidden text-sm text-gray-400" data-plum--blocks-editor-target="empty">No sections yet. Add one below.</p>
+                    <div class="space-y-3" data-plum--blocks-editor-target="list"></div>
+                    <div class="flex items-center gap-2 pt-1">
+                      <select data-plum--blocks-editor-target="picker"
+                              class="rounded-md border border-gray-300 px-3 py-2 text-sm shadow-sm focus:border-purple-500 focus:outline-none focus:ring-purple-500">
+                        <% editor_config.blocks.each do |b| %>
+                          <option value="<%= b["id"] %>"><%= b["label"] %></option>
+                        <% end %>
+                      </select>
+                      <button type="button" data-action="plum--blocks-editor#add"
+                              class="rounded-md bg-purple-600 px-3 py-2 text-sm font-medium text-white hover:bg-purple-700">+ Add section</button>
+                    </div>
+                  </div>
+                <% end %>
+              <% end %>
+            </div>
+          <% end %>
+          <% if @content_type.fields.empty? %>
+            <p class="text-sm text-gray-500">No fields defined. <%= link_to "Edit content type", edit_cp_content_type_path(@content_type), class: "text-purple-600 hover:text-purple-900" %> to add fields.</p>
+          <% end %>
+        </div>
+      </div>
+
+      <!-- Sidebar -->
+      <div class="space-y-6" style="position: sticky; top: 2rem;">
+        <div class="bg-white shadow rounded-lg p-6 space-y-4">
+          <h3 class="text-lg font-medium text-gray-900">Publishing</h3>
+
+          <div>
+            <%= f.label :status, class: "block text-sm font-medium text-gray-700" %>
+            <%= f.select :status, Plum::Entry.statuses.keys.map { |s| [s.titleize, s] }, {},
+                class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+          </div>
+
+          <div>
+            <%= f.label :published_at, class: "block text-sm font-medium text-gray-700" %>
+            <%= f.datetime_local_field :published_at,
+                class: "mt-1 block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-purple-500 focus:border-purple-500" %>
+          </div>
+
+          <div class="pt-4 border-t border-gray-200">
+            <%= f.submit "Save", class: "w-full px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-purple-600 hover:bg-purple-700 cursor-pointer" %>
+          </div>
+        </div>
+      </div>
+    </div>
+  <% end %>
+
+  <% if entry.persisted? %>
+    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+      <div class="lg:col-start-3">
+        <div class="bg-white shadow rounded-lg p-6">
+          <%= button_to "Delete Entry", cp_content_type_entry_path(@content_type, entry), method: :delete,
+              data: { turbo_confirm: "Are you sure you want to delete this entry?" },
+              class: "w-full px-4 py-2 border border-red-300 rounded-md shadow-sm text-sm font-medium text-red-700 bg-white hover:bg-red-50" %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+</div>

data/app/views/plum/cp/entries/edit.html.erb

@@ -0,0 +1,9 @@
+<div class="flex items-center justify-between mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">Edit <%= @entry.title %></h1>
+  <% if @entry.published? %>
+    <%= link_to "View", "#{root_path.chomp('/')}/#{@entry.slug}", target: "_blank",
+        class: "inline-flex items-center px-4 py-2 border border-gray-300 rounded-md shadow-sm text-sm font-medium text-gray-700 bg-white hover:bg-gray-50" %>
+  <% end %>
+</div>
+
+<%= render "form", entry: @entry %>