admin_suite 0.1.0

data/app/views/admin_suite/resources/index.html.erb

@@ -0,0 +1,315 @@
+<% content_for :title, "#{resource_config.human_name_plural} - Admin Suite" %>
+
+<%
+  has_new_route = begin
+    url_for(action: :new)
+    true
+  rescue ActionController::UrlGenerationError
+    false
+  end
+
+  has_edit_route = ->(record) {
+    begin
+      url_for(action: :edit, id: record.to_param)
+      true
+    rescue ActionController::UrlGenerationError
+      false
+    end
+  }
+%>
+
+<div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
+  <!-- Header -->
+  <div class="mb-6">
+    <div class="flex items-center justify-between">
+      <div>
+        <nav class="flex items-center gap-2 text-sm text-slate-500 mb-2">
+          <%= link_to "Dashboard", root_path, class: theme_link_hover_text_class %>
+          <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+          <span class="text-slate-900"><%= resource_config.human_name_plural %></span>
+        </nav>
+        <h1 class="text-2xl font-bold text-slate-900"><%= resource_config.human_name_plural %></h1>
+      </div>
+      <% if has_new_route %>
+        <div class="flex items-center gap-3">
+          <%= link_to url_for(action: :new), class: theme_btn_primary_class do %>
+            <%= admin_suite_icon("plus", class: "w-4 h-4") %>
+            New <%= resource_config.human_name %>
+          <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+
+  <!-- Stats (refresh with Turbo when filters change) -->
+  <%= turbo_frame_tag "resource_stats" do %>
+    <% if @stats.present? %>
+      <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
+        <% @stats.each do |stat| %>
+          <% color = stat[:color] || :slate %>
+          <div class="bg-white rounded-xl p-4 border border-slate-200">
+            <div class="text-2xl font-bold text-<%= color %>-600"><%= stat[:value] %></div>
+            <div class="text-sm text-slate-500"><%= stat[:name] %></div>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <div class="flex flex-col lg:flex-row gap-6">
+    <!-- Filters Sidebar -->
+    <% if resource_config.index_config&.filters_list&.any? || resource_config.index_config&.searchable_fields&.any? %>
+      <div class="lg:w-64 flex-shrink-0">
+        <div class="bg-white rounded-xl border border-slate-200 p-4">
+          <h3 class="font-medium text-slate-900 dark:text-white mb-4">Filters</h3>
+          <%= form_with url: url_for(action: :index), method: :get,
+              data: {
+                turbo_frame: "resource_results",
+                controller: "admin-suite--live-filter",
+                action: "input->admin-suite--live-filter#submit change->admin-suite--live-filter#submit"
+              },
+              class: "space-y-4" do %>
+
+            <% if resource_config.index_config&.searchable_fields&.any? %>
+              <div>
+                <label class="block text-sm font-medium text-slate-700 mb-1">Search</label>
+                <%= text_field_tag :search, params[:search],
+                    class: "form-input w-full",
+                    placeholder: "Type 3+ characters to search...",
+                    minlength: 3,
+                    data: {
+                      "admin-suite--live-filter-target": "input",
+                      action: "input->admin-suite--live-filter#debounceWithMinLength",
+                      "admin-suite--live-filter-min-length-value": 3
+                    } %>
+              </div>
+            <% end %>
+
+            <% resource_config.index_config&.filters_list&.each do |filter| %>
+              <div>
+                <label class="block text-sm font-medium text-slate-700 mb-1">
+                  <%= filter.label %>
+                </label>
+                <% case filter.type %>
+                <% when :text %>
+                  <%= text_field_tag filter.name, params[filter.name],
+                      class: "form-input w-full",
+                      placeholder: filter.placeholder,
+                      data: { "admin-suite--live-filter-target": "input", action: "input->admin-suite--live-filter#debounce" } %>
+                <% when :select %>
+                  <% options = filter.options.is_a?(Proc) ? filter.options.call : filter.options %>
+                  <%= select_tag filter.name,
+                      options_for_select(options, params[filter.name]),
+                      class: "form-input w-full",
+                      data: { "admin-suite--live-filter-target": "input", action: "change->admin-suite--live-filter#submit" } %>
+                <% when :date %>
+                  <%= date_field_tag filter.name, params[filter.name],
+                      class: "form-input w-full",
+                      data: { "admin-suite--live-filter-target": "input", action: "change->admin-suite--live-filter#submit" } %>
+                <% when :number %>
+                  <%= number_field_tag filter.name, params[filter.name],
+                      class: "form-input w-full",
+                      placeholder: filter.placeholder,
+                      data: { "admin-suite--live-filter-target": "input", action: "input->admin-suite--live-filter#debounce" } %>
+                <% when :toggle %>
+                  <div class="flex items-center">
+                    <%= check_box_tag filter.name, "1", params[filter.name] == "1",
+                        class: "form-checkbox",
+                        data: { "admin-suite--live-filter-target": "input", action: "change->admin-suite--live-filter#submit" } %>
+                    <span class="ml-2 text-sm text-slate-600"><%= filter.label %></span>
+                  </div>
+                <% end %>
+              </div>
+            <% end %>
+
+            <div class="flex gap-2 pt-2">
+              <button type="submit" class="admin-suite-btn-primary flex-1 text-sm font-medium rounded-lg transition-colors">
+                Apply
+              </button>
+              <%= link_to "Clear", url_for(action: :index),
+                  class: "px-3 py-2 text-sm font-medium text-slate-600 hover:bg-slate-100 rounded-lg transition-colors",
+                  data: { turbo_frame: "resource_results" } %>
+            </div>
+          <% end %>
+        </div>
+      </div>
+    <% end %>
+
+    <!-- Main Content -->
+    <div class="flex-1">
+      <%= turbo_frame_tag "resource_results", data: { turbo_action: "advance" } do %>
+        <div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
+          <% if @collection.any? %>
+          <div class="overflow-x-auto">
+            <table class="min-w-full divide-y divide-slate-200">
+              <thead class="bg-slate-50">
+                <tr>
+                  <%
+                    current_sort = params[:sort]&.to_sym || resource_config.index_config.default_sort
+                    default_direction = resource_config.index_config.default_sort_direction&.to_s || "desc"
+                    current_direction = params[:direction] || (current_sort == resource_config.index_config.default_sort ? default_direction : "asc")
+                  %>
+                  <% resource_config.index_config.columns_list.each do |column| %>
+                    <% is_sortable = column.sortable %>
+                    <% is_current_sort = current_sort == column.name %>
+                    <% next_direction = is_current_sort && current_direction == "asc" ? "desc" : "asc" %>
+
+                    <th class="px-4 py-3 text-left text-xs font-medium text-slate-500 uppercase tracking-wider">
+                      <% if is_sortable %>
+                        <%= link_to url_for(params.permit!.merge(sort: column.name, direction: next_direction)),
+                            class: "inline-flex items-center gap-1 hover:text-slate-900 transition-colors group",
+                            data: { turbo_frame: "resource_results" } do %>
+                          <span class="<%= is_current_sort ? 'text-indigo-600' : '' %>"><%= column.header %></span>
+                          <% if is_current_sort %>
+                            <svg class="w-3.5 h-3.5 text-indigo-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                              <% if current_direction == "asc" %>
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/>
+                              <% else %>
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
+                              <% end %>
+                            </svg>
+                          <% else %>
+                            <svg class="w-3.5 h-3.5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"/>
+                            </svg>
+                          <% end %>
+                        <% end %>
+                      <% else %>
+                        <%= column.header %>
+                      <% end %>
+                    </th>
+                  <% end %>
+                  <th class="px-4 py-3 text-right text-xs font-medium text-slate-500 uppercase tracking-wider">
+                    Actions
+                  </th>
+                </tr>
+              </thead>
+              <tbody class="divide-y divide-slate-200">
+                <% @collection.each do |record| %>
+                  <tr class="hover:bg-slate-50">
+                    <% resource_config.index_config.columns_list.each do |column| %>
+                      <td class="px-4 py-3 text-sm text-slate-900">
+                        <%= render_column_value(record, column) %>
+                      </td>
+                    <% end %>
+                    <td class="px-4 py-3 text-right text-sm">
+                      <div class="flex items-center justify-end gap-2">
+                        <%= link_to url_for(action: :show, id: record.to_param),
+                            class: "inline-flex items-center px-2 py-1 rounded-md text-indigo-700 hover:text-indigo-800 hover:bg-indigo-50 transition-colors",
+                            data: { turbo_frame: "_top" } do %>
+                          View
+                        <% end %>
+                        <% if has_edit_route.call(record) %>
+                          <%= link_to url_for(action: :edit, id: record.to_param),
+                              class: "inline-flex items-center px-2 py-1 rounded-md text-slate-700 hover:text-slate-900 hover:bg-slate-100 transition-colors",
+                              data: { turbo_frame: "_top" } do %>
+                            Edit
+                          <% end %>
+                        <% end %>
+                      </div>
+                    </td>
+                  </tr>
+                <% end %>
+              </tbody>
+            </table>
+          </div>
+
+          <!-- Pagination -->
+          <% if @pagy.pages > 1 %>
+            <div class="px-6 py-4 border-t border-slate-200 dark:border-slate-700">
+              <div class="flex items-center justify-between">
+                <div class="text-sm text-slate-500 dark:text-slate-400">
+                  Showing <span class="font-medium text-slate-700 dark:text-slate-300"><%= @pagy.from %></span> to
+                  <span class="font-medium text-slate-700 dark:text-slate-300"><%= @pagy.to %></span> of
+                  <span class="font-medium text-slate-700 dark:text-slate-300"><%= number_with_delimiter(@pagy.count) %></span> results
+                </div>
+
+                <nav class="flex items-center gap-1">
+                  <% if @pagy.prev %>
+                    <%= link_to url_for(params.permit!.merge(page: @pagy.prev)),
+                        class: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-slate-700 dark:text-slate-300 bg-white dark:bg-slate-700 border border-slate-300 dark:border-slate-600 rounded-lg hover:bg-slate-50 dark:hover:bg-slate-600 transition-colors" do %>
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+                      </svg>
+                      Prev
+                    <% end %>
+                  <% else %>
+                    <span class="inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-slate-400 dark:text-slate-500 bg-slate-100 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg cursor-not-allowed">
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
+                      </svg>
+                      Prev
+                    </span>
+                  <% end %>
+
+                  <div class="hidden sm:flex items-center gap-1 mx-2">
+                    <% @pagy.series.each do |item| %>
+                      <% if item == :gap %>
+                        <span class="px-2 py-1 text-sm text-slate-400 dark:text-slate-500">…</span>
+                      <% elsif item.is_a?(Integer) %>
+                        <%= link_to item, url_for(params.permit!.merge(page: item)),
+                            class: "px-3 py-1.5 text-sm font-medium text-slate-700 dark:text-slate-300 bg-white dark:bg-slate-700 border border-slate-300 dark:border-slate-600 rounded-lg hover:bg-slate-50 dark:hover:bg-slate-600 transition-colors" %>
+                      <% elsif item.is_a?(String) %>
+                        <span class="px-3 py-1.5 text-sm font-medium text-white rounded-lg" style="background: var(--admin-suite-primary); border: 1px solid var(--admin-suite-primary);">
+                          <%= item %>
+                        </span>
+                      <% end %>
+                    <% end %>
+                  </div>
+
+                  <span class="sm:hidden px-3 py-1.5 text-sm text-slate-500 dark:text-slate-400">
+                    Page <%= @pagy.page %> of <%= @pagy.pages %>
+                  </span>
+
+                  <% if @pagy.next %>
+                    <%= link_to url_for(params.permit!.merge(page: @pagy.next)),
+                        class: "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-slate-700 dark:text-slate-300 bg-white dark:bg-slate-700 border border-slate-300 dark:border-slate-600 rounded-lg hover:bg-slate-50 dark:hover:bg-slate-600 transition-colors" do %>
+                      Next
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+                      </svg>
+                    <% end %>
+                  <% else %>
+                    <span class="inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-slate-400 dark:text-slate-500 bg-slate-100 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-lg cursor-not-allowed">
+                      Next
+                      <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
+                      </svg>
+                    </span>
+                  <% end %>
+                </nav>
+              </div>
+            </div>
+          <% else %>
+            <div class="px-6 py-3 border-t border-slate-200 dark:border-slate-700">
+              <div class="text-sm text-slate-500 dark:text-slate-400">
+                Showing <span class="font-medium text-slate-700 dark:text-slate-300"><%= @pagy.count %></span> results
+              </div>
+            </div>
+          <% end %>
+        <% else %>
+          <div class="p-12 text-center">
+            <div class="inline-flex items-center justify-center w-12 h-12 rounded-full bg-slate-100 dark:bg-slate-900 mb-4">
+              <svg class="w-6 h-6 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"/>
+              </svg>
+            </div>
+            <h3 class="text-lg font-medium text-slate-900 dark:text-white">No <%= resource_config.human_name_plural.downcase %> found</h3>
+            <% if has_new_route %>
+              <p class="text-slate-500 dark:text-slate-400 mt-1">Get started by creating your first one.</p>
+              <%= link_to url_for(action: :new),
+                  class: theme_btn_primary_class + " mt-4",
+                  data: { turbo_frame: "_top" } do %>
+                <%= admin_suite_icon("plus", class: "w-4 h-4") %>
+                New <%= resource_config.human_name %>
+              <% end %>
+            <% else %>
+              <p class="text-slate-500 dark:text-slate-400 mt-1">No records have been created yet.</p>
+            <% end %>
+          </div>
+        <% end %>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/admin_suite/resources/new.html.erb

@@ -0,0 +1,22 @@
+<% content_for :title, "New #{resource_config.human_name} - Admin Suite" %>
+
+<div class="px-4 sm:px-6 lg:px-8 max-w-3xl mx-auto">
+  <!-- Header -->
+  <div class="mb-6">
+    <nav class="flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 mb-2">
+      <%= link_to "Dashboard", root_path, class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <%= link_to resource_config.human_name_plural, url_for(action: :index), class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <span class="text-slate-900 dark:text-white">New</span>
+    </nav>
+    <h1 class="text-2xl font-bold text-slate-900 dark:text-white">New <%= resource_config.human_name %></h1>
+  </div>
+
+  <!-- Form -->
+  <div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+    <div class="p-6">
+      <%= render "admin_suite/shared/form", resource: @resource %>
+    </div>
+  </div>
+</div>

data/app/views/admin_suite/resources/show.html.erb

@@ -0,0 +1,184 @@
+<% content_for :title, "#{resource.respond_to?(:name) ? resource.name : "#{resource_config.human_name} ##{resource.id}"} - Admin Suite" %>
+
+<%
+  has_edit_route = begin
+    url_for(action: :edit, id: resource.to_param)
+    true
+  rescue ActionController::UrlGenerationError
+    false
+  end
+
+  has_destroy_route = begin
+    url_for(action: :destroy, id: resource.to_param)
+    true
+  rescue ActionController::UrlGenerationError
+    false
+  end
+
+  sidebar_sections = resource_config.show_config&.sidebar_sections || []
+  main_sections = resource_config.show_config&.main_sections || []
+
+  if sidebar_sections.empty? && main_sections.empty? && resource_config.show_config&.sections_list&.any?
+    main_sections = resource_config.show_config.sections_list
+  end
+%>
+
+<div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
+  <!-- Header -->
+  <div class="mb-6">
+    <nav class="flex items-center gap-2 text-sm text-slate-500 dark:text-slate-400 mb-2">
+      <%= link_to "Dashboard", root_path, class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <%= link_to resource_config.human_name_plural, url_for(action: :index), class: theme_link_hover_text_class %>
+      <%= admin_suite_icon("chevron-right", class: "w-4 h-4") %>
+      <span class="text-slate-900 dark:text-white">
+        <%= resource.respond_to?(:name) ? resource.name.to_s.truncate(30) : "##{resource.id}" %>
+      </span>
+    </nav>
+
+    <div class="flex items-center justify-between">
+      <h1 class="text-2xl font-bold text-slate-900 dark:text-white">
+        <%= resource.respond_to?(:name) ? resource.name : "#{resource_config.human_name} ##{resource.id}" %>
+      </h1>
+      <div class="flex items-center gap-2">
+        <% if has_edit_route %>
+          <%= link_to url_for(action: :edit, id: resource.to_param), class: "inline-flex items-center gap-2 px-4 py-2 bg-slate-100 hover:bg-slate-200 dark:bg-slate-700 dark:hover:bg-slate-600 text-slate-900 dark:text-white text-sm font-medium rounded-lg transition-colors" do %>
+            <svg class="w-4 h-4" 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>
+            Edit
+          <% end %>
+        <% end %>
+        <% if has_destroy_route %>
+          <%= button_to url_for(action: :destroy, id: resource.to_param),
+              method: :delete,
+              form: { data: { turbo_confirm: "Delete this #{resource_config.human_name.downcase}? This cannot be undone.", turbo_frame: "_top" } },
+              class: "inline-flex items-center gap-2 px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm font-medium rounded-lg transition-colors" do %>
+            <svg class="w-4 h-4" 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 %>
+        <% end %>
+      </div>
+    </div>
+  </div>
+
+  <!-- Resource Actions -->
+  <% if resource_config.actions_config&.member_actions&.any? %>
+    <div class="mb-6 flex flex-wrap gap-2">
+      <% resource_config.actions_config.member_actions.each do |action_def| %>
+        <%
+          show_action = true
+          if action_def.if_condition.present?
+            show_action =
+              if action_def.if_condition.arity.zero?
+                resource.instance_exec(&action_def.if_condition)
+              else
+                action_def.if_condition.call(resource)
+              end
+          end
+          if action_def.unless_condition.present? && show_action
+            show_action =
+              if action_def.unless_condition.arity.zero?
+                !resource.instance_exec(&action_def.unless_condition)
+              else
+                !action_def.unless_condition.call(resource)
+              end
+          end
+
+          controller_has_action = controller.action_methods.include?(action_def.name.to_s)
+
+          action_url =
+            if controller_has_action
+              begin
+                url_for(action: action_def.name, id: resource.to_param)
+              rescue ActionController::UrlGenerationError
+                nil
+              end
+            elsif action_def.type == :button
+              execute_action_path(
+                portal: current_portal,
+                resource_name: resource_name,
+                id: resource.to_param,
+                action_name: action_def.name
+              )
+            end
+        %>
+        <% if show_action && action_url %>
+          <% button_class = action_def.color == :danger ? "inline-flex items-center gap-2 px-4 py-2 bg-red-600 hover:bg-red-700 text-white text-sm font-medium rounded-lg transition-colors" : "admin-suite-btn-primary text-sm font-medium rounded-lg" %>
+
+          <% if action_def.type == :modal || action_def.type == :link %>
+            <%= link_to action_url, class: button_class, data: { turbo_frame: "_top" } do %>
+              <%= action_def.label %>
+            <% end %>
+          <% else %>
+            <% form_data = { turbo_frame: "_top" } %>
+            <% form_data[:turbo_confirm] = action_def.confirm if action_def.confirm.present? %>
+            <%= button_to action_url,
+                method: action_def.method || :post,
+                form: { data: form_data },
+                class: button_class do %>
+              <%= action_def.label %>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+    </div>
+  <% end %>
+
+  <!-- Two Column Layout -->
+  <div class="flex flex-col lg:flex-row gap-6">
+    <!-- Sidebar (Left Column) -->
+    <% if sidebar_sections.any? %>
+      <div class="lg:w-80 flex-shrink-0 space-y-6">
+        <% sidebar_sections.each do |section| %>
+          <%= render_show_section(resource, section, :sidebar) %>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="lg:w-80 flex-shrink-0 space-y-6">
+        <div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+          <div class="px-4 py-3 border-b border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900/50">
+            <h3 class="font-medium text-slate-900 dark:text-white text-sm">Details</h3>
+          </div>
+          <div class="p-4 space-y-3">
+            <div class="flex justify-between items-start">
+              <span class="text-xs font-medium text-slate-500 dark:text-slate-400 uppercase tracking-wider">ID</span>
+              <span class="text-sm font-mono text-slate-900 dark:text-white"><%= resource.id %></span>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+
+    <!-- Main Content (Right Column) -->
+    <div class="flex-1 space-y-6 min-w-0">
+      <% if main_sections.any? %>
+        <% main_sections.each do |section| %>
+          <%= render_show_section(resource, section, :main) %>
+        <% end %>
+      <% else %>
+        <div class="bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 overflow-hidden">
+          <div class="px-6 py-4 border-b border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900/50">
+            <h3 class="font-medium text-slate-900 dark:text-white">All Attributes</h3>
+          </div>
+          <div class="p-6">
+            <dl class="space-y-6">
+              <% resource.attributes.except("id", "created_at", "updated_at").each do |attr, _value| %>
+                <div>
+                  <dt class="text-sm font-medium text-slate-500 dark:text-slate-400 mb-2">
+                    <%= attr.humanize %>
+                  </dt>
+                  <dd class="text-sm text-slate-900 dark:text-white">
+                    <%= format_show_value(resource, attr) %>
+                  </dd>
+                </div>
+              <% end %>
+            </dl>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>

data/app/views/admin_suite/shared/_flash.html.erb

@@ -0,0 +1,30 @@
+<% if flash.any? %>
+  <div class="fixed top-4 right-4 z-50 space-y-2 max-w-md">
+    <% flash.each do |type, message| %>
+      <% type = type.to_sym %>
+      <% classes = case type
+        when :notice
+          "bg-green-50 border-green-200 text-green-800"
+        when :alert
+          "bg-red-50 border-red-200 text-red-800"
+        when :warning
+          "bg-amber-50 border-amber-200 text-amber-800"
+        else
+          "admin-suite-flash--info"
+      end %>
+
+      <div class="flex items-start gap-3 px-5 py-4 rounded-lg shadow-lg border <%= classes %>">
+        <div class="flex-shrink-0 mt-0.5">
+          <% icon_name = case type
+            when :notice then "check-circle-2"
+            when :alert then "alert-triangle"
+            when :warning then "triangle-alert"
+            else "info"
+          end %>
+          <%= admin_suite_icon(icon_name, class: "w-5 h-5") %>
+        </div>
+        <p class="flex-1 text-sm font-medium leading-snug"><%= message %></p>
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/admin_suite/shared/_form.html.erb

@@ -0,0 +1,60 @@
+<%# Generic form for resources based on form_config %>
+
+<%= form_with model: resource, url: resource.new_record? ? url_for(action: :create) : url_for(action: :update, id: resource.to_param), local: true, class: "space-y-6" do |f| %>
+  <% if resource.errors.any? %>
+    <div class="p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg">
+      <div class="flex items-start gap-3">
+        <svg class="w-5 h-5 text-red-500 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
+        </svg>
+        <div>
+          <h3 class="text-sm font-medium text-red-800 dark:text-red-200">
+            <%= pluralize(resource.errors.count, "error") %> prohibited this record from being saved:
+          </h3>
+          <ul class="mt-2 text-sm text-red-700 dark:text-red-300 list-disc list-inside">
+            <% resource.errors.full_messages.each do |message| %>
+              <li><%= message %></li>
+            <% end %>
+          </ul>
+        </div>
+      </div>
+    </div>
+  <% end %>
+
+  <% resource_config.form_config&.fields_list&.each do |field| %>
+    <% case field %>
+    <% when Admin::Base::Resource::SectionDefinition %>
+      <div class="border-t border-slate-200 dark:border-slate-700 pt-6 mt-6">
+        <h3 class="text-lg font-medium text-slate-900 dark:text-white mb-1"><%= field.title %></h3>
+        <% if field.description.present? %>
+          <p class="text-sm text-slate-500 dark:text-slate-400 mb-4"><%= field.description %></p>
+        <% end %>
+      </div>
+    <% when Admin::Base::Resource::SectionEnd %>
+      <%# Section end marker %>
+    <% when Admin::Base::Resource::RowDefinition %>
+      <%# Row layout markers are handled by helpers for now %>
+    <% when Admin::Base::Resource::RowEnd %>
+      <%# Row end marker %>
+    <% when Admin::Base::Resource::FieldDefinition %>
+      <%= render_form_field(f, field, resource) %>
+    <% end %>
+  <% end %>
+
+  <% if resource_config.form_config&.fields_list.blank? %>
+    <!-- Default fields if no form config -->
+    <% resource.class.column_names.reject { |c| %w[id created_at updated_at].include?(c) }.each do |column| %>
+      <div class="form-group">
+        <%= f.label column, class: "form-label" %>
+        <%= f.text_field column, class: "form-input w-full" %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <div class="flex items-center justify-end gap-3 pt-6 border-t border-slate-200 dark:border-slate-700">
+    <%= link_to "Cancel", resource.new_record? ? url_for(action: :index) : url_for(action: :show, id: resource.to_param), class: "px-4 py-2 text-sm font-medium text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 rounded-lg transition-colors" %>
+    <%= f.button class: theme_btn_primary_small_class, data: { disable_with: "Saving..." } do %>
+      <%= resource.new_record? ? "Create #{resource_config.human_name}" : "Save Changes" %>
+    <% end %>
+  </div>
+<% end %>