plum-cms 0.1.0

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

@@ -0,0 +1,24 @@
+<div class="flex items-center justify-between gap-6 mb-8">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900"><%= @nav_menu.name %></h1>
+    <p class="mt-1 text-sm text-gray-500">
+      Liquid: <span class="font-mono">nav.<%= @nav_menu.handle %>.items</span>
+    </p>
+  </div>
+  <div class="flex items-center gap-3">
+    <%= link_to "Edit Menu", edit_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" %>
+    <%= link_to "Add Item", new_cp_nav_menu_nav_item_path(@nav_menu),
+        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 @nav_items.any? %>
+  <ol class="space-y-3">
+    <%= render partial: "nav_item", collection: @nav_items, as: :item, locals: { nav_menu: @nav_menu } %>
+  </ol>
+<% else %>
+  <div class="bg-white shadow rounded-lg p-6">
+    <p class="text-sm text-gray-500">No navigation items yet.</p>
+  </div>
+<% end %>

data/app/views/plum/cp/shared/_icon.html.erb

@@ -0,0 +1,39 @@
+<%# Inline SVG icons (Heroicons outline style, 24x24) %>
+<% case name %>
+<% when "document" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" /></svg>
+<% when "newspaper" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6V7.5Z" /></svg>
+<% when "photo" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
+<% when "calendar" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5" /></svg>
+<% when "star" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" /></svg>
+<% when "folder" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12.75V12A2.25 2.25 0 0 1 4.5 9.75h15A2.25 2.25 0 0 1 21.75 12v.75m-8.69-6.44-2.12-2.12a1.5 1.5 0 0 0-1.061-.44H4.5A2.25 2.25 0 0 0 2.25 6v12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 18V9a2.25 2.25 0 0 0-2.25-2.25h-5.379a1.5 1.5 0 0 1-1.06-.44Z" /></svg>
+<% when "tag" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6 6h.008v.008H6V6Z" /></svg>
+<% when "bookmark" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z" /></svg>
+<% when "shopping-bag" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" /></svg>
+<% when "briefcase" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0" /></svg>
+<% when "megaphone" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46" /></svg>
+<% when "chat" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z" /></svg>
+<% when "globe" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5a17.92 17.92 0 0 1-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" /></svg>
+<% when "heart" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" /></svg>
+<% when "music" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="m9 9 10.5-3m0 6.553v3.75a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66a2.25 2.25 0 0 0 1.632-2.163Zm0 0V4.846a1.125 1.125 0 0 0-1.49-1.065L9 5.63v3.37M9 9v10.114a2.25 2.25 0 0 1-1.632 2.163l-1.32.377a1.803 1.803 0 1 1-.99-3.467l2.31-.66A2.25 2.25 0 0 0 9 15.464V9Z" /></svg>
+<% when "film" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3.375 19.5h17.25m-17.25 0a1.125 1.125 0 0 1-1.125-1.125M3.375 19.5h1.5C5.496 19.5 6 18.996 6 18.375m-3.75 0V5.625m0 12.75v-1.5c0-.621.504-1.125 1.125-1.125m18.375 2.625V5.625m0 12.75c0 .621-.504 1.125-1.125 1.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0 3.75h-1.5A1.125 1.125 0 0 1 18 18.375M20.625 4.5H3.375m17.25 0c.621 0 1.125.504 1.125 1.125M20.625 4.5h-1.5C18.504 4.5 18 5.004 18 5.625m3.75 0v1.5c0 .621-.504 1.125-1.125 1.125M3.375 4.5c-.621 0-1.125.504-1.125 1.125M3.375 4.5h1.5C5.496 4.5 6 5.004 6 5.625m-3.75 0v1.5c0 .621.504 1.125 1.125 1.125m0 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125m1.5-3.75C5.496 8.25 6 7.746 6 7.125v-1.5M4.875 8.25C5.496 8.25 6 8.754 6 9.375v1.5m0-5.25v5.25m0-5.25C6 5.004 6.504 4.5 7.125 4.5h9.75c.621 0 1.125.504 1.125 1.125m1.125 2.625h1.5m-1.5 0A1.125 1.125 0 0 1 18 7.125v-1.5m1.125 2.625c-.621 0-1.125.504-1.125 1.125v1.5m2.625-2.625c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125M18 5.625v5.25M7.125 12h9.75m-9.75 0A1.125 1.125 0 0 1 6 10.875M7.125 12C6.504 12 6 12.504 6 13.125m0-2.25C6 11.496 5.496 12 4.875 12M18 10.875c0 .621-.504 1.125-1.125 1.125M18 10.875c0 .621.504 1.125 1.125 1.125m-2.25 0c.621 0 1.125.504 1.125 1.125m-12 5.25v-5.25m0 5.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125m-12 0v-1.5c0-.621-.504-1.125-1.125-1.125M18 18.375v-5.25m0 5.25v-1.5c0-.621.504-1.125 1.125-1.125M18 13.125v1.5c0 .621.504 1.125 1.125 1.125M18 13.125c0-.621.504-1.125 1.125-1.125M6 13.125v1.5c0 .621-.504 1.125-1.125 1.125M6 13.125C6 12.504 5.496 12 4.875 12m-1.5 0h1.5m-1.5 0c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125M19.125 12h1.5m0 0c.621 0 1.125.504 1.125 1.125v1.5c0 .621-.504 1.125-1.125 1.125m-17.25 0h1.5m14.25 0h1.5" /></svg>
+<% when "code" %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5" /></svg>
+<% else %>
+  <svg class="h-5 w-5" style="color: inherit;" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" /></svg>
+<% end %>

data/app/views/plum/cp/shared/_image_picker.html.erb

@@ -0,0 +1,38 @@
+<%#
+  Reusable image picker.
+  locals:
+    input_name - the form field name (stores the selected asset id)
+    value      - currently selected asset id (optional)
+    field_id   - dom id for the hidden input (optional)
+%>
+<div class="mt-1 space-y-2"
+     data-controller="plum--image-picker"
+     data-plum--image-picker-assets-url-value="<%= cp_assets_path(format: :json) %>"
+     data-plum--image-picker-upload-url-value="<%= cp_assets_path %>">
+  <%= hidden_field_tag input_name, value, id: field_id,
+      data: { "plum--image-picker-target": "input" } %>
+
+  <div data-plum--image-picker-target="preview"></div>
+
+  <div class="flex items-center gap-2">
+    <button type="button" data-action="plum--image-picker#toggle"
+            class="rounded-md border border-gray-300 bg-white px-3 py-1.5 text-sm font-medium text-gray-700 hover:bg-gray-50">Choose image</button>
+    <button type="button" data-action="plum--image-picker#clear"
+            class="text-sm text-gray-500 hover:text-gray-700">Remove</button>
+  </div>
+
+  <div class="hidden rounded-lg border border-gray-200 bg-gray-50 p-3" data-plum--image-picker-target="panel">
+    <div class="mb-2 flex items-center justify-between">
+      <span class="text-xs font-medium text-gray-500" data-plum--image-picker-target="status"></span>
+      <button type="button" data-action="plum--image-picker#close" class="text-xs text-gray-500 hover:text-gray-700">Close</button>
+    </div>
+    <div class="grid grid-cols-3 gap-2 sm:grid-cols-4" data-plum--image-picker-target="grid"></div>
+    <div class="mt-3 border-t border-gray-200 pt-3">
+      <label class="block text-xs font-medium text-gray-500">Upload a new image</label>
+      <input type="file" accept="image/*"
+             data-plum--image-picker-target="file"
+             data-action="change->plum--image-picker#upload"
+             class="mt-1 block w-full text-sm text-gray-700">
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,145 @@
+<div class="mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">Edit Site Settings</h1>
+</div>
+
+<%= form_with model: [:cp, @site_settings], url: cp_site_settings_path, method: :patch,
+    class: "space-y-6", data: { controller: "plum--theme-settings" } do |f| %>
+  <% if @site_settings.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">
+        <% @site_settings.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">
+    <h3 class="text-lg font-medium text-gray-900">General</h3>
+
+    <div>
+      <%= f.label :name, "Site 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 :tagline, class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_field :tagline, 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>
+      <label class="block text-sm font-medium text-gray-700">Logo</label>
+      <%= render "plum/cp/shared/image_picker",
+          input_name: "site_setting[logo]",
+          value: @site_settings.logo.to_s,
+          field_id: "site_setting_logo" %>
+    </div>
+
+    <div>
+      <%= f.label :theme_name, "Theme", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.select :theme_name,
+          @themes.map { |theme| ["#{theme.name} (#{theme.handle})", theme.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",
+          data: { "plum--theme-settings-target": "select", action: "plum--theme-settings#update" } %>
+      <% if @current_theme&.description.present? %>
+        <p class="mt-1 text-sm text-gray-500"><%= @current_theme.description %></p>
+      <% end %>
+    </div>
+
+    <div>
+      <%= f.label :primary_color, "Primary Color", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.color_field :primary_color,
+          class: "mt-1 h-10 w-16 rounded-md border border-gray-300 bg-white p-1" %>
+    </div>
+
+    <div>
+      <%= f.label :support_email, "Support Email", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.email_field :support_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" %>
+    </div>
+  </div>
+
+  <div class="bg-white shadow rounded-lg p-6 space-y-6">
+    <div class="flex items-center justify-between gap-4">
+      <h3 class="text-lg font-medium text-gray-900">Theme Settings</h3>
+      <div class="flex flex-wrap justify-end gap-2">
+        <% @themes.each do |theme| %>
+          <%= link_to "Preview #{theme.name}", cp_theme_preview_path(theme.handle),
+              target: "_blank", rel: "noopener",
+              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" %>
+        <% end %>
+      </div>
+    </div>
+
+    <% @themes.each do |theme| %>
+      <div data-plum--theme-settings-target="panel"
+           data-plum--theme-settings-handle="<%= theme.handle %>"
+           <%= "hidden" unless theme.handle == @site_settings.theme_name %>>
+        <% if theme.settings_fields.any? %>
+          <div class="space-y-4">
+            <% theme.settings_fields.each do |field| %>
+              <% field_id = theme_setting_input_id(theme, field) %>
+              <% field_name = theme_setting_input_name(theme, field) %>
+              <% field_value = theme_setting_value(field) %>
+              <div>
+                <label for="<%= field_id %>" class="block text-sm font-medium text-gray-700"><%= theme_setting_label(field) %></label>
+
+                <% case field["type"].to_s %>
+                <% when "color" %>
+                  <%= color_field_tag field_name, field_value.presence || @site_settings.primary_color,
+                      id: field_id,
+                      class: "mt-1 h-10 w-16 rounded-md border border-gray-300 bg-white p-1" %>
+                <% when "textarea" %>
+                  <%= text_area_tag field_name, field_value, id: field_id, 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" %>
+                <% when "boolean" %>
+                  <div class="mt-2 flex items-center gap-2">
+                    <%= hidden_field_tag field_name, "0" %>
+                    <%= check_box_tag field_name, "1", theme_setting_checked?(field),
+                        id: field_id,
+                        class: "h-4 w-4 rounded border-gray-300 text-purple-600 focus:ring-purple-500" %>
+                  </div>
+                <% when "select" %>
+                  <%= select_tag field_name,
+                      options_for_select(theme_setting_options(field), field_value),
+                      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" %>
+                <% else %>
+                  <%= text_field_tag field_name, field_value, 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" %>
+                <% end %>
+                <% if field["help"].present? %>
+                  <p class="mt-1 text-sm text-gray-500"><%= field["help"] %></p>
+                <% end %>
+              </div>
+            <% end %>
+          </div>
+        <% else %>
+          <p class="text-sm text-gray-500">This theme does not define editable settings.</p>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+
+  <div class="bg-white shadow rounded-lg p-6 space-y-6">
+    <h3 class="text-lg font-medium text-gray-900">SEO</h3>
+
+    <div>
+      <%= f.label :seo_title, "SEO Title", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_field :seo_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 :seo_description, "SEO Description", class: "block text-sm font-medium text-gray-700" %>
+      <%= f.text_area :seo_description, 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>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", cp_site_settings_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 "Save Settings", 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/site_settings/show.html.erb

@@ -0,0 +1,62 @@
+<div class="flex items-center justify-between mb-8">
+  <h1 class="text-2xl font-bold text-gray-900">Site Settings</h1>
+  <%= link_to "Edit", edit_cp_site_settings_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 class="bg-white shadow rounded-lg p-6">
+  <dl class="grid grid-cols-1 gap-6 sm:grid-cols-2">
+    <div>
+      <dt class="text-sm font-medium text-gray-500">Site Name</dt>
+      <dd class="mt-1 text-sm text-gray-900"><%= @site_settings.name %></dd>
+    </div>
+    <div>
+      <dt class="text-sm font-medium text-gray-500">Tagline</dt>
+      <dd class="mt-1 text-sm text-gray-900"><%= @site_settings.tagline || "—" %></dd>
+    </div>
+    <div>
+      <dt class="text-sm font-medium text-gray-500">SEO Title</dt>
+      <dd class="mt-1 text-sm text-gray-900"><%= @site_settings.seo_title || "—" %></dd>
+    </div>
+    <div>
+      <dt class="text-sm font-medium text-gray-500">SEO Description</dt>
+      <dd class="mt-1 text-sm text-gray-900"><%= @site_settings.seo_description || "—" %></dd>
+    </div>
+    <div>
+      <dt class="text-sm font-medium text-gray-500">Theme</dt>
+      <dd class="mt-1 text-sm text-gray-900">
+        <%= @current_theme&.name || @site_settings.theme_name || "default" %>
+        <span class="text-gray-500">(<%= @site_settings.theme_name || "default" %>)</span>
+      </dd>
+    </div>
+    <div>
+      <dt class="text-sm font-medium text-gray-500">Primary Color</dt>
+      <dd class="mt-1 text-sm text-gray-900"><%= @site_settings.primary_color || "—" %></dd>
+    </div>
+    <div>
+      <dt class="text-sm font-medium text-gray-500">Support Email</dt>
+      <dd class="mt-1 text-sm text-gray-900"><%= @site_settings.support_email || "—" %></dd>
+    </div>
+  </dl>
+</div>
+
+<% if @current_theme&.settings_fields&.any? %>
+  <div class="mt-6 bg-white shadow rounded-lg p-6">
+    <h2 class="text-lg font-medium text-gray-900">Theme Settings</h2>
+    <dl class="mt-4 grid grid-cols-1 gap-6 sm:grid-cols-2">
+      <% @current_theme.settings_fields.each do |field| %>
+        <% value = current_site.theme_settings[field["handle"].to_s] %>
+        <div>
+          <dt class="text-sm font-medium text-gray-500"><%= theme_setting_label(field) %></dt>
+          <dd class="mt-1 text-sm text-gray-900">
+            <% if field["type"] == "boolean" %>
+              <%= ActiveModel::Type::Boolean.new.cast(value) ? "Yes" : "No" %>
+            <% else %>
+              <%= value.presence || "—" %>
+            <% end %>
+          </dd>
+        </div>
+      <% end %>
+    </dl>
+  </div>
+<% end %>

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

@@ -0,0 +1,38 @@
+<%= form_with model: [:cp, taxonomy], url: taxonomy.persisted? ? "#{cp_prefix}/taxonomies/#{taxonomy.id}" : "#{cp_prefix}/taxonomies", method: taxonomy.persisted? ? :patch : :post, class: "space-y-6" do |f| %>
+  <% if taxonomy.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">
+        <% taxonomy.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 templates. Lowercase letters, numbers, and underscores only.</p>
+    </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 name" %>
+      <p class="mt-1 text-sm text-gray-500">Used in URLs, e.g. /categories/breakfast.</p>
+    </div>
+  </div>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", "#{cp_prefix}/taxonomies",
+        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/taxonomies/edit.html.erb

@@ -0,0 +1,2 @@
+<h1 class="text-2xl font-bold text-gray-900 mb-6">Edit <%= @taxonomy.name %></h1>
+<%= render "form", taxonomy: @taxonomy %>

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

@@ -0,0 +1,38 @@
+<div class="flex items-center justify-between mb-6">
+  <h1 class="text-2xl font-bold text-gray-900">Taxonomies</h1>
+  <%= link_to "New Taxonomy", "#{cp_prefix}/taxonomies/new",
+      class: "px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 text-sm font-medium" %>
+</div>
+
+<div class="bg-white shadow rounded-lg overflow-hidden">
+  <% if @taxonomies.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">Name</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Handle</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Terms</th>
+          <th class="px-6 py-3"></th>
+        </tr>
+      </thead>
+      <tbody class="divide-y divide-gray-200">
+        <% @taxonomies.each do |taxonomy| %>
+          <tr>
+            <td class="px-6 py-4">
+              <%= link_to taxonomy.name, "#{cp_prefix}/taxonomies/#{taxonomy.id}", class: "text-purple-600 hover:text-purple-900 font-medium" %>
+            </td>
+            <td class="px-6 py-4 text-sm text-gray-500 font-mono"><%= taxonomy.handle %></td>
+            <td class="px-6 py-4 text-sm text-gray-500"><%= taxonomy.terms.size %></td>
+            <td class="px-6 py-4 text-right text-sm">
+              <%= link_to "Edit", "#{cp_prefix}/taxonomies/#{taxonomy.id}/edit", class: "text-purple-600 hover:text-purple-900" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% else %>
+    <div class="p-6 text-center text-gray-500">
+      <p>No taxonomies yet. Create one to start categorizing your content.</p>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,2 @@
+<h1 class="text-2xl font-bold text-gray-900 mb-6">New Taxonomy</h1>
+<%= render "form", taxonomy: @taxonomy %>

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

@@ -0,0 +1,46 @@
+<div class="flex items-center justify-between mb-6">
+  <div>
+    <h1 class="text-2xl font-bold text-gray-900"><%= @taxonomy.name %></h1>
+    <p class="text-sm text-gray-500 font-mono mt-1"><%= @taxonomy.handle %></p>
+  </div>
+  <div class="flex gap-3">
+    <%= link_to "Edit Taxonomy", "#{cp_prefix}/taxonomies/#{@taxonomy.id}/edit",
+        class: "px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50" %>
+    <%= link_to "Add Term", "#{cp_prefix}/taxonomies/#{@taxonomy.id}/terms/new",
+        class: "px-4 py-2 bg-purple-600 text-white rounded-md hover:bg-purple-700 text-sm font-medium" %>
+  </div>
+</div>
+
+<div class="bg-white shadow rounded-lg overflow-hidden">
+  <% if @terms.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">Name</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Slug</th>
+          <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Entries</th>
+          <th class="px-6 py-3"></th>
+        </tr>
+      </thead>
+      <tbody class="divide-y divide-gray-200">
+        <% @terms.each do |term| %>
+          <tr>
+            <td class="px-6 py-4 font-medium text-gray-900"><%= term.name %></td>
+            <td class="px-6 py-4 text-sm text-gray-500 font-mono"><%= term.slug %></td>
+            <td class="px-6 py-4 text-sm text-gray-500"><%= term.entries.count %></td>
+            <td class="px-6 py-4 text-right text-sm space-x-3">
+              <%= link_to "Edit", "#{cp_prefix}/taxonomies/#{@taxonomy.id}/terms/#{term.id}/edit", class: "text-purple-600 hover:text-purple-900" %>
+              <%= button_to "Delete", "#{cp_prefix}/taxonomies/#{@taxonomy.id}/terms/#{term.id}", method: :delete,
+                  data: { turbo_confirm: "Delete this term?" },
+                  class: "text-red-600 hover:text-red-900" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% else %>
+    <div class="p-6 text-center text-gray-500">
+      <p>No terms yet. Add one to start tagging entries.</p>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,30 @@
+<%= form_with model: [:cp, @taxonomy, term], url: term.persisted? ? "#{cp_prefix}/taxonomies/#{@taxonomy.id}/terms/#{term.id}" : "#{cp_prefix}/taxonomies/#{@taxonomy.id}/terms", method: term.persisted? ? :patch : :post, class: "space-y-6" do |f| %>
+  <% if term.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">
+        <% term.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 :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 name" %>
+    </div>
+  </div>
+
+  <div class="flex justify-end space-x-3">
+    <%= link_to "Cancel", "#{cp_prefix}/taxonomies/#{@taxonomy.id}",
+        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/terms/edit.html.erb

@@ -0,0 +1,2 @@
+<h1 class="text-2xl font-bold text-gray-900 mb-6">Edit Term in <%= @taxonomy.name %></h1>
+<%= render "form", term: @term %>

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

@@ -0,0 +1,2 @@
+<h1 class="text-2xl font-bold text-gray-900 mb-6">New Term in <%= @taxonomy.name %></h1>
+<%= render "form", term: @term %>