active_canvas 0.0.4 → 0.1.0

data/app/views/active_canvas/admin/collections/index.html.erb

@@ -0,0 +1,45 @@
+<% content_for :page_title, "Collections" %>
+
+<div class="page-header">
+  <h2>Collections</h2>
+  <%= link_to "New collection", new_admin_collection_path, class: "btn btn-primary" %>
+</div>
+
+<div class="card">
+  <% if @collections.any? %>
+    <table>
+      <thead>
+        <tr>
+          <th>Name</th>
+          <th>Slug</th>
+          <th>Fields</th>
+          <th>Items</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @collections.each do |collection| %>
+          <tr>
+            <td><%= collection.name %></td>
+            <td><code><%= collection.slug %></code></td>
+            <td><%= collection.fields.size %></td>
+            <td><%= collection.items.count %></td>
+            <td class="actions">
+              <%= link_to "Items", admin_collection_items_path(collection), class: "btn btn-sm btn-secondary" %>
+              <%= link_to "Edit", edit_admin_collection_path(collection), class: "btn btn-sm btn-secondary" %>
+              <%= button_to "Delete", admin_collection_path(collection), method: :delete,
+                    class: "btn btn-sm btn-danger", form: { style: "display:inline" },
+                    onclick: "return confirm('Delete this collection and all its items?')" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% else %>
+    <div class="empty-state">
+      <h3>No collections yet</h3>
+      <p>Create a collection to manage typed content you can loop over in pages.</p>
+      <%= link_to "New collection", new_admin_collection_path, class: "btn btn-primary" %>
+    </div>
+  <% end %>
+</div>

data/app/views/active_canvas/admin/collections/new.html.erb

@@ -0,0 +1,9 @@
+<% content_for :page_title, "New collection" %>
+
+<div class="page-header">
+  <h2>New collection</h2>
+</div>
+
+<div class="card" style="padding:1.5rem;">
+  <%= render "form" %>
+</div>

data/app/views/active_canvas/admin/form_submissions/index.html.erb

@@ -0,0 +1,80 @@
+<% content_for :page_title, "Form Submissions" %>
+
+<!-- Page Header -->
+<div class="page-header">
+  <div class="page-header-left">
+    <h2>Form Submissions</h2>
+    <p class="page-header-subtitle">Browse and export submissions from your page forms</p>
+  </div>
+</div>
+
+<!-- Filters -->
+<div class="card" style="margin-bottom: 1.5rem;">
+  <div class="card-body">
+    <%= form_with url: admin_form_submissions_path, method: :get, local: true do %>
+      <div style="display: flex; gap: 0.75rem; align-items: flex-end; flex-wrap: wrap;">
+        <label style="display: flex; flex-direction: column; gap: 0.375rem;">
+          <span style="font-size: 0.75rem; font-weight: 600; color: var(--text-muted);">Page</span>
+          <%= select_tag :page_id,
+                options_from_collection_for_select(ActiveCanvas::Page.order(:title), :id, :title, params[:page_id]),
+                include_blank: "All pages", class: "form-control" %>
+        </label>
+        <label style="display: flex; flex-direction: column; gap: 0.375rem;">
+          <span style="font-size: 0.75rem; font-weight: 600; color: var(--text-muted);">Form</span>
+          <% form_key_scope = params[:page_id].present? ? ActiveCanvas::FormSubmission.where(page_id: params[:page_id]) : ActiveCanvas::FormSubmission %>
+          <%= select_tag :form_key,
+                options_for_select(form_key_scope.distinct.pluck(:form_key).sort, params[:form_key]),
+                include_blank: "All forms", class: "form-control" %>
+        </label>
+        <%= submit_tag "Filter", class: "btn btn-secondary" %>
+        <%= link_to "Export CSV", admin_form_submissions_path(format: :csv, page_id: params[:page_id], form_key: params[:form_key]), class: "btn btn-secondary" %>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<!-- Submissions Table -->
+<% if @submissions.any? %>
+  <div class="card">
+    <table>
+      <thead>
+        <tr>
+          <th>Page</th>
+          <th>Form</th>
+          <th>Data</th>
+          <th>IP</th>
+          <th>Received</th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% @submissions.each do |submission| %>
+          <tr>
+            <td><%= submission.page.title %></td>
+            <td><span class="badge badge-gray"><%= submission.form_key %></span></td>
+            <td><%= truncate(submission.data.map { |k, v| "#{k}: #{v}" }.join(" · "), length: 80) %></td>
+            <td><code><%= submission.ip %></code></td>
+            <td><span style="color: var(--text-muted);"><%= submission.created_at.strftime("%b %d, %Y at %l:%M %p") %></span></td>
+            <td class="actions">
+              <%= link_to "View", admin_form_submission_path(submission), class: "btn btn-secondary btn-sm" %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+  <% if @submissions.size == ActiveCanvas::Admin::FormSubmissionsController::MAX_ROWS %>
+    <p class="help-text" style="margin-top: 0.75rem;">Showing the most recent <%= ActiveCanvas::Admin::FormSubmissionsController::MAX_ROWS %> submissions.</p>
+  <% end %>
+<% else %>
+  <div class="card">
+    <div class="empty-state">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+        <polyline points="22,6 12,13 2,6"/>
+      </svg>
+      <h3>No submissions yet</h3>
+      <p>Submissions from your published page forms will appear here</p>
+    </div>
+  </div>
+<% end %>

data/app/views/active_canvas/admin/form_submissions/show.html.erb

@@ -0,0 +1,99 @@
+<% content_for :page_title, "#{@submission.form_key} — #{@submission.page.title}" %>
+
+<!-- Page Header -->
+<div class="page-header">
+  <div class="page-header-left">
+    <h2><%= @submission.form_key %> — <%= @submission.page.title %></h2>
+    <p class="page-header-subtitle">Received <%= time_ago_in_words(@submission.created_at) %> ago</p>
+  </div>
+  <div class="page-header-actions">
+    <%= link_to admin_form_submissions_path, class: "btn btn-ghost" 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">
+        <line x1="19" y1="12" x2="5" y2="12"/>
+        <polyline points="12 19 5 12 12 5"/>
+      </svg>
+      Back to Submissions
+    <% end %>
+  </div>
+</div>
+
+<!-- Submitted Fields -->
+<div class="card" style="margin-bottom: 1.5rem;">
+  <div class="card-header">
+    <span class="card-title">Submitted Fields</span>
+  </div>
+  <div class="card-body" style="padding: 0;">
+    <% if @submission.data.any? %>
+      <% @submission.data.each do |key, value| %>
+        <div class="detail-row">
+          <div class="detail-label"><%= key %></div>
+          <div class="detail-value" style="white-space: pre-wrap;"><%= value %></div>
+        </div>
+      <% end %>
+    <% else %>
+      <div class="detail-row">
+        <div class="detail-value" style="color: var(--text-muted);">No fields were submitted.</div>
+      </div>
+    <% end %>
+  </div>
+</div>
+
+<!-- Metadata -->
+<div class="card" style="margin-bottom: 1.5rem;">
+  <div class="card-header">
+    <span class="card-title">Details</span>
+  </div>
+  <div class="card-body" style="padding: 0;">
+    <div class="detail-row">
+      <div class="detail-label">Received</div>
+      <div class="detail-value"><%= @submission.created_at.strftime("%B %d, %Y at %l:%M %p") %></div>
+    </div>
+    <div class="detail-row">
+      <div class="detail-label">IP Address</div>
+      <div class="detail-value"><code><%= @submission.ip %></code></div>
+    </div>
+    <div class="detail-row">
+      <div class="detail-label">User Agent</div>
+      <div class="detail-value" style="word-break: break-all;"><%= @submission.user_agent %></div>
+    </div>
+  </div>
+</div>
+
+<!-- Danger Zone -->
+<div class="card" style="border-color: #fecaca;">
+  <div class="card-header" style="background: var(--danger-light);">
+    <span class="card-title" style="color: var(--danger);">Danger Zone</span>
+  </div>
+  <div class="card-body">
+    <p style="font-size: 0.875rem; color: var(--text-muted); margin-bottom: 1rem;">
+      Deleting this submission removes it permanently.
+    </p>
+    <%= button_to "Delete Submission", admin_form_submission_path(@submission), method: :delete,
+          class: "btn btn-danger", data: { turbo_confirm: "Delete this submission?" } %>
+  </div>
+</div>
+
+<style>
+  .detail-row {
+    padding: 0.875rem 1.25rem;
+    border-bottom: 1px solid var(--border);
+  }
+
+  .detail-row:last-child {
+    border-bottom: none;
+  }
+
+  .detail-row .detail-label {
+    font-size: 0.6875rem;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    color: var(--text-muted);
+    font-weight: 600;
+    margin-bottom: 0.25rem;
+  }
+
+  .detail-row .detail-value {
+    font-size: 0.875rem;
+    color: var(--text);
+  }
+</style>

data/app/views/active_canvas/admin/pages/_data_panel.html.erb

@@ -0,0 +1,81 @@
+<%# app/views/active_canvas/admin/pages/_data_panel.html.erb %>
+<div id="data-panel-container" class="data-panel" style="display: none;"
+     data-page-id="<%= @page.id %>"
+     data-template-enabled="<%= @page.template_enabled? %>"
+     data-data-sources-url="<%= data_sources_admin_pages_path(format: :json) %>"
+     data-validate-url="<%= validate_template_admin_page_path(@page) %>"
+     data-sample-data-url="<%= sample_data_admin_page_path(@page) %>"
+     data-chip-values-url="<%= chip_values_admin_page_path(@page) %>">
+
+  <div class="data-panel-header">
+    <span class="data-panel-title">Bindings</span>
+    <button type="button" id="ac-add-binding-btn" class="data-panel-add-btn" title="Add a new binding">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <line x1="12" y1="5" x2="12" y2="19"/>
+        <line x1="5" y1="12" x2="19" y2="12"/>
+      </svg>
+      Add
+    </button>
+  </div>
+
+  <p class="data-panel-message" id="ac-panel-message" hidden></p>
+
+  <label class="data-panel-toggle">
+    <input type="checkbox" id="ac-template-toggle" <%= "checked" if @page.template_enabled? %>>
+    <span>Render dynamic content (Liquid)</span>
+  </label>
+  <p class="data-panel-notice" id="ac-template-notice" <%= "hidden" if @page.template_enabled? %>>
+    Dynamic rendering is off. Bindings and <code>{{ tags }}</code> are saved but visitors see them as plain text until you turn it on.
+  </p>
+
+  <ul id="ac-bindings-list" class="data-panel-list" data-empty="true"></ul>
+
+  <div class="data-panel-empty" id="ac-bindings-empty">
+    <div class="data-panel-empty-icon">
+      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+        <ellipse cx="12" cy="5" rx="9" ry="3"/>
+        <path d="M3 5v14a9 3 0 0 0 18 0V5"/>
+        <path d="M3 12a9 3 0 0 0 18 0"/>
+      </svg>
+    </div>
+    <h3>No bindings yet</h3>
+    <p>Connect a data source to use <code>&#123;&#123; variables &#125;&#125;</code> in your page.</p>
+    <button type="button" id="ac-empty-add-btn" class="data-panel-empty-btn">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <line x1="12" y1="5" x2="12" y2="19"/>
+        <line x1="5" y1="12" x2="19" y2="12"/>
+      </svg>
+      Add binding
+    </button>
+  </div>
+
+  <p class="data-panel-help">Tip: click a chip to copy the snippet to your clipboard.</p>
+
+  <template id="ac-binding-form-template">
+    <form id="ac-binding-form" class="data-panel-add-card">
+      <div class="data-panel-add-card-header">
+        <span class="data-panel-add-card-title">New binding</span>
+        <button type="button" id="ac-binding-cancel" class="data-panel-add-card-close" title="Cancel">
+          <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <line x1="18" y1="6" x2="6" y2="18"/>
+            <line x1="6" y1="6" x2="18" y2="18"/>
+          </svg>
+        </button>
+      </div>
+      <label class="data-panel-field">
+        <span class="data-panel-field-label">Name</span>
+        <input type="text" name="name" required autocomplete="off" placeholder="articles">
+        <span class="data-panel-field-error" id="ac-binding-name-error" hidden></span>
+      </label>
+      <label class="data-panel-field">
+        <span class="data-panel-field-label">Source</span>
+        <select name="source"></select>
+      </label>
+      <div id="ac-binding-params" class="data-panel-add-card-params"></div>
+      <div class="data-panel-add-card-actions">
+        <button type="button" class="data-panel-btn data-panel-btn-ghost" data-cancel>Cancel</button>
+        <button type="submit" class="data-panel-btn data-panel-btn-primary">Save binding</button>
+      </div>
+    </form>
+  </template>
+</div>

data/app/views/active_canvas/admin/pages/_form.html.erb

@@ -56,6 +56,16 @@
   </div>
 </div>
 
+<div class="form-group">
+  <div class="form-check" style="background: var(--bg-main, #f8fafc); padding: 1rem; border-radius: 0.5rem; border: 1px solid var(--border, #e2e8f0);">
+    <%= form.check_box :template_enabled, id: "page_template_enabled" %>
+    <label for="page_template_enabled" style="font-weight: 500;">
+      Render dynamic content (Liquid)
+    </label>
+    <p class="help-text" style="margin-left: 1.5rem; margin-top: 0.25rem;">Enable Liquid template rendering for dynamic content and data bindings.</p>
+  </div>
+</div>
+
 <div class="form-actions">
   <%= form.submit class: "btn btn-primary" %>
   <%= link_to "Cancel", admin_pages_path, class: "btn btn-secondary" %>

data/app/views/active_canvas/admin/pages/editor.html.erb

@@ -149,6 +149,21 @@
       </div>
     </div>
     <div class="header-separator"></div>
+    <button class="header-btn header-btn-secondary" id="btn-live-data" title="Show the real values inside the canvas" aria-pressed="false">
+      <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">
+        <ellipse cx="12" cy="5" rx="9" ry="3"/>
+        <path d="M3 5v14a9 3 0 0 0 18 0V5"/>
+        <path d="M3 12a9 3 0 0 0 18 0"/>
+      </svg>
+      Live data
+    </button>
+    <button class="header-btn header-btn-secondary" id="btn-preview" title="Preview (Ctrl+Shift+P)" data-preview-url="<%= preview_iframe_admin_page_path(@page) %>">
+      <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">
+        <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>
+      Preview
+    </button>
     <button class="header-btn header-btn-primary" id="btn-save">
       <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">
         <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
@@ -170,6 +185,7 @@
           <button class="panel-tab active" data-panel="blocks">Blocks</button>
           <button class="panel-tab" data-panel="assets">Assets</button>
           <button class="panel-tab" data-panel="layers">Layers</button>
+          <button class="panel-tab" data-panel="data">Data</button>
         </div>
         <div class="panel-content">
           <div id="blocks-container"></div>
@@ -199,6 +215,7 @@
             </div>
           </div>
           <div id="layers-container" style="display: none;"></div>
+          <%= render "data_panel" %>
         </div>
       </div>
 
@@ -576,6 +593,41 @@
   </div>
 </div>
 
+<!-- Preview Modal (full-screen iframe preview) -->
+<div class="preview-modal" id="preview-modal" hidden>
+  <div class="preview-modal-toolbar">
+    <div class="preview-modal-title">
+      <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">
+        <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>
+      <span>Preview · <strong><%= @page.title %></strong></span>
+    </div>
+    <button class="preview-modal-close" id="btn-close-preview" title="Close (Esc)">
+      <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <line x1="18" y1="6" x2="6" y2="18"/>
+        <line x1="6" y1="6" x2="18" y2="18"/>
+      </svg>
+    </button>
+  </div>
+  <div class="preview-modal-body">
+    <iframe class="preview-modal-iframe" id="preview-modal-iframe" title="Page preview" sandbox="allow-scripts allow-forms"></iframe>
+    <div class="preview-modal-loading" id="preview-modal-loading">
+      <div class="preview-modal-spinner"></div>
+      <span>Rendering preview…</span>
+    </div>
+    <div class="preview-modal-error" id="preview-modal-error" hidden>
+      <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+        <circle cx="12" cy="12" r="10"/>
+        <line x1="12" y1="8" x2="12" y2="12"/>
+        <line x1="12" y1="16" x2="12.01" y2="16"/>
+      </svg>
+      <h3>Preview failed</h3>
+      <p id="preview-modal-error-message"></p>
+    </div>
+  </div>
+</div>
+
 <!-- Toast Notification -->
 <div id="editor-toast" class="editor-toast"></div>
 
@@ -599,13 +651,14 @@
   window.ActiveCanvasEditor = {
     config: {
       pageId: <%= @page.id %>,
+      templateEnabled: <%= @page.template_enabled? %>,
       saveUrl: '<%= save_editor_admin_page_path(@page) %>',
       mediaUrl: '<%= admin_media_path(format: :json) %>',
       uploadUrl: '<%= admin_media_path %>',
       content: <%= raw (@page.content || '').to_json %>,
       contentCss: <%= raw (@page.content_css || '').to_json %>,
       contentJs: <%= raw (@page.content_js || '').to_json %>,
-      contentComponents: <%= raw (@page.content_components || '').to_json %>,
+      contentComponents: <%= raw (@page.template_enabled? ? '' : (@page.content_components || '')).to_json %>,
       cssFramework: '<%= ActiveCanvas::Setting.css_framework %>',
       cssFrameworkUrl: <%= raw (ActiveCanvas::Setting.css_framework_url || '').to_json %>,
       cssFrameworkType: '<%= ActiveCanvas::Setting.css_framework_type %>',
@@ -640,7 +693,15 @@
 <%= javascript_include_tag "active_canvas/editor/component_toolbar" %>
 <%= javascript_include_tag "active_canvas/editor/panels" %>
 <%= javascript_include_tag "active_canvas/editor/ai_panel" %>
+<%= javascript_include_tag "active_canvas/editor/preview_modal" %>
+<script id="ac-server-bindings" type="application/json"><%= json_escape(@page.bindings.to_json).html_safe %></script>
+<%= javascript_include_tag "active_canvas/editor/ac_bindings" %>
+<%= javascript_include_tag "active_canvas/editor/ac_chips" %>
+<%= javascript_include_tag "active_canvas/editor/directive_traits" %>
+<%= javascript_include_tag "active_canvas/editor/template_validator" %>
+<%= javascript_include_tag "active_canvas/editor/live_data" %>
 <%= javascript_include_tag "active_canvas/editor" %>
+<%= javascript_include_tag "active_canvas/admin/data_panel" %>
 
 <!-- Theme Switcher JavaScript -->
 <script>

data/app/views/active_canvas/pages/show.html.erb

@@ -93,7 +93,10 @@
 <% end %>
 
 <%# Main Page Content %>
-<%= @page.rendered_content %>
+<%= @page.rendered_content(
+      form_feedback: { submitted: params[:ac_submitted], error: params[:ac_form_error], form_key: params[:ac_form] },
+      form_action: public_form_submissions_path
+    ) %>
 
 <%# Footer %>
 <% if footer_partial&.content.present? %>

data/app/views/layouts/active_canvas/admin/application.html.erb

@@ -877,6 +877,21 @@
               </svg>
               <span>Header & Footer</span>
             <% end %>
+            <%= link_to admin_form_submissions_path, class: "nav-link #{controller_name == 'form_submissions' ? 'active' : ''}" do %>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
+                <polyline points="22,6 12,13 2,6"/>
+              </svg>
+              <span>Form submissions</span>
+            <% end %>
+            <%= link_to admin_collections_path, class: "nav-link #{controller_name.in?(%w[collections collection_items]) ? 'active' : ''}" do %>
+              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 2 2 7l10 5 10-5-10-5Z"/>
+                <path d="m2 17 10 5 10-5"/>
+                <path d="m2 12 10 5 10-5"/>
+              </svg>
+              <span>Collections</span>
+            <% end %>
           </div>
 
           <div class="nav-section">

data/config/routes.rb

@@ -1,12 +1,19 @@
 ActiveCanvas::Engine.routes.draw do
   namespace :admin do
     resources :pages do
+      collection do
+        get :data_sources
+      end
       member do
         get :content
         patch :update_content
         get :editor
         patch :save_editor
         get :versions
+        post :validate_template
+        post :sample_data
+        post :chip_values
+        post :preview_iframe
       end
       resources :versions, only: [:show], controller: "page_versions"
     end
@@ -18,6 +25,16 @@ ActiveCanvas::Engine.routes.draw do
       end
     end
     resources :media, only: [:index, :show, :create, :destroy]
+    resources :form_submissions, only: [ :index, :show, :destroy ]
+    resources :collections do
+      resources :items, controller: "collection_items", only: %i[index new create edit update destroy] do
+        member do
+          patch :publish
+          patch :unpublish
+          get :history
+        end
+      end
+    end
     resource :settings, only: [:show, :update] do
       patch :update_global_css
       patch :update_global_js
@@ -44,6 +61,9 @@ ActiveCanvas::Engine.routes.draw do
   end
 
   root to: "pages#home"
+  post "forms", to: "form_submissions#create", as: :public_form_submissions
   get ":slug", to: "pages#show", as: :public_page,
     constraints: ->(req) { ActiveCanvas::Page.published.exists?(slug: req.params[:slug]) }
+  get ":slug", to: "redirects#show", as: :page_redirect,
+    constraints: ->(req) { ActiveCanvas::PageRedirect.exists?(from_slug: req.params[:slug]) }
 end

data/db/migrate/20260517100001_add_template_enabled_and_bindings_to_active_canvas_pages.rb

@@ -0,0 +1,6 @@
+class AddTemplateEnabledAndBindingsToActiveCanvasPages < ActiveRecord::Migration[8.0]
+  def change
+    add_column :active_canvas_pages, :template_enabled, :boolean, default: false, null: false
+    add_column :active_canvas_pages, :bindings,         :json,    default: {},     null: false
+  end
+end

data/db/migrate/20260517100002_add_bindings_to_active_canvas_page_versions.rb

@@ -0,0 +1,6 @@
+class AddBindingsToActiveCanvasPageVersions < ActiveRecord::Migration[8.0]
+  def change
+    add_column :active_canvas_page_versions, :bindings_before, :json
+    add_column :active_canvas_page_versions, :bindings_after,  :json
+  end
+end

data/db/migrate/20260702000001_create_active_canvas_page_redirects.rb

@@ -0,0 +1,11 @@
+class CreateActiveCanvasPageRedirects < ActiveRecord::Migration[8.0]
+  def change
+    create_table :active_canvas_page_redirects do |t|
+      t.string :from_slug, null: false
+      t.references :page, null: false, foreign_key: { to_table: :active_canvas_pages }
+      t.timestamps
+    end
+
+    add_index :active_canvas_page_redirects, :from_slug, unique: true
+  end
+end

data/db/migrate/20260702000002_create_active_canvas_form_submissions.rb

@@ -0,0 +1,14 @@
+class CreateActiveCanvasFormSubmissions < ActiveRecord::Migration[8.0]
+  def change
+    create_table :active_canvas_form_submissions do |t|
+      t.references :page, null: false, index: false, foreign_key: { to_table: :active_canvas_pages }
+      t.string :form_key, null: false
+      t.json :data, null: false, default: {}
+      t.string :ip
+      t.string :user_agent
+      t.timestamps
+    end
+
+    add_index :active_canvas_form_submissions, [ :page_id, :form_key ]
+  end
+end

data/db/migrate/20260702000003_create_active_canvas_collections.rb

@@ -0,0 +1,12 @@
+class CreateActiveCanvasCollections < ActiveRecord::Migration[8.0]
+  def change
+    create_table :active_canvas_collections do |t|
+      t.string :name, null: false
+      t.string :slug, null: false
+      t.json :fields, null: false, default: []
+      t.timestamps
+    end
+
+    add_index :active_canvas_collections, :slug, unique: true
+  end
+end

data/db/migrate/20260702000004_create_active_canvas_collection_items.rb

@@ -0,0 +1,16 @@
+class CreateActiveCanvasCollectionItems < ActiveRecord::Migration[8.0]
+  def change
+    create_table :active_canvas_collection_items do |t|
+      t.references :collection, null: false, index: false,
+        foreign_key: { to_table: :active_canvas_collections }
+      t.json :data, null: false, default: {}
+      t.json :draft_data, null: false, default: {}
+      t.string :status, null: false, default: "draft"
+      t.string :slug
+      t.datetime :published_at
+      t.timestamps
+    end
+
+    add_index :active_canvas_collection_items, [ :collection_id, :status ]
+  end
+end

data/db/migrate/20260702000005_create_active_canvas_collection_item_versions.rb

@@ -0,0 +1,17 @@
+class CreateActiveCanvasCollectionItemVersions < ActiveRecord::Migration[8.0]
+  def change
+    create_table :active_canvas_collection_item_versions do |t|
+      t.references :collection_item, null: false, index: false,
+        foreign_key: { to_table: :active_canvas_collection_items }
+      t.integer :version_number, null: false
+      t.json :data, null: false, default: {}
+      t.string :changed_by
+      t.string :change_summary
+      t.timestamps
+    end
+
+    add_index :active_canvas_collection_item_versions,
+      [ :collection_item_id, :version_number ], unique: true,
+      name: "idx_ac_collection_item_versions_on_item_and_number"
+  end
+end