elaine_crud 0.1.0

data/app/views/elaine_crud/base/_pagination.html.erb

@@ -0,0 +1,110 @@
+<%# Pagination controls for navigating between pages %>
+<% if records.total_pages > 1 %>
+  <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
+    <%# Info section: "Showing X to Y of Z results" %>
+    <div class="flex-1 flex justify-between sm:hidden">
+      <%= link_to_unless records.first_page?, "Previous", url_for(page: records.prev_page, per_page: params[:per_page]),
+          class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" %>
+      <%= link_to_unless records.last_page?, "Next", url_for(page: records.next_page, per_page: params[:per_page]),
+          class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" %>
+    </div>
+
+    <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
+      <div>
+        <p class="text-sm text-gray-700">
+          Showing
+          <span class="font-medium"><%= records.offset_value + 1 %></span>
+          to
+          <span class="font-medium"><%= [records.offset_value + records.count, records.total_count].min %></span>
+          of
+          <span class="font-medium"><%= records.total_count %></span>
+          results
+        </p>
+      </div>
+
+      <div>
+        <nav class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px" aria-label="Pagination">
+          <%# Previous button %>
+          <% if records.first_page? %>
+            <span class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-gray-100 text-sm font-medium text-gray-400 cursor-not-allowed">
+              <span class="sr-only">Previous</span>
+              <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
+              </svg>
+            </span>
+          <% else %>
+            <%= link_to url_for(page: records.prev_page, per_page: params[:per_page]),
+                class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" do %>
+              <span class="sr-only">Previous</span>
+              <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
+              </svg>
+            <% end %>
+          <% end %>
+
+          <%# Page numbers with ellipsis %>
+          <%
+            current_page = records.current_page
+            total_pages = records.total_pages
+            window = 2 # Show 2 pages on each side of current page
+
+            # Always show first page
+            pages_to_show = [1]
+
+            # Add pages around current page
+            ((current_page - window)..(current_page + window)).each do |page|
+              pages_to_show << page if page > 1 && page < total_pages
+            end
+
+            # Always show last page
+            pages_to_show << total_pages if total_pages > 1
+
+            pages_to_show = pages_to_show.uniq.sort
+          %>
+
+          <%
+            previous_page = 0
+            pages_to_show.each do |page_num|
+          %>
+            <%# Show ellipsis if there's a gap %>
+            <% if page_num - previous_page > 1 %>
+              <span class="relative inline-flex items-center px-4 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-700">
+                ...
+              </span>
+            <% end %>
+
+            <%# Page number link or current page indicator %>
+            <% if page_num == current_page %>
+              <span class="z-10 bg-blue-50 border-blue-500 text-blue-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium">
+                <%= page_num %>
+              </span>
+            <% else %>
+              <%= link_to page_num, url_for(page: page_num, per_page: params[:per_page]),
+                  class: "bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border text-sm font-medium" %>
+            <% end %>
+
+            <% previous_page = page_num %>
+          <% end %>
+
+          <%# Next button %>
+          <% if records.last_page? %>
+            <span class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-gray-100 text-sm font-medium text-gray-400 cursor-not-allowed">
+              <span class="sr-only">Next</span>
+              <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+                <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>
+          <% else %>
+            <%= link_to url_for(page: records.next_page, per_page: params[:per_page]),
+                class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" do %>
+              <span class="sr-only">Next</span>
+              <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
+                <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>
+            <% end %>
+          <% end %>
+        </nav>
+      </div>
+    </div>
+  </div>
+<% end %>

data/app/views/elaine_crud/base/_per_page_selector.html.erb

@@ -0,0 +1,30 @@
+<%# Per-page selector dropdown %>
+<div class="flex items-center space-x-2">
+  <label for="per_page_select" class="text-sm text-gray-700">Show:</label>
+  <select id="per_page_select"
+          name="per_page"
+          class="block w-20 pl-3 pr-10 py-2 text-base border-gray-300 focus:outline-none focus:ring-blue-500 focus:border-blue-500 sm:text-sm rounded-md"
+          onchange="this.form.submit()">
+    <% [10, 25, 50, 100].each do |option| %>
+      <option value="<%= option %>" <%= 'selected' if per_page == option %>>
+        <%= option %>
+      </option>
+    <% end %>
+  </select>
+  <span class="text-sm text-gray-700">per page</span>
+</div>
+
+<script>
+  // Handle form submission via Turbo
+  document.addEventListener('DOMContentLoaded', function() {
+    const select = document.getElementById('per_page_select');
+    if (select) {
+      select.addEventListener('change', function() {
+        const currentUrl = new URL(window.location.href);
+        currentUrl.searchParams.set('per_page', this.value);
+        currentUrl.searchParams.delete('page'); // Reset to page 1 when changing per_page
+        window.location.href = currentUrl.toString();
+      });
+    }
+  });
+</script>

data/app/views/elaine_crud/base/_search_bar.html.erb

@@ -0,0 +1,75 @@
+<div class="mb-6 bg-white p-4 rounded-lg shadow">
+  <%= form_with url: url_for(action: :index), method: :get, local: true, class: "space-y-4" do |f| %>
+
+    <!-- Global Search -->
+    <div class="flex items-center space-x-2">
+      <div class="flex-1">
+        <%= text_field_tag :search,
+            @search_query,
+            placeholder: "Search #{@model_name.pluralize.downcase}...",
+            class: "block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500" %>
+      </div>
+      <%= button_tag type: 'submit', class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" do %>
+        🔍 Search
+      <% end %>
+      <% if search_active? %>
+        <%= link_to "Clear", url_for(action: :index), class: "bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-2 px-4 rounded" %>
+      <% end %>
+    </div>
+
+    <!-- Advanced Filters (Collapsible) -->
+    <% if @filterable_columns.any? %>
+      <details class="border-t pt-4">
+        <summary class="cursor-pointer text-blue-600 hover:text-blue-800 font-medium">
+          Advanced Filters
+        </summary>
+
+        <div class="mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
+          <% @filterable_columns.each do |field_info| %>
+            <%= render_filter_field(field_info) %>
+          <% end %>
+        </div>
+
+        <div class="mt-4 flex space-x-2">
+          <%= button_tag "Apply Filters", type: 'submit', class: "bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded" %>
+          <%= link_to "Clear All Filters", url_for(action: :index, search: @search_query), class: "bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-2 px-4 rounded" %>
+        </div>
+      </details>
+    <% end %>
+
+    <!-- Preserve pagination and sorting params -->
+    <%= hidden_field_tag :per_page, params[:per_page] if params[:per_page] %>
+    <%= hidden_field_tag :sort, params[:sort] if params[:sort] %>
+    <%= hidden_field_tag :direction, params[:direction] if params[:direction] %>
+
+    <!-- Preserve parent filtering params -->
+    <% detect_parent_filters.each do |foreign_key, parent_id| %>
+      <%= hidden_field_tag foreign_key, parent_id %>
+    <% end %>
+  <% end %>
+</div>
+
+<!-- Active Filters Display -->
+<% if @active_filters.any? %>
+  <div class="mb-4 flex flex-wrap gap-2">
+    <span class="text-sm font-medium text-gray-700">Active filters:</span>
+    <% @active_filters.each do |field, value| %>
+      <% next if field.to_s.end_with?('_from', '_to') %>
+      <% next if value.blank? %>
+      <span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-100 text-blue-800">
+        <%= field.to_s.humanize %>: <%= value %>
+        <%= link_to "✕", url_for(filter: @active_filters.except(field), search: @search_query), class: "ml-2 text-blue-600 hover:text-blue-800" %>
+      </span>
+    <% end %>
+  </div>
+<% end %>
+
+<!-- Results Count -->
+<% if search_active? %>
+  <div class="mb-4 text-sm text-gray-600">
+    Showing <%= @records.total_count %> result<%= @records.total_count == 1 ? '' : 's' %>
+    <% if @total_count && @total_count != @records.total_count %>
+      (filtered from <%= @total_count %> total)
+    <% end %>
+  </div>
+<% end %>

data/app/views/elaine_crud/base/_show_details.html.erb

@@ -0,0 +1,29 @@
+<%# Reusable field details display for show views %>
+<%# Required locals: record, columns %>
+<%# Optional locals: title (string, default: nil) %>
+
+<% title = local_assigns.fetch(:title, nil) %>
+
+<div class="bg-white shadow-md rounded-lg p-6">
+  <% if title %>
+    <h2 class="text-xl font-bold text-gray-900 mb-4"><%= title %></h2>
+  <% end %>
+
+  <div class="space-y-4">
+    <% columns.each do |column| %>
+      <div class="border-b border-gray-200 pb-4">
+        <dt class="text-sm font-medium text-gray-500 mb-1">
+          <%= field_title(column.to_sym) %>
+        </dt>
+        <dd class="text-sm text-gray-900">
+          <%= display_field_value(record, column.to_sym, context: :show) %>
+        </dd>
+        <% if field_description(column.to_sym).present? %>
+          <p class="text-xs text-gray-400 mt-1">
+            <%= field_description(column.to_sym) %>
+          </p>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/elaine_crud/base/_view_row.html.erb

@@ -0,0 +1,96 @@
+<%# View mode row - renders cells directly as grid children (no wrapper needed for grid) %>
+<%# Calculate layout for this record %>
+<% record_layout = calculate_layout(record, columns.map(&:to_sym)) %>
+<% has_multiple_rows = record_layout.length > 1 %>
+<% is_last_record = defined?(is_last_record) ? is_last_record : false %>
+<% show_actions = local_assigns.fetch(:show_actions, true) %>
+
+<%# Wrap entire row in turbo-frame for row-level inline editing %>
+<% if controller.respond_to?(:turbo_disabled?) && controller.turbo_disabled? %>
+  <%# Turbo disabled - render cells directly without frame %>
+  <% record_layout.each_with_index do |layout_row, row_index| %>
+    <% is_last_row = row_index == record_layout.length - 1 %>
+    <% layout_row.each do |column_config| %>
+      <% field_name = column_config[:field_name] %>
+      <% colspan = column_config[:colspan] || 1 %>
+      <% rowspan = column_config[:rowspan] || 1 %>
+      <% cell_border_bottom = (has_multiple_rows && !is_last_row) || !is_last_record ? 'border-b' : '' %>
+
+      <div class="px-3 py-3 text-sm text-gray-900 border-r border-gray-200 <%= cell_border_bottom %> break-words <%= row_bg_class %> hover:bg-blue-50 <%= 'col-span-' + colspan.to_s if colspan > 1 %> <%= 'row-span-' + rowspan.to_s if rowspan > 1 %>">
+        <%= display_field_value(record, field_name) %>
+      </div>
+    <% end %>
+
+    <%# Actions column (only on first row) %>
+    <% if show_actions && row_index == 0 %>
+      <% actions_border_bottom = has_multiple_rows ? '' : (is_last_record ? '' : 'border-b') %>
+      <div class="px-3 py-3 text-sm text-gray-500 border-gray-200 <%= row_bg_class %> hover:bg-blue-50 <%= actions_border_bottom %> <%= 'row-span-' + record_layout.length.to_s if record_layout.length > 1 %>">
+        <div class="flex space-x-2">
+          <% if controller.class.show_view_action_button %>
+            <%= link_to "View",
+                url_for(action: :show, id: record.id),
+                class: "text-blue-600 hover:text-blue-900",
+                data: { turbo: false } %>
+          <% end %>
+          <%= link_to "Edit",
+              url_for(action: :edit, id: record.id, page: params[:page], per_page: params[:per_page]),
+              class: "text-green-600 hover:text-green-900",
+              data: { turbo: false } %>
+          <%= button_to "Delete",
+              url_for(action: :destroy, id: record.id),
+              method: :delete,
+              form: {
+                class: "inline",
+                data: { turbo: false },
+                onsubmit: "return confirm('Are you sure?');"
+              },
+              class: "text-red-600 hover:text-red-900" %>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+<% else %>
+  <%# Turbo enabled - wrap entire row in single turbo-frame %>
+  <turbo-frame id="record_<%= record.id %>" class="contents">
+    <% record_layout.each_with_index do |layout_row, row_index| %>
+      <% is_last_row = row_index == record_layout.length - 1 %>
+      <% layout_row.each do |column_config| %>
+        <% field_name = column_config[:field_name] %>
+        <% colspan = column_config[:colspan] || 1 %>
+        <% rowspan = column_config[:rowspan] || 1 %>
+        <% cell_border_bottom = (has_multiple_rows && !is_last_row) || !is_last_record ? 'border-b' : '' %>
+
+        <div class="px-3 py-3 text-sm text-gray-900 border-r border-gray-200 <%= cell_border_bottom %> break-words <%= row_bg_class %> hover:bg-blue-50 <%= 'col-span-' + colspan.to_s if colspan > 1 %> <%= 'row-span-' + rowspan.to_s if rowspan > 1 %>">
+          <%= display_field_value(record, field_name) %>
+        </div>
+      <% end %>
+
+      <%# Actions column (only on first row) %>
+      <% if show_actions && row_index == 0 %>
+        <% actions_border_bottom = has_multiple_rows ? '' : (is_last_record ? '' : 'border-b') %>
+        <div class="px-3 py-3 text-sm text-gray-500 border-gray-200 <%= row_bg_class %> hover:bg-blue-50 <%= actions_border_bottom %> <%= 'row-span-' + record_layout.length.to_s if record_layout.length > 1 %>">
+          <div class="flex space-x-2">
+            <% if controller.class.show_view_action_button %>
+              <%= link_to "View",
+                  url_for(action: :show, id: record.id),
+                  class: "text-blue-600 hover:text-blue-900",
+                  data: { turbo_frame: "_top" } %>
+            <% end %>
+            <%= link_to "Edit",
+                url_for(action: :edit, id: record.id, page: params[:page], per_page: params[:per_page]),
+                class: "text-green-600 hover:text-green-900" %>
+            <%= button_to "Delete",
+                url_for(action: :destroy, id: record.id),
+                method: :delete,
+                form: {
+                  class: "inline",
+                  data: { turbo: false },
+                  onsubmit: "return confirm('Are you sure?');"
+                },
+                class: "text-red-600 hover:text-red-900" %>
+          </div>
+        </div>
+      <% end %>
+    <% end %>
+  </turbo-frame>
+<% end %>

data/app/views/elaine_crud/base/edit.html.erb

@@ -0,0 +1,51 @@
+<div class="w-full">
+  <div class="flex justify-between items-center mb-6">
+    <h1 class="text-3xl font-bold text-gray-900">Edit <%= @model_name %> (ID: <%= @record.id %>)</h1>
+    <%= link_to "Back to #{@model_name.pluralize}",
+        url_for(action: :index, page: params[:page], per_page: params[:per_page]),
+        class: "text-gray-600 hover:text-gray-900" %>
+  </div>
+
+  <% if @records.any? %>
+    <%# Calculate layout header to determine grid structure - same as index page %>
+    <% header_layout = calculate_layout_header(@columns.map(&:to_sym)) %>
+    <% grid_template = header_layout.map { |config| config[:width] }.join(' ') %>
+
+    <div class="overflow-x-auto">
+      <%# Main grid container - grid template defined once here for entire table %>
+      <div class="bg-white shadow-md border border-gray-300 inline-block min-w-full grid" style="grid-template-columns: <%= grid_template %>;">
+        <%# Header row - no grid definition, inherits from parent %>
+        <% header_layout[0..-2].each do |header_config| %>
+          <div class="px-3 py-3 text-xs font-medium text-gray-700 uppercase tracking-wider border-r border-b-2 border-gray-200 bg-gray-100">
+            <%= header_column_title(header_config) %>
+          </div>
+        <% end %>
+        <div class="px-3 py-3 text-xs font-medium text-gray-700 uppercase tracking-wider border-b-2 border-gray-200 bg-gray-100">
+          Actions
+        </div>
+
+        <%# Records - each cell is a direct grid child %>
+        <% @records.each_with_index do |record, index| %>
+          <% record_id = "record_#{record.id}" %>
+          <% row_bg_class = index.even? ? "bg-white" : "bg-gray-50" %>
+          <% is_last_record = index == @records.length - 1 %>
+          <% if record.id == @record.id %>
+            <%# Render edit row for the record being edited %>
+            <%= render 'elaine_crud/base/edit_row', record: @record, columns: @columns, row_bg_class: row_bg_class, record_id: record_id, is_last_record: is_last_record %>
+          <% else %>
+            <%# Render normal view row %>
+            <%= render 'elaine_crud/base/view_row', record: record, columns: @columns, row_bg_class: row_bg_class, record_id: record_id, is_last_record: is_last_record %>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  <% else %>
+    <div class="bg-gray-50 border border-gray-200 rounded-lg p-8 text-center">
+      <h3 class="text-lg font-medium text-gray-900 mb-2">No <%= @model_name.pluralize.downcase %> found</h3>
+      <p class="text-gray-600 mb-4">Get started by creating your first <%= @model_name.downcase %>.</p>
+      <%= link_to "Create #{@model_name}", 
+          url_for(action: :new), 
+          class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" %>
+    </div>
+  <% end %>
+</div>

data/app/views/elaine_crud/base/index.html.erb

@@ -0,0 +1,74 @@
+<div class="px-4 py-8">
+  <% if @parent_context %>
+    <div class="bg-blue-50 border-l-4 border-blue-400 p-4 mb-6">
+      <div class="flex">
+        <div class="flex-shrink-0">
+          <svg class="h-5 w-5 text-blue-400" viewBox="0 0 20 20" fill="currentColor">
+            <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
+          </svg>
+        </div>
+        <div class="ml-3">
+          <p class="text-sm text-blue-700">
+            <% if @parent_context[:error] %>
+              <strong>Error:</strong> <%= @parent_context[:error] %>
+            <% else %>
+              Showing <%= @model_name.pluralize.downcase %> for
+              <strong><%= @parent_context[:model_class].name %>:</strong>
+              <%= @parent_context[:record].public_send(controller.send(:determine_display_field_for_model, @parent_context[:model_class])) %>
+            <% end %>
+
+            <span class="ml-4">
+              <%= link_to "View All #{@model_name.pluralize}",
+                  url_for(action: :index, @parent_context[:foreign_key] => nil),
+                  class: "text-blue-600 underline hover:text-blue-800" %>
+            </span>
+          </p>
+        </div>
+      </div>
+    </div>
+  <% end %>
+
+  <div class="flex justify-between items-center mb-6">
+    <div class="flex items-center space-x-4">
+      <h1 class="text-3xl font-bold text-gray-900"><%= @model_name.pluralize %></h1>
+      <% if @records.respond_to?(:total_count) %>
+        <%= render 'elaine_crud/base/per_page_selector', per_page: determine_per_page %>
+      <% end %>
+    </div>
+    <div class="flex gap-2">
+      <%= link_to "New #{@model_name}",
+          url_for(action: :new),
+          class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" %>
+      <%= render 'elaine_crud/base/export_button' %>
+    </div>
+  </div>
+
+  <%# Search and Filter Bar %>
+  <%= render 'elaine_crud/base/search_bar' %>
+
+  <% if @records.any? %>
+    <%= render partial: 'elaine_crud/base/index_table',
+               locals: { records: @records, columns: @columns } %>
+
+    <%# Pagination controls %>
+    <% if @records.respond_to?(:total_pages) %>
+      <%= render 'elaine_crud/base/pagination', records: @records %>
+    <% end %>
+  <% else %>
+    <div class="bg-gray-50 border border-gray-200 rounded-lg p-8 text-center">
+      <% if search_active? %>
+        <h3 class="text-lg font-medium text-gray-900 mb-2">No results found</h3>
+        <p class="text-gray-600 mb-4">Try adjusting your search or filters.</p>
+        <%= link_to "Clear search and filters",
+            url_for(action: :index),
+            class: "text-blue-600 hover:text-blue-800 underline" %>
+      <% else %>
+        <h3 class="text-lg font-medium text-gray-900 mb-2">No <%= @model_name.pluralize.downcase %> found</h3>
+        <p class="text-gray-600 mb-4">Get started by creating your first <%= @model_name.downcase %>.</p>
+        <%= link_to "Create #{@model_name}",
+            url_for(action: :new),
+            class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" %>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/elaine_crud/base/new.html.erb

@@ -0,0 +1,12 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="flex justify-between items-center mb-6">
+    <h1 class="text-3xl font-bold text-gray-900">New <%= @model_name %></h1>
+    <%= link_to "Back to #{@model_name.pluralize}", 
+        url_for(action: :index), 
+        class: "text-gray-600 hover:text-gray-900" %>
+  </div>
+
+  <div class="bg-white shadow-md rounded-lg p-6">
+    <%= render 'form', record: @record, submit_text: "Create #{@model_name}" %>
+  </div>
+</div>

data/app/views/elaine_crud/base/new_modal.html.erb

@@ -0,0 +1,37 @@
+<%# Modal view for creating nested records %>
+<%= turbo_frame_tag "modal_content" do %>
+  <div class="p-6">
+    <h2 class="text-2xl font-bold text-gray-900 mb-6">
+      New <%= @model_name %>
+    </h2>
+
+    <%= form_with(model: @record,
+                  url: url_for(action: :create),
+                  method: :post,
+                  data: { nested_create: true }) do |form| %>
+
+      <%# Hidden fields to track modal mode %>
+      <%= hidden_field_tag :modal_mode, 'true' %>
+      <%= hidden_field_tag :return_field, @return_field %>
+      <%= hidden_field_tag :parent_model, params[:parent_model] %>
+
+      <%# Render form fields %>
+      <div class="space-y-4">
+        <%= render partial: 'elaine_crud/base/form_fields',
+                   locals: { form: form, record: @record } %>
+      </div>
+
+      <%# Form actions %>
+      <div class="mt-6 flex items-center justify-end space-x-3">
+        <button type="button"
+                onclick="ElaineCrud.closeModal()"
+                class="bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-2 px-4 rounded">
+          Cancel
+        </button>
+
+        <%= form.submit "Create #{@model_name}",
+            class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/elaine_crud/base/not_found.html.erb

@@ -0,0 +1,49 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="max-w-3xl">
+    <%# Header %>
+    <div class="mb-6">
+      <div class="flex items-baseline gap-4 mb-2">
+        <h1 class="text-4xl font-bold text-gray-900">404</h1>
+        <h2 class="text-2xl font-semibold text-gray-700"><%= @model_name %> Not Found</h2>
+      </div>
+      <div class="h-1 w-24 bg-blue-600 rounded-full"></div>
+    </div>
+
+    <%# Error Message %>
+    <div class="bg-gray-50 border-l-4 border-blue-500 p-4 mb-6">
+      <div class="flex items-start">
+        <svg class="h-5 w-5 text-blue-500 mt-0.5 mr-3 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+        </svg>
+        <div>
+          <p class="text-gray-700 font-medium">
+            The <%= @model_name.downcase %> with ID <span class="font-mono bg-gray-200 px-2 py-1 rounded text-sm"><%= @resource_id %></span> could not be found.
+          </p>
+          <p class="text-gray-600 text-sm mt-1">
+            It may have been deleted or the ID might be incorrect.
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <%# Helpful Actions %>
+    <div class="space-y-3">
+      <div class="flex gap-3">
+        <%= link_to "View All #{@model_name.pluralize}", polymorphic_path(@model_class),
+            class: "inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded shadow-sm transition-colors duration-200" %>
+
+        <%= link_to "Create New #{@model_name}", new_polymorphic_path(@model_class),
+            class: "inline-flex items-center px-4 py-2 bg-green-600 hover:bg-green-700 text-white font-medium rounded shadow-sm transition-colors duration-200" %>
+      </div>
+
+      <div>
+        <a href="javascript:history.back()" class="inline-flex items-center text-gray-600 hover:text-gray-900 font-medium transition-colors duration-200">
+          <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="M10 19l-7-7m0 0l7-7m-7 7h18" />
+          </svg>
+          Go Back
+        </a>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/elaine_crud/base/show.html.erb

@@ -0,0 +1,32 @@
+<div class="container mx-auto px-4 py-8">
+  <div class="flex justify-between items-center mb-6">
+    <h1 class="text-3xl font-bold text-gray-900"><%= @model_name %> Details</h1>
+    <div class="space-x-2">
+      <%= link_to "Edit", 
+          url_for(action: :edit, id: @record.id), 
+          class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" %>
+      <%= link_to "Back to #{@model_name.pluralize}", 
+          url_for(action: :index), 
+          class: "text-gray-600 hover:text-gray-900" %>
+    </div>
+  </div>
+
+  <%= render partial: 'elaine_crud/base/show_details', locals: { record: @record, columns: @columns } %>
+
+  <div class="bg-white shadow-md rounded-lg p-6 mt-6">
+    <div class="flex justify-end space-x-3">
+      <%= link_to "Edit #{@model_name}", 
+          url_for(action: :edit, id: @record.id), 
+          class: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded" %>
+<%= button_to "Delete #{@model_name}",
+          url_for(action: :destroy, id: @record.id),
+          method: :delete,
+          form: {
+            class: "inline",
+            data: { turbo: false },
+            onsubmit: "return confirm('Are you sure you want to delete this #{@model_name.downcase}?');"
+          },
+          class: "bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded" %>
+    </div>
+  </div>
+</div>