plum-cms 0.1.0

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

@@ -0,0 +1,51 @@
+<div class="flex items-center justify-between mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900"><%= @content_type.name %></h1>
+  </div>
+  <%= 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>
+
+<% 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">
+    <h3 class="mt-2 text-sm font-medium text-gray-900">No entries yet</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/entries/new.html.erb

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

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

@@ -0,0 +1,90 @@
+<%= form_with model: [:cp, form_definition], class: "space-y-6" do |f| %>
+  <% if form_definition.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">
+        <% form_definition.errors.full_messages.each do |message| %>
+          <li><%= message %></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: "contact, quote_request, newsletter" %>
+      <p class="mt-1 text-sm text-gray-500">Used in Liquid as <span class="font-mono">{% form "<%= form_definition.handle.presence || "contact" %>" %}</span>.</p>
+    </div>
+
+    <div>
+      <%= f.label :notification_email, "Notification Email", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.email_field :notification_email,
+          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: "owner@example.com" %>
+    </div>
+  </div>
+
+  <div class="bg-white shadow rounded-lg p-6" data-controller="plum--form-fields">
+    <div class="flex items-center justify-between gap-4 mb-4">
+      <div>
+        <h2 class="text-lg font-medium text-gray-900">Fields</h2>
+        <p class="mt-1 text-sm text-gray-500">Text, email, textarea, select, and checkbox fields.</p>
+      </div>
+      <button type="button" data-action="plum--form-fields#addField"
+              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">
+        Add Field
+      </button>
+    </div>
+
+    <%= hidden_field_tag "form_definition[fields_json]",
+        form_fields_json(form_definition),
+        data: { "plum--form-fields-target": "input" } %>
+
+    <div class="space-y-4" data-plum--form-fields-target="fields">
+      <% form_definition.form_fields.each do |field| %>
+        <div class="grid grid-cols-1 gap-4 p-4 bg-gray-50 rounded-lg sm:grid-cols-2" data-plum--form-fields-target="field">
+          <input type="text" value="<%= field["handle"] %>" placeholder="handle" data-field="handle"
+                 data-action="input->plum--form-fields#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">
+          <input type="text" value="<%= field["label"] %>" placeholder="Label" data-field="label"
+                 data-action="input->plum--form-fields#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">
+          <select data-field="type" data-action="change->plum--form-fields#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">
+            <% Plum::FormDefinition::FIELD_TYPES.each do |type| %>
+              <option value="<%= type %>" <%= "selected" if field["type"] == type %>><%= type.humanize %></option>
+            <% end %>
+          </select>
+          <input type="text" value="<%= Array(field["options"]).join(", ") %>" placeholder="Options, comma-separated" data-field="options"
+                 data-action="input->plum--form-fields#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">
+          <label class="flex items-center gap-2 text-sm text-gray-700">
+            <input type="checkbox" data-field="required" data-action="change->plum--form-fields#inputChanged"
+                   <%= "checked" if ActiveModel::Type::Boolean.new.cast(field["required"]) %>
+                   class="h-4 w-4 rounded border-gray-300 text-purple-600 focus:ring-purple-500">
+            Required
+          </label>
+          <button type="button" data-action="plum--form-fields#removeField"
+                  class="justify-self-start text-sm font-medium text-red-700 hover:text-red-700">
+            Remove
+          </button>
+        </div>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", form_definition.persisted? ? cp_form_definition_path(form_definition) : cp_form_definitions_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 form_definition.persisted? ? "Save Form" : "Create Form",
+        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/form_definitions/edit.html.erb

@@ -0,0 +1,11 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Edit Form</h1>
+    <p class="mt-1 text-sm text-gray-500 font-mono"><%= @form_definition.handle %></p>
+  </div>
+  <%= button_to "Delete", cp_form_definition_path(@form_definition), method: :delete,
+      data: { turbo_confirm: "Delete this form and its submissions?" },
+      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", form_definition: @form_definition %>

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

@@ -0,0 +1,43 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Forms</h1>
+    <p class="mt-1 text-sm text-gray-500">Public forms and submissions.</p>
+  </div>
+  <%= link_to "New Form", new_cp_form_definition_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 @form_definitions.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">Fields</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Submissions</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">
+        <% @form_definitions.each do |form| %>
+          <tr>
+            <td class="px-6 py-4 whitespace-nowrap">
+              <%= link_to form.name, cp_form_definition_path(form), 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 font-mono"><%= form.handle %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= form.form_fields.size %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= form.form_submissions.size %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+              <%= link_to "Edit", edit_cp_form_definition_path(form), class: "text-purple-600 hover:text-purple-900" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="bg-white shadow rounded-lg p-6">
+    <p class="text-sm text-gray-500">No forms yet.</p>
+  </div>
+<% end %>

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

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

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

@@ -0,0 +1,70 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900"><%= @form_definition.name %></h1>
+    <p class="mt-1 text-sm text-gray-500">
+      Liquid: <span class="font-mono">{% form "<%= @form_definition.handle %>" %}</span>
+    </p>
+  </div>
+  <%= link_to "Edit Form", edit_cp_form_definition_path(@form_definition),
+      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 class="grid grid-cols-1 gap-6 lg:grid-cols-3">
+  <section class="lg:col-span-2">
+    <div class="bg-white shadow rounded-lg overflow-hidden">
+      <div class="px-6 py-4 border-b border-gray-200">
+        <h2 class="text-lg font-medium text-gray-900">Submissions</h2>
+      </div>
+
+      <% if @submissions.any? %>
+        <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">Submitted</th>
+              <% @form_definition.form_fields.first(2).each do |field| %>
+                <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"><%= field["label"].presence || field["handle"].to_s.humanize %></th>
+              <% end %>
+              <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">
+            <% @submissions.each do |submission| %>
+              <tr>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= l(submission.created_at, format: :short) %></td>
+                <% @form_definition.form_fields.first(2).each do |field| %>
+                  <td class="px-6 py-4 text-sm text-gray-700"><%= submission.value(field["handle"]) %></td>
+                <% end %>
+                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                  <%= link_to "View", cp_form_definition_form_submission_path(@form_definition, submission), class: "text-purple-600 hover:text-purple-900" %>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      <% else %>
+        <div class="p-6">
+          <p class="text-sm text-gray-500">No submissions yet.</p>
+        </div>
+      <% end %>
+    </div>
+  </section>
+
+  <aside class="bg-white shadow rounded-lg p-6 space-y-4">
+    <h2 class="text-lg font-medium text-gray-900">Fields</h2>
+    <% if @form_definition.form_fields.any? %>
+      <dl class="space-y-3">
+        <% @form_definition.form_fields.each do |field| %>
+          <div>
+            <dt class="text-sm font-medium text-gray-900"><%= field["label"].presence || field["handle"].to_s.humanize %></dt>
+            <dd class="mt-1 text-sm text-gray-500">
+              <span class="font-mono"><%= field["handle"] %></span> · <%= field["type"].to_s.humanize %>
+              <% if ActiveModel::Type::Boolean.new.cast(field["required"]) %> · Required<% end %>
+            </dd>
+          </div>
+        <% end %>
+      </dl>
+    <% else %>
+      <p class="text-sm text-gray-500">No fields configured.</p>
+    <% end %>
+  </aside>
+</div>

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

@@ -0,0 +1,20 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Submission</h1>
+    <p class="mt-1 text-sm text-gray-500"><%= @form_definition.name %> · <%= l(@form_submission.created_at, format: :short) %></p>
+  </div>
+  <%= button_to "Delete", cp_form_definition_form_submission_path(@form_definition, @form_submission), method: :delete,
+      data: { turbo_confirm: "Delete this submission?" },
+      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>
+
+<div class="bg-white shadow rounded-lg p-6">
+  <dl class="divide-y divide-gray-200">
+    <% @form_definition.form_fields.each do |field| %>
+      <div class="py-4">
+        <dt class="text-sm font-medium text-gray-500"><%= field["label"].presence || field["handle"].to_s.humanize %></dt>
+        <dd class="mt-1 text-sm text-gray-900 whitespace-pre-wrap"><%= @form_submission.value(field["handle"]) %></dd>
+      </div>
+    <% end %>
+  </dl>
+</div>

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

@@ -0,0 +1,44 @@
+<%= form_with model: [:cp, global], class: "space-y-6" do |f| %>
+  <% if global.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">
+        <% global.errors.full_messages.each do |message| %>
+          <li><%= message %></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 Liquid as <span class="font-mono">globals.company.phone</span>.</p>
+    </div>
+
+    <div>
+      <%= f.label :data_json, "Data", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_area :data_json,
+          name: "global[data_json]",
+          value: global_data_json(global),
+          rows: 14,
+          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 text-sm",
+          spellcheck: false %>
+      <p class="mt-1 text-sm text-gray-500">Must be a JSON object.</p>
+    </div>
+  </div>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", global.persisted? ? cp_global_path(global) : cp_globals_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/globals/edit.html.erb

@@ -0,0 +1,11 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Edit Global</h1>
+    <p class="mt-1 text-sm text-gray-500 font-mono"><%= @global.handle %></p>
+  </div>
+  <%= button_to "Delete", cp_global_path(@global), method: :delete,
+      data: { turbo_confirm: "Delete this global?" },
+      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", global: @global %>

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

@@ -0,0 +1,41 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Globals</h1>
+    <p class="mt-1 text-sm text-gray-500">Reusable site data for Liquid templates.</p>
+  </div>
+  <%= link_to "New Global", new_cp_global_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 @globals.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">Keys</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">
+        <% @globals.each do |global| %>
+          <tr>
+            <td class="px-6 py-4 whitespace-nowrap">
+              <%= link_to global.name, cp_global_path(global), 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 font-mono"><%= global.handle %></td>
+            <td class="px-6 py-4 text-sm text-gray-500"><%= global.data.keys.to_sentence.presence || "No keys" %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+              <%= link_to "Edit", edit_cp_global_path(global), class: "text-purple-600 hover:text-purple-900" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="bg-white shadow rounded-lg p-6">
+    <p class="text-sm text-gray-500">No globals yet.</p>
+  </div>
+<% end %>

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

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

data/app/views/plum/cp/globals/show.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"><%= @global.name %></h1>
+    <p class="mt-1 text-sm text-gray-500">
+      Liquid: <span class="font-mono">globals.<%= @global.handle %></span>
+    </p>
+  </div>
+  <%= link_to "Edit", edit_cp_global_path(@global),
+      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 class="bg-white shadow rounded-lg p-6">
+  <pre class="overflow-x-auto whitespace-pre-wrap text-sm text-gray-800"><%= JSON.pretty_generate(@global.data) %></pre>
+</div>

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

@@ -0,0 +1,56 @@
+<%= form_with model: [:cp, @nav_menu, nav_item], class: "space-y-6" do |f| %>
+  <% if nav_item.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">
+        <% nav_item.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div class="bg-white shadow rounded-lg p-6 space-y-6">
+    <div>
+      <%= f.label :label, class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_field :label,
+          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 :url, "Custom URL", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_field :url,
+          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: "/menu or https://example.com" %>
+      <p class="mt-1 text-sm text-gray-500">Leave blank when linking to an entry.</p>
+    </div>
+
+    <div>
+      <%= f.label :entry_id, "Entry", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.select :entry_id,
+          options_for_select([["No entry", ""]] + @entries.map { |entry| ["#{entry.title} (#{entry.content_type.name})", entry.id] }, nav_item.entry_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" %>
+    </div>
+
+    <div>
+      <%= f.label :parent_id, "Parent Item", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.select :parent_id,
+          options_for_select([["No parent", ""]] + @parent_options.map { |item| [item.label, item.id] }, nav_item.parent_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" %>
+    </div>
+
+    <div>
+      <%= f.label :position, class: "block text-sm font-medium text-gray-700" %>
+      <%= f.number_field :position,
+          min: 0,
+          class: "mt-1 block w-32 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>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", cp_nav_menu_path(@nav_menu),
+        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/nav_items/edit.html.erb

@@ -0,0 +1,11 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Edit Navigation Item</h1>
+    <p class="mt-1 text-sm text-gray-500"><%= @nav_menu.name %></p>
+  </div>
+  <%= button_to "Delete", cp_nav_menu_nav_item_path(@nav_menu, @nav_item), method: :delete,
+      data: { turbo_confirm: "Delete this navigation item?" },
+      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", nav_item: @nav_item %>

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

@@ -0,0 +1,6 @@
+<div class="mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">New Navigation Item</h1>
+  <p class="mt-1 text-sm text-gray-500"><%= @nav_menu.name %></p>
+</div>
+
+<%= render "form", nav_item: @nav_item %>

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

@@ -0,0 +1,33 @@
+<%= form_with model: [:cp, nav_menu], class: "space-y-6" do |f| %>
+  <% if nav_menu.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">
+        <% nav_menu.errors.full_messages.each do |message| %>
+          <li><%= message %></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: "main, footer, legal" %>
+      <p class="mt-1 text-sm text-gray-500">Used in Liquid as <span class="font-mono">nav.main.items</span>.</p>
+    </div>
+  </div>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", nav_menu.persisted? ? cp_nav_menu_path(nav_menu) : cp_nav_menus_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/nav_menus/_nav_item.html.erb

@@ -0,0 +1,24 @@
+<li class="bg-white shadow rounded-lg p-4">
+  <div class="flex items-start justify-between gap-4">
+    <div class="min-w-0">
+      <h2 class="text-sm font-semibold text-gray-900"><%= item.label %></h2>
+      <p class="mt-1 text-sm text-gray-500 truncate">
+        <% if item.entry %>
+          Entry: <%= item.entry.title %> <span class="font-mono">/<%= item.entry.slug %></span>
+        <% else %>
+          <span class="font-mono"><%= item.url %></span>
+        <% end %>
+      </p>
+    </div>
+    <div class="flex shrink-0 items-center gap-3">
+      <span class="text-xs text-gray-500">#<%= item.position.presence || 0 %></span>
+      <%= link_to "Edit", edit_cp_nav_menu_nav_item_path(nav_menu, item), class: "text-sm font-medium text-purple-600 hover:text-purple-900" %>
+    </div>
+  </div>
+
+  <% if item.children.any? %>
+    <ol class="mt-3 pl-5 space-y-3 border-l border-gray-200">
+      <%= render partial: "nav_item", collection: item.children, as: :item, locals: { nav_menu: nav_menu } %>
+    </ol>
+  <% end %>
+</li>

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

@@ -0,0 +1,11 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Edit Navigation Menu</h1>
+    <p class="mt-1 text-sm text-gray-500 font-mono"><%= @nav_menu.handle %></p>
+  </div>
+  <%= button_to "Delete", cp_nav_menu_path(@nav_menu), method: :delete,
+      data: { turbo_confirm: "Delete this navigation menu?" },
+      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", nav_menu: @nav_menu %>

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

@@ -0,0 +1,41 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900">Navigation</h1>
+    <p class="mt-1 text-sm text-gray-500">Menus available to Liquid templates.</p>
+  </div>
+  <%= link_to "New Menu", new_cp_nav_menu_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 @nav_menus.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">Items</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">
+        <% @nav_menus.each do |menu| %>
+          <tr>
+            <td class="px-6 py-4 whitespace-nowrap">
+              <%= link_to menu.name, cp_nav_menu_path(menu), 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 font-mono"><%= menu.handle %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500"><%= menu.nav_items.size %></td>
+            <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+              <%= link_to "Edit", edit_cp_nav_menu_path(menu), class: "text-purple-600 hover:text-purple-900" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+<% else %>
+  <div class="bg-white shadow rounded-lg p-6">
+    <p class="text-sm text-gray-500">No navigation menus yet.</p>
+  </div>
+<% end %>

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

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