RubyGems - rivet_cms - Versions diffs - 0.1.0.pre - Mend

rivet_cms 0.1.0.pre

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (58) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +28 -0
data/Rakefile +8 -0
data/app/assets/builds/rivet_cms.css +2 -0
data/app/assets/builds/rivet_cms.js +9536 -0
data/app/assets/builds/rivet_cms.js.map +7 -0
data/app/assets/stylesheets/rivet_cms/application.tailwind.css +25 -0
data/app/assets/stylesheets/rivet_cms/brand_colors.css +168 -0
data/app/controllers/rivet_cms/api/docs_controller.rb +38 -0
data/app/controllers/rivet_cms/application_controller.rb +5 -0
data/app/controllers/rivet_cms/components_controller.rb +7 -0
data/app/controllers/rivet_cms/content_types_controller.rb +61 -0
data/app/controllers/rivet_cms/dashboard_controller.rb +10 -0
data/app/controllers/rivet_cms/fields_controller.rb +109 -0
data/app/helpers/rivet_cms/application_helper.rb +7 -0
data/app/helpers/rivet_cms/brand_color_helper.rb +71 -0
data/app/helpers/rivet_cms/flash_helper.rb +37 -0
data/app/helpers/rivet_cms/sign_out_helper.rb +11 -0
data/app/javascript/controllers/content_type_form_controller.js +53 -0
data/app/javascript/controllers/field_layout_controller.js +709 -0
data/app/javascript/rivet_cms.js +29 -0
data/app/jobs/rivet_cms/application_job.rb +4 -0
data/app/mailers/rivet_cms/application_mailer.rb +6 -0
data/app/models/rivet_cms/application_record.rb +5 -0
data/app/models/rivet_cms/component.rb +4 -0
data/app/models/rivet_cms/content.rb +4 -0
data/app/models/rivet_cms/content_type.rb +40 -0
data/app/models/rivet_cms/content_value.rb +4 -0
data/app/models/rivet_cms/field.rb +82 -0
data/app/models/rivet_cms/field_values/base.rb +11 -0
data/app/models/rivet_cms/field_values/boolean.rb +4 -0
data/app/models/rivet_cms/field_values/integer.rb +4 -0
data/app/models/rivet_cms/field_values/string.rb +4 -0
data/app/models/rivet_cms/field_values/text.rb +4 -0
data/app/services/rivet_cms/open_api_generator.rb +245 -0
data/app/views/layouts/rivet_cms/application.html.erb +49 -0
data/app/views/rivet_cms/api/docs/show.html.erb +47 -0
data/app/views/rivet_cms/content_types/_form.html.erb +98 -0
data/app/views/rivet_cms/content_types/edit.html.erb +27 -0
data/app/views/rivet_cms/content_types/index.html.erb +151 -0
data/app/views/rivet_cms/content_types/new.html.erb +19 -0
data/app/views/rivet_cms/content_types/show.html.erb +147 -0
data/app/views/rivet_cms/dashboard/index.html.erb +263 -0
data/app/views/rivet_cms/fields/_form.html.erb +111 -0
data/app/views/rivet_cms/fields/edit.html.erb +25 -0
data/app/views/rivet_cms/fields/index.html.erb +126 -0
data/app/views/rivet_cms/fields/new.html.erb +25 -0
data/app/views/rivet_cms/shared/_navigation.html.erb +153 -0
data/config/i18n-tasks.yml +178 -0
data/config/locales/en.yml +14 -0
data/config/routes.rb +56 -0
data/db/migrate/20250317194359_create_core_tables.rb +90 -0
data/lib/rivet_cms/engine.rb +55 -0
data/lib/rivet_cms/version.rb +3 -0
data/lib/rivet_cms.rb +44 -0
data/lib/tasks/rivet_cms_tasks.rake +4 -0
metadata +231 -0

data/app/views/rivet_cms/content_types/edit.html.erb ADDED Viewed

@@ -0,0 +1,27 @@
+<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+  <div class="mb-8">
+    <div class="flex items-center justify-between">
+      <div>
+        <h1 class="text-2xl font-bold text-gray-900">Edit Content Type</h1>
+        <p class="mt-1 text-sm text-gray-500">Update the details for "<%= @content_type.name %>"</p>
+      </div>
+      <div class="flex space-x-3">
+        <%= link_to 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 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 -ml-1 text-gray-500" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M6.672 1.911a1 1 0 10-1.932.518l.259.966a1 1 0 001.932-.518l-.26-.966zM2.429 4.74a1 1 0 10-.517 1.932l.966.259a1 1 0 00.517-1.932l-.966-.26zm8.814-.569a1 1 0 00-1.415-1.414l-.707.707a1 1 0 101.415 1.415l.707-.708zm-7.071 7.072l.707-.707A1 1 0 003.465 9.12l-.708.707a1 1 0 001.415 1.415zm3.2-5.171a1 1 0 00-1.3 1.3l4 10a1 1 0 001.823.075l1.38-2.759 3.018 3.02a1 1 0 001.414-1.415l-3.019-3.02 2.76-1.379a1 1 0 00-.076-1.822l-10-4z" clip-rule="evenodd" />
+          </svg>
+          View
+        <% end %>
+        <%= link_to content_types_path, 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 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 -ml-1 text-gray-500" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
+          </svg>
+          Back
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <%= render "form", content_type: @content_type %>
+</div>

data/app/views/rivet_cms/content_types/index.html.erb ADDED Viewed

@@ -0,0 +1,151 @@
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+  <div class="sm:flex sm:items-center mb-8">
+    <div class="sm:flex-auto">
+      <h1 class="text-2xl font-bold text-gray-900">Content Types</h1>
+      <p class="mt-2 text-sm text-gray-500">
+        A list of all the content types in your headless CMS.
+      </p>
+    </div>
+    <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+      <%= link_to new_content_type_path, class: "inline-flex items-center rounded-md border border-transparent bg-brand-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 transition-all duration-200" do %>
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus -ml-1 mr-2 h-5 w-5">
+          <path d="M5 12h14" />
+          <path d="M12 5v14" />
+        </svg>
+        New Content Type
+      <% end %>
+    </div>
+  </div>
+  <div class="bg-white shadow overflow-hidden sm:rounded-lg border border-gray-100">
+    <% if @content_types.any? %>
+      <div class="overflow-x-auto">
+        <table class="min-w-full divide-y divide-gray-200">
+          <thead class="bg-gray-50">
+            <tr>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Name</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Slug</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Type</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Items</th>
+              <th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">Actions</th>
+            </tr>
+          </thead>
+          <tbody class="bg-white divide-y divide-gray-200">
+            <% @content_types.each do |content_type| %>
+              <tr class="hover:bg-gray-50 transition-all duration-150">
+                <td class="px-6 py-4 whitespace-nowrap">
+                  <div class="flex items-center">
+                    <div class="flex-shrink-0 h-10 w-10 flex items-center justify-center rounded-md bg-brand-50 text-brand-600 border border-brand-100">
+                      <% if content_type.is_single %>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-6 w-6">
+                          <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+                          <polyline points="14 2 14 8 20 8" />
+                          <line x1="16" x2="8" y1="13" y2="13" />
+                          <line x1="16" x2="8" y1="17" y2="17" />
+                          <line x1="10" x2="8" y1="9" y2="9" />
+                        </svg>
+                      <% else %>
+                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-6 w-6">
+                          <polygon points="12 2 2 7 12 12 22 7 12 2" />
+                          <polyline points="2 17 12 22 22 17" />
+                          <polyline points="2 12 12 17 22 12" />
+                        </svg>
+                      <% end %>
+                    </div>
+                    <div class="ml-4">
+                      <div class="text-sm font-medium text-gray-900">
+                        <%= link_to content_type.name, content_type_path(content_type), class: "hover:text-brand-600 transition-colors duration-150 border-b border-transparent hover:border-brand-600" %>
+                      </div>
+                      <% if content_type.description.present? %>
+                        <div class="text-sm text-gray-500 truncate max-w-xs">
+                          <%= content_type.description %>
+                        </div>
+                      <% end %>
+                    </div>
+                  </div>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap">
+                  <div class="text-sm font-mono text-gray-900 bg-gray-50 px-2 py-1 rounded-sm border border-gray-100 inline-block"><%= content_type.slug %></div>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap">
+                  <% if content_type.is_single %>
+                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-amber-100 text-amber-800 border border-amber-200">
+                      Single Type
+                    </span>
+                  <% else %>
+                    <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-teal-100 text-teal-800 border border-teal-200">
+                      Collection
+                    </span>
+                  <% end %>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                  <span class="bg-gray-100 text-gray-700 px-2 py-1 rounded-full text-xs font-medium"><%= content_type.contents.count %></span>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
+                  <div class="flex justify-end space-x-2">
+                    <%= link_to content_type_path(content_type), class: "text-brand-500 hover:text-brand-700 transition-colors duration-150 p-1 hover:bg-brand-100 rounded-full", title: "View" do %>
+                      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye h-5 w-5">
+                        <path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" />
+                        <circle cx="12" cy="12" r="3" />
+                      </svg>
+                    <% end %>
+                    <%= link_to content_type_fields_path(content_type), class: "text-gray-500 hover:text-gray-700 transition-colors duration-150 p-1 hover:bg-gray-200 rounded-full", title: "Structure" do %>
+                      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid h-5 w-5">
+                        <path d="M12 3v18"/><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18"/><path d="M3 15h18"/>
+                      </svg>
+                    <% end %>
+                    <%= link_to edit_content_type_path(content_type), class: "text-amber-500 hover:text-amber-700 transition-colors duration-150 p-1 hover:bg-amber-100 rounded-full", title: "Edit" do %>
+                      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil h-5 w-5">
+                        <path d="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" />
+                        <path d="m15 5 4 4" />
+                      </svg>
+                    <% end %>
+                    <%= button_to content_type_path(content_type), method: :delete, class: "text-red-500 hover:text-red-700 transition-colors duration-150 p-1 hover:bg-red-100 rounded-full", title: "Delete", form: { data: { turbo_confirm: "Are you sure you want to delete this content type? This will also delete all contents associated with it." } } do %>
+                      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trash-2 h-5 w-5">
+                        <path d="M3 6h18" />
+                        <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+                        <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+                        <line x1="10" x2="10" y1="11" y2="17" />
+                        <line x1="14" x2="14" y1="11" y2="17" />
+                      </svg>
+                    <% end %>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    <% else %>
+      <div class="text-center py-16 px-6">
+        <div class="relative mx-auto h-24 w-24 text-gray-400 bg-gray-50 rounded-full border border-gray-100 flex items-center justify-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-12 w-12">
+            <polygon points="12 2 2 7 12 12 22 7 12 2" />
+            <polyline points="2 17 12 22 22 17" />
+            <polyline points="2 12 12 17 22 12" />
+          </svg>
+          <div class="absolute -top-1 -right-1 h-6 w-6 bg-brand-100 rounded-full border border-brand-200 flex items-center justify-center">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 text-brand-600">
+              <path d="M5 12h14" />
+              <path d="M12 5v14" />
+            </svg>
+          </div>
+        </div>
+        <h3 class="mt-4 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_path, class: "inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-brand-600 hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus -ml-1 mr-2 h-5 w-5">
+              <path d="M5 12h14" />
+              <path d="M12 5v14" />
+            </svg>
+            New Content Type
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/rivet_cms/content_types/new.html.erb ADDED Viewed

@@ -0,0 +1,19 @@
+<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+  <div class="mb-8">
+    <div class="flex items-center justify-between">
+      <div>
+        <h1 class="text-2xl font-bold text-gray-900">New Content Type</h1>
+      </div>
+      <div>
+        <%= link_to content_types_path, 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 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 -ml-1 text-gray-500" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
+          </svg>
+          Back to Content Types
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <%= render "form", content_type: @content_type %>
+</div>

data/app/views/rivet_cms/content_types/show.html.erb ADDED Viewed

@@ -0,0 +1,147 @@
+<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-8">
+  <div class="sm:flex sm:items-center">
+    <div class="sm:flex-auto">
+      <div class="flex items-center">
+        <h1 class="text-2xl font-bold text-gray-900"><%= @content_type.name %></h1>
+        <span class="ml-3 inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium <%= @content_type.is_single ? 'bg-amber-100 text-amber-800 border border-amber-200' : 'bg-teal-100 text-teal-800 border border-teal-200' %>">
+          <%= @content_type.is_single ? "Single Type" : "Collection" %>
+        </span>
+      </div>
+      <p class="mt-2 text-sm text-gray-700">
+        API Endpoint: <code class="bg-gray-50 px-3 py-1 rounded font-mono text-sm border border-gray-100"><%= @content_type.is_single ? "/api/v1/#{@content_type.slug}" : "/api/v1/#{@content_type.slug}" %></code>
+      </p>
+      <% if @content_type.description.present? %>
+        <p class="mt-2 text-sm text-gray-500"><%= @content_type.description %></p>
+      <% end %>
+    </div>
+    <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
+      <div class="flex space-x-3">
+        <%= link_to content_types_path, class: "inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 transition-all duration-200" do %>
+          <svg class="-ml-1 mr-2 h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z" clip-rule="evenodd" />
+          </svg>
+          Back
+        <% end %>
+        <%= link_to edit_content_type_path(@content_type), class: "inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 transition-all duration-200" do %>
+          <svg class="-ml-1 mr-2 h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+            <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" />
+          </svg>
+          Edit Content Type
+        <% end %>
+        <% if @content_type.fields.any? %>
+          <%= link_to "#", class: "inline-flex items-center rounded-md border border-transparent bg-brand-600 px-4 py-2 text-sm font-medium text-white shadow-sm hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2 transition-all duration-200" do %>
+            <svg class="-ml-1 mr-2 h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+              <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
+            </svg>
+            New <%= @content_type.name.singularize %>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <!-- Content Items -->
+  <div class="bg-white shadow-md rounded-lg overflow-hidden border border-gray-100">
+    <div class="px-6 py-5 border-b border-gray-200 bg-gray-50">
+      <div class="flex justify-between items-center">
+        <h2 class="text-lg font-medium text-gray-900">
+          <%= @content_type.is_single ? @content_type.name : "#{@content_type.name} Items" %>
+        </h2>
+        <span class="bg-gray-100 text-gray-700 px-2 py-1 rounded-full text-xs font-medium border border-gray-200"><%= pluralize(@contents.count, 'item') %></span>
+      </div>
+    </div>
+    <% if @contents.any? %>
+      <div class="overflow-x-auto">
+        <table class="min-w-full divide-y divide-gray-200">
+          <thead class="bg-gray-50">
+            <tr>
+              <th scope="col" class="py-3.5 pl-6 pr-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Title</th>
+              <th scope="col" class="px-3 py-3.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Status</th>
+              <th scope="col" class="px-3 py-3.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Created</th>
+              <th scope="col" class="px-3 py-3.5 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Updated</th>
+              <th scope="col" class="relative py-3.5 pl-3 pr-6 text-right text-xs font-medium text-gray-500 uppercase tracking-wider">
+                Actions
+              </th>
+            </tr>
+          </thead>
+          <tbody class="divide-y divide-gray-200 bg-white">
+            <% @contents.each do |content| %>
+              <tr class="hover:bg-gray-50 transition-all duration-150">
+                <td class="whitespace-nowrap py-4 pl-6 pr-3 text-sm font-medium text-gray-900"><%= content.title %></td>
+                <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500">
+                  <% if content.status == 'published' %>
+                    <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-brand-100 text-brand-800 border border-brand-200">
+                      Published
+                    </span>
+                  <% elsif content.status == 'draft' %>
+                    <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-amber-100 text-amber-800 border border-amber-200">
+                      Draft
+                    </span>
+                  <% else %>
+                    <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-gray-100 text-gray-800 border border-gray-200">
+                      <%= content.status.capitalize %>
+                    </span>
+                  <% end %>
+                </td>
+                <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"><%= content.created_at.strftime("%b %d, %Y") %></td>
+                <td class="whitespace-nowrap px-3 py-4 text-sm text-gray-500"><%= content.updated_at.strftime("%b %d, %Y") %></td>
+                <td class="relative whitespace-nowrap py-4 pl-3 pr-6 text-right text-sm font-medium">
+                  <div class="flex justify-end space-x-2">
+                    <%= link_to "#", class: "text-brand-600 hover:text-brand-900 transition-colors duration-150 p-1 hover:bg-brand-50 rounded-full" do %>
+                      <span class="sr-only">Edit</span>
+                      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                        <path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" />
+                      </svg>
+                    <% end %>
+                    <%= button_to "#", method: :delete, class: "text-red-600 hover:text-red-900 transition-colors duration-150 p-1 hover:bg-red-50 rounded-full", form: { data: { turbo_confirm: "Are you sure? This will permanently delete this content." } } do %>
+                      <span class="sr-only">Delete</span>
+                      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                        <path fill-rule="evenodd" d="M9 2a1 1 0 00-.894.553L7.382 4H4a1 1 0 000 2v10a2 2 0 002 2h8a2 2 0 002-2V6a1 1 0 100-2h-3.382l-.724-1.447A1 1 0 0011 2H9zM7 8a1 1 0 012 0v6a1 1 0 11-2 0V8zm5-1a1 1 0 00-1 1v6a1 1 0 102 0V8a1 1 0 00-1-1z" clip-rule="evenodd" />
+                      </svg>
+                    <% end %>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    <% else %>
+      <div class="text-center py-16 px-6">
+        <div class="relative mx-auto h-24 w-24 text-gray-400 bg-gray-50 rounded-full border border-gray-100 flex items-center justify-center">
+          <svg xmlns="http://www.w3.org/2000/svg" class="h-12 w-12" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" 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>
+          <div class="absolute -top-1 -right-1 h-6 w-6 bg-brand-100 rounded-full border border-brand-200 flex items-center justify-center">
+            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 text-brand-600" viewBox="0 0 20 20" fill="currentColor">
+              <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
+            </svg>
+          </div>
+        </div>
+        <h3 class="mt-4 text-sm font-medium text-gray-900">No content</h3>
+        <% if @content_type.fields.any? %>
+          <p class="mt-1 text-sm text-gray-500">Get started by creating content for this content type.</p>
+          <div class="mt-6">
+            <%= link_to "#", class: "inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-brand-600 hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+              <svg class="-ml-1 mr-2 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+                <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
+              </svg>
+              New <%= @content_type.name.singularize %>
+            <% end %>
+          </div>
+        <% else %>
+          <p class="mt-1 text-sm text-gray-500">You must add at least one field to this content type before you can create any content.</p>
+        <div class="mt-6">
+          <%= link_to "#", class: "inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-brand-600 hover:bg-brand-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-500 transition-all duration-200" do %>
+            <svg class="-ml-1 mr-2 h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
+              <path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" />
+            </svg>
+            Add Field
+          <% end %>
+        </div>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/rivet_cms/dashboard/index.html.erb ADDED Viewed

@@ -0,0 +1,263 @@
+<div>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 mb-8 p-6">
+    <h1 class="text-2xl font-semibold text-gray-900">Welcome to RivetCMS</h1>
+    <p class="mt-2 text-gray-500">Your headless CMS for structured content</p>
+    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-6">
+      <div class="bg-white rounded-lg p-4 border border-gray-200 shadow-sm">
+        <div class="flex items-center">
+          <div class="p-2 rounded-md bg-brand-50 text-brand-600 border border-brand-100">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers">
+              <polygon points="12 2 2 7 12 12 22 7 12 2" />
+              <polyline points="2 17 12 22 22 17" />
+              <polyline points="2 12 12 17 22 12" />
+            </svg>
+          </div>
+          <div class="ml-4">
+            <p class="text-sm text-gray-500">Content Types</p>
+            <p class="text-xl font-medium text-gray-900"><%= @content_types.count %></p>
+          </div>
+        </div>
+      </div>
+      <div class="bg-white rounded-lg p-4 border border-gray-200 shadow-sm">
+        <div class="flex items-center">
+          <div class="p-2 rounded-md bg-brand-50 text-brand-600 border border-brand-100">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text">
+              <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+              <polyline points="14 2 14 8 20 8" />
+              <line x1="16" x2="8" y1="13" y2="13" />
+              <line x1="16" x2="8" y1="17" y2="17" />
+              <line x1="10" x2="8" y1="9" y2="9" />
+            </svg>
+          </div>
+          <div class="ml-4">
+            <p class="text-sm text-gray-500">Content Items</p>
+            <p class="text-xl font-medium text-gray-900"><%= @recent_contents.count %></p>
+          </div>
+        </div>
+      </div>
+      <div class="bg-white rounded-lg p-4 border border-gray-200 shadow-sm">
+        <div class="flex items-center">
+          <div class="p-2 rounded-md bg-brand-50 text-brand-600 border border-brand-100">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-grid">
+              <rect width="7" height="7" x="3" y="3" rx="1" />
+              <rect width="7" height="7" x="14" y="3" rx="1" />
+              <rect width="7" height="7" x="14" y="14" rx="1" />
+              <rect width="7" height="7" x="3" y="14" rx="1" />
+            </svg>
+          </div>
+          <div class="ml-4">
+            <p class="text-sm text-gray-500">Components</p>
+            <p class="text-xl font-medium text-gray-900"><%= @components.count %></p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2">
+    <!-- Content Types Card -->
+    <div class="bg-white overflow-hidden shadow-sm rounded-lg border border-gray-200">
+      <div class="px-4 py-5 sm:px-6 flex justify-between items-center">
+        <h2 class="text-lg font-medium text-gray-900 flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers mr-2 text-brand-600">
+            <polygon points="12 2 2 7 12 12 22 7 12 2" />
+            <polyline points="2 17 12 22 22 17" />
+            <polyline points="2 12 12 17 22 12" />
+          </svg>
+          Content Types
+        </h2>
+        <%= link_to new_content_type_path, class: "inline-flex items-center rounded-md bg-brand-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-brand-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-600" do %>
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mr-1">
+            <path d="M5 12h14" />
+            <path d="M12 5v14" />
+          </svg>
+          New
+        <% end %>
+      </div>
+      <div class="border-t border-gray-200 px-4 py-5 sm:p-6">
+        <% if @content_types.any? %>
+          <div class="flow-root">
+            <ul role="list" class="-my-5 divide-y divide-gray-200">
+              <% @content_types.each do |content_type| %>
+                <li class="py-4 hover:bg-gray-50 rounded-md px-2">
+                  <div class="flex items-center space-x-4">
+                    <div class="flex-shrink-0">
+                      <span class="inline-flex h-10 w-10 items-center justify-center rounded-md bg-brand-50 text-brand-600 border border-brand-100">
+                        <% if content_type.is_single %>
+                          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text">
+                            <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+                            <polyline points="14 2 14 8 20 8" />
+                            <line x1="16" x2="8" y1="13" y2="13" />
+                            <line x1="16" x2="8" y1="17" y2="17" />
+                            <line x1="10" x2="8" y1="9" y2="9" />
+                          </svg>
+                        <% else %>
+                          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers">
+                            <polygon points="12 2 2 7 12 12 22 7 12 2" />
+                            <polyline points="2 17 12 22 22 17" />
+                            <polyline points="2 12 12 17 22 12" />
+                          </svg>
+                        <% end %>
+                      </span>
+                    </div>
+                    <div class="min-w-0 flex-1">
+                      <p class="truncate text-sm font-medium text-gray-900"><%= content_type.name %></p>
+                      <p class="truncate text-sm text-gray-500"><%= content_type.is_single ? "Single Type" : "Collection" %> • <%= content_type.contents.count %> items</p>
+                    </div>
+                    <div>
+                      <%= link_to content_type_path(content_type), class: "inline-flex items-center rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50" do %>
+                        <% if content_type.is_single %>
+                          Edit
+                        <% else %>
+                          View All
+                        <% end %>
+                      <% end %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            </ul>
+          </div>
+        <% else %>
+          <div class="text-center py-6">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-folder-plus mx-auto h-12 w-12 text-gray-400">
+              <path d="M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13c0 1.1.9 2 2 2Z" />
+              <line x1="12" x2="12" y1="10" y2="16" />
+              <line x1="9" x2="15" y1="13" y2="13" />
+            </svg>
+            <h3 class="mt-2 text-sm font-semibold 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_path, class: "inline-flex items-center rounded-md bg-brand-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-brand-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-600" do %>
+                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus mr-2">
+                  <path d="M5 12h14" />
+                  <path d="M12 5v14" />
+                </svg>
+                New Content Type
+              <% end %>
+            </div>
+          </div>
+        <% end %>
+      </div>
+    </div>
+    <!-- Recent Content Card -->
+    <div class="bg-white overflow-hidden shadow-sm rounded-lg border border-gray-200">
+      <div class="px-4 py-5 sm:px-6 flex justify-between items-center">
+        <h2 class="text-lg font-medium text-gray-900 flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text mr-2 text-brand-600">
+            <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+            <polyline points="14 2 14 8 20 8" />
+            <line x1="16" x2="8" y1="13" y2="13" />
+            <line x1="16" x2="8" y1="17" y2="17" />
+            <line x1="10" x2="8" y1="9" y2="9" />
+          </svg>
+          Recent Content
+        </h2>
+      </div>
+      <div class="border-t border-gray-200 px-4 py-5 sm:p-6">
+        <% if @recent_contents.any? %>
+          <div class="flow-root">
+            <ul role="list" class="-my-5 divide-y divide-gray-200">
+              <% @recent_contents.each do |content| %>
+                <li class="py-4 hover:bg-gray-50 rounded-md px-2">
+                  <div class="flex items-center space-x-4">
+                    <div class="flex-shrink-0">
+                      <span class="inline-flex h-10 w-10 items-center justify-center rounded-md bg-brand-50 text-brand-600 border border-brand-100">
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file">
+                          <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+                          <polyline points="14 2 14 8 20 8" />
+                        </svg>
+                      </span>
+                    </div>
+                    <div class="min-w-0 flex-1">
+                      <p class="truncate text-sm font-medium text-gray-900"><%= content.title %></p>
+                      <p class="truncate text-sm text-gray-500">
+                        <%= content.content_type.name %> •
+                        <span class="inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium <%= content.status == 'published' ? 'bg-green-100 text-green-800 border border-green-200' : 'bg-yellow-100 text-yellow-800 border border-yellow-200' %>">
+                          <% if content.status == 'published' %>
+                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mr-1"><polyline points="20 6 9 17 4 12"/></svg>
+                          <% else %>
+                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-pencil mr-1"><path d="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
+                          <% end %>
+                          <%= content.status.capitalize %>
+                        </span>
+                      </p>
+                    </div>
+                    <div>
+                      <%= link_to "Edit", content_type_path(content.content_type), class: "inline-flex items-center rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50" %>
+                    </div>
+                  </div>
+                </li>
+              <% end %>
+            </ul>
+          </div>
+        <% else %>
+          <div class="text-center py-6">
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text mx-auto h-12 w-12 text-gray-400">
+              <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+              <polyline points="14 2 14 8 20 8" />
+              <line x1="16" x2="8" y1="13" y2="13" />
+              <line x1="16" x2="8" y1="17" y2="17" />
+              <line x1="10" x2="8" y1="9" y2="9" />
+            </svg>
+            <h3 class="mt-2 text-sm font-semibold text-gray-900">No content</h3>
+            <p class="mt-1 text-sm text-gray-500">Start creating content for your content types.</p>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <!-- API Information Card -->
+  <div class="mt-6 bg-white overflow-hidden shadow-sm rounded-lg border border-gray-200">
+    <div class="px-4 py-5 sm:px-6 flex items-center">
+      <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-code mr-2 text-brand-600">
+        <polyline points="16 18 22 12 16 6" />
+        <polyline points="8 6 2 12 8 18" />
+      </svg>
+      <h2 class="text-lg font-medium text-gray-900">API Endpoints</h2>
+    </div>
+    <div class="border-t border-gray-200 px-4 py-5 sm:p-6">
+      <div class="prose pbrand-sm max-w-none">
+        <div class="flex items-center mb-4">
+          <p class="text-gray-700">Your content is accessible through the following API endpoints:</p>
+          <%= link_to api_docs_path, class: "ml-4 inline-flex items-center text-sm text-brand-600 hover:text-brand-800 font-medium", target: "_blank" do %>
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link mr-1"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" x2="21" y1="14" y2="3"/></svg>
+            View API Docs
+          <% end %>
+        </div>
+        <h3 class="font-medium text-gray-900 py-2 flex items-center">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers mr-2 text-brand-600">
+            <polygon points="12 2 2 7 12 12 22 7 12 2" />
+            <polyline points="2 17 12 22 22 17" />
+            <polyline points="2 12 12 17 22 12" />
+          </svg>
+          Collection Types
+        </h3>
+        <pre class="bg-gray-50 p-3 rounded-md text-sm border border-gray-200 overflow-x-auto"><code class="text-gray-800">GET /api/v1/:slug</code> <span class="text-gray-500">- List all items</span></pre>
+        <pre class="bg-gray-50 p-3 rounded-md text-sm border border-gray-200 overflow-x-auto"><code class="text-gray-800">GET /api/v1/:slug/:id</code> <span class="text-gray-500">- Get a specific item</span></pre>
+        <pre class="bg-gray-50 p-3 rounded-md text-sm border border-gray-200 overflow-x-auto"><code class="text-gray-800">POST /api/v1/:slug</code> <span class="text-gray-500">- Create a new item</span></pre>
+        <pre class="bg-gray-50 p-3 rounded-md text-sm border border-gray-200 overflow-x-auto"><code class="text-gray-800">PUT/PATCH /api/v1/:slug/:id</code> <span class="text-gray-500">- Update an item</span></pre>
+        <pre class="bg-gray-50 p-3 rounded-md text-sm border border-gray-200 overflow-x-auto"><code class="text-gray-800">DELETE /api/v1/:slug/:id</code> <span class="text-gray-500">- Delete an item</span></pre>
+        <h3 class="font-medium text-gray-900 py-2 flex items-center mt-4">
+          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text mr-2 text-brand-600">
+            <path d="M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" />
+            <polyline points="14 2 14 8 20 8" />
+            <line x1="16" x2="8" y1="13" y2="13" />
+            <line x1="16" x2="8" y1="17" y2="17" />
+            <line x1="10" x2="8" y1="9" y2="9" />
+          </svg>
+          Single Types
+        </h3>
+        <pre class="bg-gray-50 p-3 rounded-md text-sm border border-gray-200 overflow-x-auto"><code class="text-gray-800">GET /api/v1/:slug</code> <span class="text-gray-500">- Get the single item</span></pre>
+        <pre class="bg-gray-50 p-3 rounded-md text-sm border border-gray-200 overflow-x-auto"><code class="text-gray-800">PUT/PATCH/POST /api/v1/:slug</code> <span class="text-gray-500">- Update the single item</span></pre>
+      </div>
+    </div>
+  </div>
+</div>