RubyGems - lean_cms - Versions diffs - 0.2.12 - Mend

lean_cms 0.2.12

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 (130) hide show

checksums.yaml +7 -0
data/CHANGELOG.md +235 -0
data/LICENSE +21 -0
data/README.md +107 -0
data/app/assets/images/lean_cms/sloth-404.png +0 -0
data/app/assets/images/lean_cms/sloth-500.png +0 -0
data/app/assets/images/lean_cms/sloth-favicon-16.png +0 -0
data/app/assets/images/lean_cms/sloth-favicon-32.png +0 -0
data/app/assets/images/lean_cms/sloth-favicon-64.png +0 -0
data/app/assets/images/lean_cms/sloth-logo.png +0 -0
data/app/assets/lean_cms/actiontext.css +440 -0
data/app/assets/lean_cms/cms_edit_controls.css +548 -0
data/app/assets/tailwind/lean_cms/engine.css +14 -0
data/app/components/lean_cms/base_component.rb +61 -0
data/app/components/lean_cms/bullets_section_component.html.erb +23 -0
data/app/components/lean_cms/bullets_section_component.rb +54 -0
data/app/components/lean_cms/cards_section_component.html.erb +237 -0
data/app/components/lean_cms/cards_section_component.rb +71 -0
data/app/components/lean_cms/editable_content_component.html.erb +15 -0
data/app/components/lean_cms/editable_content_component.rb +53 -0
data/app/components/lean_cms/section_component.html.erb +18 -0
data/app/components/lean_cms/section_component.rb +35 -0
data/app/controllers/concerns/lean_cms/authentication.rb +60 -0
data/app/controllers/concerns/lean_cms/authorization.rb +60 -0
data/app/controllers/lean_cms/activity_controller.rb +16 -0
data/app/controllers/lean_cms/application_controller.rb +48 -0
data/app/controllers/lean_cms/dashboard_controller.rb +13 -0
data/app/controllers/lean_cms/form_submissions_controller.rb +37 -0
data/app/controllers/lean_cms/notification_settings_controller.rb +145 -0
data/app/controllers/lean_cms/notifications_controller.rb +26 -0
data/app/controllers/lean_cms/page_contents_controller.rb +403 -0
data/app/controllers/lean_cms/password_setup_controller.rb +65 -0
data/app/controllers/lean_cms/passwords_controller.rb +42 -0
data/app/controllers/lean_cms/posts_controller.rb +78 -0
data/app/controllers/lean_cms/sessions_controller.rb +50 -0
data/app/controllers/lean_cms/settings_controller.rb +124 -0
data/app/controllers/lean_cms/users_controller.rb +113 -0
data/app/helpers/lean_cms/activity_helper.rb +190 -0
data/app/helpers/lean_cms/application_helper.rb +43 -0
data/app/helpers/lean_cms/content_helper.rb +34 -0
data/app/helpers/lean_cms/page_content_helper.rb +359 -0
data/app/javascript/controllers/cards_editor_controller.js +317 -0
data/app/javascript/controllers/cms_sticky_overlay_controller.js +59 -0
data/app/javascript/controllers/field_editor_form_controller.js +68 -0
data/app/javascript/controllers/field_editor_modal_controller.js +79 -0
data/app/javascript/controllers/inline_edit_controller.js +414 -0
data/app/javascript/controllers/inline_edit_toggle_controller.js +81 -0
data/app/javascript/controllers/notifications_controller.js +19 -0
data/app/javascript/controllers/settings_inline_edit_sync_controller.js +38 -0
data/app/javascript/controllers/settings_override_controller.js +45 -0
data/app/mailers/lean_cms/application_mailer.rb +6 -0
data/app/mailers/lean_cms/passwords_mailer.rb +8 -0
data/app/mailers/lean_cms/users_mailer.rb +39 -0
data/app/models/lean_cms/current.rb +6 -0
data/app/models/lean_cms/form_submission.rb +45 -0
data/app/models/lean_cms/magic_link.rb +76 -0
data/app/models/lean_cms/meta_tag.rb +30 -0
data/app/models/lean_cms/notification_setting.rb +69 -0
data/app/models/lean_cms/page.rb +23 -0
data/app/models/lean_cms/page_content.rb +245 -0
data/app/models/lean_cms/post.rb +65 -0
data/app/models/lean_cms/session.rb +7 -0
data/app/models/lean_cms/setting.rb +156 -0
data/app/policies/lean_cms/application_policy.rb +35 -0
data/app/policies/lean_cms/page_content_policy.rb +31 -0
data/app/policies/lean_cms/post_policy.rb +37 -0
data/app/policies/lean_cms/setting_policy.rb +17 -0
data/app/views/layouts/lean_cms/application.html.erb +114 -0
data/app/views/layouts/lean_cms/auth.html.erb +200 -0
data/app/views/lean_cms/activity/index.html.erb +79 -0
data/app/views/lean_cms/dashboard/index.html.erb +180 -0
data/app/views/lean_cms/form_submissions/index.html.erb +104 -0
data/app/views/lean_cms/form_submissions/show.html.erb +157 -0
data/app/views/lean_cms/notification_settings/edit.html.erb +192 -0
data/app/views/lean_cms/notifications/index.html.erb +72 -0
data/app/views/lean_cms/notifications/show.html.erb +39 -0
data/app/views/lean_cms/page_contents/_field_editor.html.erb +174 -0
data/app/views/lean_cms/page_contents/edit.html.erb +428 -0
data/app/views/lean_cms/page_contents/index.html.erb +113 -0
data/app/views/lean_cms/password_setup/show.html.erb +35 -0
data/app/views/lean_cms/passwords/edit.html.erb +26 -0
data/app/views/lean_cms/passwords/new.html.erb +21 -0
data/app/views/lean_cms/passwords_mailer/reset.html.erb +6 -0
data/app/views/lean_cms/passwords_mailer/reset.text.erb +4 -0
data/app/views/lean_cms/posts/_form.html.erb +118 -0
data/app/views/lean_cms/posts/edit.html.erb +31 -0
data/app/views/lean_cms/posts/index.html.erb +100 -0
data/app/views/lean_cms/posts/new.html.erb +16 -0
data/app/views/lean_cms/sessions/new.html.erb +28 -0
data/app/views/lean_cms/settings/edit.html.erb +384 -0
data/app/views/lean_cms/shared/_admin_bar.html.erb +85 -0
data/app/views/lean_cms/shared/_header.html.erb +86 -0
data/app/views/lean_cms/shared/_notifications_bell.html.erb +84 -0
data/app/views/lean_cms/shared/_sidebar.html.erb +102 -0
data/app/views/lean_cms/users/_form.html.erb +105 -0
data/app/views/lean_cms/users/edit.html.erb +8 -0
data/app/views/lean_cms/users/index.html.erb +99 -0
data/app/views/lean_cms/users/new.html.erb +8 -0
data/app/views/lean_cms/users_mailer/admin_triggered_password_reset.html.erb +13 -0
data/app/views/lean_cms/users_mailer/admin_triggered_password_reset.text.erb +11 -0
data/app/views/lean_cms/users_mailer/invitation.html.erb +13 -0
data/app/views/lean_cms/users_mailer/invitation.text.erb +11 -0
data/app/views/lean_cms/users_mailer/reactivation.html.erb +13 -0
data/app/views/lean_cms/users_mailer/reactivation.text.erb +11 -0
data/config/importmap.rb +8 -0
data/config/routes.rb +78 -0
data/db/migrate/20251112034030_create_lean_cms_tables.rb +131 -0
data/db/migrate/20260513000001_create_lean_cms_auth_tables.rb +31 -0
data/db/migrate/20260514000001_create_paper_trail_versions.rb +16 -0
data/db/migrate/20260514000002_create_action_text_tables.rb +18 -0
data/db/migrate/20260514000003_create_active_storage_tables.rb +45 -0
data/db/migrate/20260514000004_create_noticed_tables.rb +27 -0
data/lib/generators/lean_cms/demo/demo_generator.rb +54 -0
data/lib/generators/lean_cms/demo/templates/lean_cms_structure.yml +129 -0
data/lib/generators/lean_cms/demo/templates/pages_controller.rb +30 -0
data/lib/generators/lean_cms/demo/templates/views/pages/about.html.erb +40 -0
data/lib/generators/lean_cms/demo/templates/views/pages/contact.html.erb +55 -0
data/lib/generators/lean_cms/demo/templates/views/pages/home.html.erb +31 -0
data/lib/generators/lean_cms/install/install_generator.rb +317 -0
data/lib/generators/lean_cms/install/templates/add_lean_cms_columns_to_users.rb.tt +7 -0
data/lib/generators/lean_cms/install/templates/lean_cms.rb +11 -0
data/lib/generators/lean_cms/install/templates/lean_cms_structure.yml +29 -0
data/lib/lean_cms/configuration.rb +32 -0
data/lib/lean_cms/engine.rb +93 -0
data/lib/lean_cms/loader.rb +217 -0
data/lib/lean_cms/sync_helper.rb +182 -0
data/lib/lean_cms/version.rb +3 -0
data/lib/lean_cms.rb +26 -0
data/lib/tasks/lean_cms.rake +390 -0
metadata +313 -0

data/app/views/lean_cms/activity/index.html.erb ADDED Viewed

@@ -0,0 +1,79 @@
+<% content_for :page_title, "Activity Log" %>
+<div class="max-w-6xl">
+  <div class="mb-8">
+    <h1 class="text-3xl font-bold text-gray-900">Activity Log</h1>
+    <p class="text-gray-600 mt-2">Track who changed what across the CMS</p>
+  </div>
+  <% if params[:item_type].present? || params[:whodunnit].present? %>
+    <div class="mb-4 flex items-center gap-2">
+      <%= link_to lean_cms_activity_path, class: "text-sm text-[#b82025] hover:underline" do %>
+        Clear filters
+      <% end %>
+      <% if params[:item_type].present? %>
+        <span class="text-sm text-gray-500">Filtering by: <%= params[:item_type] %></span>
+      <% end %>
+      <% if params[:whodunnit].present? %>
+        <span class="text-sm text-gray-500">User: <%= User.unscoped.find_by(id: params[:whodunnit])&.email_address || "##{params[:whodunnit]}" %></span>
+      <% end %>
+    </div>
+  <% end %>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
+    <% if @versions.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">When</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Who</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">What</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Action</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Old value</th>
+              <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">New value</th>
+            </tr>
+          </thead>
+          <tbody class="bg-white divide-y divide-gray-200">
+            <% @versions.each do |version| %>
+              <tr class="hover:bg-gray-50">
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
+                  <%= version.created_at ? format_datetime(version.created_at) : "—" %>
+                </td>
+                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
+                  <%= activity_who(version) %>
+                </td>
+                <td class="px-6 py-4 text-sm text-gray-900">
+                  <%= activity_item_label(version) %>
+                </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 <%= activity_action_badge_class(version.event) %>">
+                    <%= version.event %>
+                  </span>
+                </td>
+                <td class="px-6 py-4 text-sm text-gray-600 max-w-xs truncate" title="<%= activity_old_value(version) %>">
+                  <%= activity_old_value(version) %>
+                </td>
+                <td class="px-6 py-4 text-sm text-gray-600 max-w-xs truncate" title="<%= activity_new_value(version) %>">
+                  <%= activity_new_value(version) %>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+      <div class="px-6 py-4 border-t border-gray-200">
+        <%= paginate @versions %>
+      </div>
+    <% else %>
+      <div class="px-6 py-12 text-center">
+        <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"/>
+        </svg>
+        <p class="mt-2 text-sm text-gray-600">No activity yet</p>
+        <p class="mt-1 text-xs text-gray-500">Changes to page content, settings, posts, and users will appear here</p>
+      </div>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,180 @@
+<% content_for :page_title, "Dashboard" %>
+<!-- Stats Grid -->
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
+  <!-- Published Posts -->
+  <div class="bg-white rounded-lg border border-gray-200 p-6">
+    <div class="flex items-center justify-between mb-2">
+      <h3 class="text-sm font-medium text-gray-600">Published Posts</h3>
+      <div class="h-10 w-10 rounded-lg flex items-center justify-center" style="background-color: rgba(37, 99, 235, 0.1);">
+        <svg class="w-5 h-5" style="color: var(--cms-secondary);" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+        </svg>
+      </div>
+    </div>
+    <p class="text-3xl font-bold text-gray-900"><%= @published_posts_count %></p>
+  </div>
+  <!-- Draft Posts -->
+  <div class="bg-white rounded-lg border border-gray-200 p-6">
+    <div class="flex items-center justify-between mb-2">
+      <h3 class="text-sm font-medium text-gray-600">Draft Posts</h3>
+      <div class="h-10 w-10 rounded-lg flex items-center justify-center bg-yellow-50">
+        <svg class="w-5 h-5 text-yellow-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
+        </svg>
+      </div>
+    </div>
+    <p class="text-3xl font-bold text-gray-900"><%= @draft_posts_count %></p>
+  </div>
+  <!-- Unread Submissions -->
+  <div class="bg-white rounded-lg border border-gray-200 p-6">
+    <div class="flex items-center justify-between mb-2">
+      <h3 class="text-sm font-medium text-gray-600">Unread Messages</h3>
+      <div class="h-10 w-10 rounded-lg flex items-center justify-center" style="background-color: rgba(184, 32, 37, 0.1);">
+        <svg class="w-5 h-5" style="color: var(--cms-primary);" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
+        </svg>
+      </div>
+    </div>
+    <p class="text-3xl font-bold text-gray-900"><%= @unread_submissions_count %></p>
+  </div>
+  <!-- Total Page Sections -->
+  <div class="bg-white rounded-lg border border-gray-200 p-6">
+    <div class="flex items-center justify-between mb-2">
+      <h3 class="text-sm font-medium text-gray-600">Page Sections</h3>
+      <div class="h-10 w-10 rounded-lg flex items-center justify-center bg-green-50">
+        <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"/>
+        </svg>
+      </div>
+    </div>
+    <p class="text-3xl font-bold text-gray-900"><%= LeanCms::PageContent.count %></p>
+  </div>
+</div>
+<!-- Recent Activity Grid -->
+<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+  <!-- Recent Posts -->
+  <div class="bg-white rounded-lg border border-gray-200">
+    <div class="px-6 py-4 border-b border-gray-200">
+      <div class="flex items-center justify-between">
+        <h2 class="text-lg font-semibold text-gray-900">Recent Posts</h2>
+        <%= link_to "View All", lean_cms_posts_path, class: "text-sm font-medium hover:underline", style: "color: var(--cms-primary);" %>
+      </div>
+    </div>
+    <div class="divide-y divide-gray-200">
+      <% if @recent_posts.any? %>
+        <% @recent_posts.each do |post| %>
+          <div class="px-6 py-4 hover:bg-gray-50 transition-colors">
+            <%= link_to edit_lean_cms_post_path(post), class: "block" do %>
+              <div class="flex items-start justify-between">
+                <div class="flex-1 min-w-0">
+                  <p class="text-sm font-medium text-gray-900 truncate"><%= post.title %></p>
+                  <p class="text-xs text-gray-500 mt-1">
+                    <%= format_datetime(post.created_at) %> by <%= post.author.email_address.split('@').first %>
+                  </p>
+                </div>
+                <span class="ml-4 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <%= status_badge_class(post.status) %>">
+                  <%= post.status.titleize %>
+                </span>
+              </div>
+            <% end %>
+          </div>
+        <% end %>
+      <% else %>
+        <div class="px-6 py-12 text-center">
+          <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+          </svg>
+          <p class="mt-2 text-sm text-gray-600">No posts yet</p>
+          <%= link_to "Create your first post", new_lean_cms_post_path, class: "mt-3 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-lg text-white transition-colors hover:opacity-90", style: "background-color: var(--cms-primary);" %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+  <!-- Recent Form Submissions -->
+  <div class="bg-white rounded-lg border border-gray-200">
+    <div class="px-6 py-4 border-b border-gray-200">
+      <div class="flex items-center justify-between">
+        <h2 class="text-lg font-semibold text-gray-900">Recent Submissions</h2>
+        <%= link_to "View All", lean_cms_form_submissions_path, class: "text-sm font-medium hover:underline", style: "color: var(--cms-primary);" %>
+      </div>
+    </div>
+    <div class="divide-y divide-gray-200">
+      <% if @recent_submissions.any? %>
+        <% @recent_submissions.each do |submission| %>
+          <div class="px-6 py-4 hover:bg-gray-50 transition-colors">
+            <%= link_to lean_cms_form_submission_path(submission), class: "block" do %>
+              <div class="flex items-start justify-between">
+                <div class="flex-1 min-w-0">
+                  <p class="text-sm font-medium text-gray-900 truncate">
+                    <%= submission.name || submission.email %>
+                  </p>
+                  <p class="text-xs text-gray-500 mt-1">
+                    <%= submission.form_type.titleize %> - <%= format_datetime(submission.created_at) %>
+                  </p>
+                </div>
+                <span class="ml-4 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium <%= status_badge_class(submission.status) %>">
+                  <%= submission.status.titleize.gsub('_', ' ') %>
+                </span>
+              </div>
+            <% end %>
+          </div>
+        <% end %>
+      <% else %>
+        <div class="px-6 py-12 text-center">
+          <svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
+          </svg>
+          <p class="mt-2 text-sm text-gray-600">No submissions yet</p>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>
+<!-- Quick Actions -->
+<div class="mt-6 bg-gradient-to-r from-blue-50 to-indigo-50 rounded-lg border border-blue-100 p-6">
+  <h3 class="text-lg font-semibold text-gray-900 mb-4">Quick Actions</h3>
+  <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+    <%= link_to new_lean_cms_post_path, class: "flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-blue-300 hover:shadow-md transition-all" do %>
+      <div class="h-10 w-10 rounded-lg flex items-center justify-center mr-4" style="background-color: var(--cms-primary);">
+        <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/>
+        </svg>
+      </div>
+      <div>
+        <p class="font-medium text-gray-900">Create Post</p>
+        <p class="text-xs text-gray-500">New blog post or portfolio item</p>
+      </div>
+    <% end %>
+    <%= link_to lean_cms_page_contents_path, class: "flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-blue-300 hover:shadow-md transition-all" do %>
+      <div class="h-10 w-10 rounded-lg flex items-center justify-center bg-blue-100 mr-4">
+        <svg class="w-5 h-5 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
+        </svg>
+      </div>
+      <div>
+        <p class="font-medium text-gray-900">Edit Pages</p>
+        <p class="text-xs text-gray-500">Update page content</p>
+      </div>
+    <% end %>
+    <%= link_to root_path, target: "_blank", class: "flex items-center p-4 bg-white rounded-lg border border-gray-200 hover:border-blue-300 hover:shadow-md transition-all" do %>
+      <div class="h-10 w-10 rounded-lg flex items-center justify-center bg-green-100 mr-4">
+        <svg class="w-5 h-5 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
+        </svg>
+      </div>
+      <div>
+        <p class="font-medium text-gray-900">View Site</p>
+        <p class="text-xs text-gray-500">See your live website</p>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/lean_cms/form_submissions/index.html.erb ADDED Viewed

@@ -0,0 +1,104 @@
+<% content_for :title, "Form Submissions" %>
+<div class="mb-8">
+  <h1 class="text-3xl font-bold text-gray-900">Form Submissions</h1>
+  <p class="text-gray-600 mt-2">View and manage form submissions from your website</p>
+</div>
+<!-- Filters -->
+<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-4 mb-6">
+  <div class="flex items-center space-x-4">
+    <div class="flex items-center space-x-2">
+      <span class="text-sm font-medium text-gray-700">Filter by:</span>
+    </div>
+    <div class="flex items-center space-x-2">
+      <%= link_to lean_cms_form_submissions_path, class: "px-3 py-1.5 text-sm rounded-lg #{params[:status].blank? ? 'bg-blue-600 text-white' : 'bg-gray-100 text-gray-700 hover:bg-gray-200'} transition-colors" do %>
+        All
+      <% end %>
+      <% LeanCms::FormSubmission.statuses.keys.each do |status_key| %>
+        <%= link_to lean_cms_form_submissions_path(status: status_key), class: "px-3 py-1.5 text-sm rounded-lg #{params[:status] == status_key ? 'bg-blue-600 text-white' : 'bg-gray-100 text-gray-700 hover:bg-gray-200'} transition-colors capitalize" do %>
+          <%= status_key.gsub('_', ' ') %>
+        <% end %>
+      <% end %>
+    </div>
+  </div>
+</div>
+<% if @form_submissions.any? %>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200">
+    <div class="overflow-x-auto">
+      <table class="w-full">
+        <thead>
+          <tr class="border-b border-gray-200 bg-gray-50">
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Status</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">From</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Form Type</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Message</th>
+            <th class="text-left px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Submitted</th>
+            <th class="text-right px-6 py-3 text-xs font-semibold text-gray-600 uppercase tracking-wider">Actions</th>
+          </tr>
+        </thead>
+        <tbody class="divide-y divide-gray-200">
+          <% @form_submissions.each do |submission| %>
+            <tr class="hover:bg-gray-50 transition-colors <%= 'bg-blue-50' if submission.new_submission? %>">
+              <td class="px-6 py-4">
+                <% case submission.status %>
+                <% when 'new_submission' %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
+                    <svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
+                      <circle cx="10" cy="10" r="3"/>
+                    </svg>
+                    New
+                  </span>
+                <% when 'read' %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-yellow-100 text-yellow-800">
+                    Read
+                  </span>
+                <% when 'replied' %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800">
+                    Replied
+                  </span>
+                <% when 'archived' %>
+                  <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800">
+                    Archived
+                  </span>
+                <% end %>
+              </td>
+              <td class="px-6 py-4">
+                <div class="font-medium text-gray-900"><%= submission.name || "—" %></div>
+                <div class="text-sm text-gray-500"><%= submission.email %></div>
+                <% if submission.phone.present? %>
+                  <div class="text-sm text-gray-500"><%= submission.phone %></div>
+                <% end %>
+              </td>
+              <td class="px-6 py-4">
+                <span class="text-sm text-gray-900 capitalize">
+                  <%= submission.form_type.gsub('_', ' ') %>
+                </span>
+              </td>
+              <td class="px-6 py-4 text-sm text-gray-600">
+                <%= truncate(submission.message, length: 80) if submission.message.present? %>
+              </td>
+              <td class="px-6 py-4 text-sm text-gray-600">
+                <%= time_ago_in_words(submission.created_at) %> ago
+              </td>
+              <td class="px-6 py-4 text-right">
+                <%= link_to "View", lean_cms_form_submission_path(submission), class: "inline-flex items-center px-3 py-1.5 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors" %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  </div>
+<% else %>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-12 text-center">
+    <svg class="w-16 h-16 mx-auto text-gray-400 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
+    </svg>
+    <h3 class="text-lg font-medium text-gray-900 mb-2">No form submissions yet</h3>
+    <p class="text-gray-600">Form submissions will appear here when visitors fill out forms on your website.</p>
+  </div>
+<% end %>

data/app/views/lean_cms/form_submissions/show.html.erb ADDED Viewed

@@ -0,0 +1,157 @@
+<% content_for :title, "Form Submission" %>
+<div class="mb-8">
+  <div class="flex items-center text-sm text-gray-600 mb-4">
+    <%= link_to "Form Submissions", lean_cms_form_submissions_path, class: "hover:text-gray-900" %>
+    <svg class="w-4 h-4 mx-2" fill="currentColor" viewBox="0 0 20 20">
+      <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/>
+    </svg>
+    <span class="text-gray-900">Submission Details</span>
+  </div>
+  <div class="flex items-center justify-between">
+    <div>
+      <h1 class="text-3xl font-bold text-gray-900 capitalize">
+        <%= @form_submission.form_type.gsub('_', ' ') %>
+      </h1>
+      <p class="text-gray-600 mt-2">
+        Submitted <%= time_ago_in_words(@form_submission.created_at) %> ago
+      </p>
+    </div>
+    <div class="flex items-center space-x-3">
+      <% if @form_submission.new_submission? %>
+        <%= button_to mark_as_read_lean_cms_form_submission_path(@form_submission), method: :patch, class: "inline-flex items-center px-3 py-2 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors" do %>
+          <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
+          </svg>
+          Mark as Read
+        <% end %>
+      <% end %>
+      <% if @form_submission.read? || @form_submission.new_submission? %>
+        <%= button_to mark_as_replied_lean_cms_form_submission_path(@form_submission), method: :patch, class: "inline-flex items-center px-3 py-2 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors" do %>
+          <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19v-8.93a2 2 0 01.89-1.664l7-4.666a2 2 0 012.22 0l7 4.666A2 2 0 0121 10.07V19M3 19a2 2 0 002 2h14a2 2 0 002-2M3 19l6.75-4.5M21 19l-6.75-4.5M3 10l6.75 4.5M21 10l-6.75 4.5m0 0l-1.14.76a2 2 0 01-2.22 0l-1.14-.76"/>
+          </svg>
+          Mark as Replied
+        <% end %>
+      <% end %>
+      <%= button_to lean_cms_form_submission_path(@form_submission), method: :delete, data: { turbo_confirm: "Are you sure you want to delete this submission?" }, class: "inline-flex items-center px-3 py-2 border border-red-300 rounded-lg text-sm font-medium text-red-700 bg-white hover:bg-red-50 transition-colors" do %>
+        <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
+        </svg>
+        Delete
+      <% end %>
+    </div>
+  </div>
+</div>
+<!-- Status Badge -->
+<div class="mb-6">
+  <% case @form_submission.status %>
+  <% when 'new_submission' %>
+    <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800">
+      <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
+        <circle cx="10" cy="10" r="3"/>
+      </svg>
+      New Submission
+    </span>
+  <% when 'read' %>
+    <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-yellow-100 text-yellow-800">
+      <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
+        <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"/>
+        <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"/>
+      </svg>
+      Read
+    </span>
+  <% when 'replied' %>
+    <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800">
+      <svg class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20">
+        <path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"/>
+        <path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"/>
+      </svg>
+      Replied
+    </span>
+  <% when 'archived' %>
+    <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-gray-100 text-gray-800">
+      Archived
+    </span>
+  <% end %>
+</div>
+<!-- Contact Information -->
+<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
+  <h2 class="text-lg font-semibold text-gray-900 mb-6">Contact Information</h2>
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+    <% if @form_submission.name.present? %>
+      <div>
+        <label class="block text-sm font-medium text-gray-500 mb-1">Name</label>
+        <div class="text-gray-900"><%= @form_submission.name %></div>
+      </div>
+    <% end %>
+    <% if @form_submission.email.present? %>
+      <div>
+        <label class="block text-sm font-medium text-gray-500 mb-1">Email</label>
+        <div class="text-gray-900">
+          <a href="mailto:<%= @form_submission.email %>" class="text-blue-600 hover:text-blue-800 hover:underline">
+            <%= @form_submission.email %>
+          </a>
+        </div>
+      </div>
+    <% end %>
+    <% if @form_submission.phone.present? %>
+      <div>
+        <label class="block text-sm font-medium text-gray-500 mb-1">Phone</label>
+        <div class="text-gray-900">
+          <a href="tel:<%= @form_submission.phone %>" class="text-blue-600 hover:text-blue-800 hover:underline">
+            <%= @form_submission.phone %>
+          </a>
+        </div>
+      </div>
+    <% end %>
+    <% if @form_submission.company_name.present? %>
+      <div>
+        <label class="block text-sm font-medium text-gray-500 mb-1">Company</label>
+        <div class="text-gray-900"><%= @form_submission.company_name %></div>
+      </div>
+    <% end %>
+    <% if @form_submission.city.present? || @form_submission.state.present? || @form_submission.zip.present? %>
+      <div>
+        <label class="block text-sm font-medium text-gray-500 mb-1">Location</label>
+        <div class="text-gray-900">
+          <%= [@form_submission.city, @form_submission.state, @form_submission.zip].compact.join(', ') %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>
+<!-- Message -->
+<% if @form_submission.message.present? %>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6 mb-6">
+    <h2 class="text-lg font-semibold text-gray-900 mb-4">Message</h2>
+    <div class="text-gray-900 whitespace-pre-wrap"><%= @form_submission.message %></div>
+  </div>
+<% end %>
+<!-- Additional Data -->
+<% if @form_submission.additional_data.present? && @form_submission.additional_data.any? %>
+  <div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
+    <h2 class="text-lg font-semibold text-gray-900 mb-6">Additional Information</h2>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <% @form_submission.additional_data.each do |key, value| %>
+        <div>
+          <label class="block text-sm font-medium text-gray-500 mb-1 capitalize"><%= key.to_s.gsub('_', ' ') %></label>
+          <div class="text-gray-900"><%= value %></div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+<% end %>