super_admin 0.2.0

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

@@ -0,0 +1,189 @@
+<% content_for :title, model_display_name(@model_class) %>
+<% content_for :breadcrumbs do %>
+  <li class="flex items-center">
+    <svg class="h-5 w-5 text-gray-400 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"></path>
+    </svg>
+    <span class="text-gray-900 font-medium"><%= model_display_name(@model_class) %></span>
+  </li>
+<% end %>
+
+<% applied_filters = @applied_filters || {} %>
+
+<div class="max-w-full mx-auto">
+  <!-- Flash messages container for Turbo Streams -->
+  <div id="flash_messages"></div>
+  <!-- Header -->
+  <div class="mb-4 sm:mb-6 flex flex-col gap-3 sm:gap-4 md:flex-row md:items-center md:justify-between">
+    <div class="min-w-0 flex-1">
+      <h1 class="text-2xl sm:text-3xl font-bold text-gray-900 truncate"><%= model_display_name(@model_class) %></h1>
+      <p class="mt-1 text-xs sm:text-sm text-gray-600">
+        <%= t("super_admin.resources.index.records_count", count: @pagy.count, total: number_with_delimiter(@pagy.count)) %>
+      </p>
+    </div>
+    <div class="flex flex-wrap gap-2">
+      <%= button_to t("super_admin.resources.index.export_csv"), super_admin_exports_path, method: :post, params: { resource: params[:resource], search: params[:search], sort: params[:sort], direction: params[:direction], filters: applied_filters.presence }, form_class: "inline-block", class: "inline-flex items-center px-3 sm:px-4 py-2 border border-gray-300 text-xs sm:text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" %>
+      <%= link_to t("super_admin.resources.index.new"), super_admin_new_resource_path(resource: params[:resource]), class: "inline-flex items-center px-3 sm:px-4 py-2 border border-transparent text-xs sm:text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover-bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus-ring-blue-500" %>
+    </div>
+  </div>
+
+  <!-- Search & Filters -->
+  <%= form_with url: super_admin_resources_path(resource: params[:resource]), method: :get, local: true, class: "mb-6 sm:mb-8 space-y-4" do %>
+    <div class="flex flex-col gap-3 sm:flex-row bg-white rounded-lg shadow-sm border border-gray-200 p-3 sm:p-4">
+      <%= text_field_tag :search, params[:search], placeholder: t("super_admin.resources.shared.search_placeholder"), class: "flex-1 rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 text-sm sm:text-base px-3 sm:px-4 py-2 sm:py-2.5" %>
+      <div class="flex gap-2">
+        <% if params[:sort].present? %>
+          <%= hidden_field_tag :sort, params[:sort] %>
+        <% end %>
+        <% if params[:direction].present? %>
+          <%= hidden_field_tag :direction, params[:direction] %>
+        <% end %>
+        <%= submit_tag t("super_admin.resources.shared.search_button"), class: "inline-flex items-center px-3 sm:px-4 py-2 border border-transparent text-xs sm:text-sm font-medium rounded-md text-white bg-gray-700 hover-bg-gray-800 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-500 transition-colors" %>
+        <% if params[:search].present? %>
+          <%= link_to t("super_admin.resources.shared.reset_filters"), super_admin_resources_path(resource: params[:resource]), class: "inline-flex items-center px-3 sm:px-4 py-2 border border-gray-300 text-xs sm:text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus-ring-blue-500 transition-colors" %>
+        <% end %>
+      </div>
+    </div>
+
+    <% if @filter_definitions.any? %>
+      <div class="rounded-lg border border-gray-200 bg-white shadow-sm overflow-hidden">
+        <div class="bg-gradient-to-r from-gray-50 to-gray-100 px-4 sm:px-6 py-3 sm:py-4 border-b border-gray-200">
+          <h2 class="text-xs sm:text-sm font-semibold text-gray-800 flex items-center">
+            <svg class="h-4 w-4 sm:h-5 sm:w-5 mr-2 text-gray-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z"></path>
+            </svg>
+            <%= t("super_admin.resources.shared.advanced_filters") %>
+          </h2>
+        </div>
+        <div class="px-4 sm:px-6 py-4 sm:py-5">
+          <div class="grid gap-4 sm:gap-6 sm:grid-cols-2 lg:grid-cols-3">
+            <% @filter_definitions.each do |definition| %>
+              <div class="space-y-2">
+                <label class="block text-xs font-semibold text-gray-700 uppercase tracking-wider"><%= definition.label %></label>
+              <% case definition.type
+                 when :string, :text %>
+                <%= text_field_tag "filters[#{definition.attribute}_contains]", filter_value(applied_filters, "#{definition.attribute}_contains"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2", placeholder: t("super_admin.resources.shared.contains_placeholder") %>
+              <% when :boolean %>
+                <% options = [[t("super_admin.resources.shared.boolean_options.placeholder"), ""], [t("super_admin.resources.shared.boolean_options.yes"), "true"], [t("super_admin.resources.shared.boolean_options.no"), "false"]] %>
+                <%= select_tag "filters[#{definition.attribute}_equals]", options_for_select(options, filter_value(applied_filters, "#{definition.attribute}_equals")), include_blank: false, class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2" %>
+              <% when :enum %>
+                <% enum_options = [[t("super_admin.resources.shared.boolean_options.placeholder"), ""]] + definition.options.map { |opt| [opt.to_s.humanize, opt] } %>
+                <%= select_tag "filters[#{definition.attribute}_equals]", options_for_select(enum_options, filter_value(applied_filters, "#{definition.attribute}_equals")), include_blank: false, class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2" %>
+              <% when :integer %>
+                <div class="flex gap-2">
+                  <%= number_field_tag "filters[#{definition.attribute}_min]", filter_value(applied_filters, "#{definition.attribute}_min"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2", placeholder: t("super_admin.resources.shared.min_placeholder"), step: 1 %>
+                  <%= number_field_tag "filters[#{definition.attribute}_max]", filter_value(applied_filters, "#{definition.attribute}_max"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2", placeholder: t("super_admin.resources.shared.max_placeholder"), step: 1 %>
+                </div>
+              <% when :float, :decimal %>
+                <div class="flex gap-2">
+                  <%= number_field_tag "filters[#{definition.attribute}_min]", filter_value(applied_filters, "#{definition.attribute}_min"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2", placeholder: t("super_admin.resources.shared.min_placeholder"), step: 0.01 %>
+                  <%= number_field_tag "filters[#{definition.attribute}_max]", filter_value(applied_filters, "#{definition.attribute}_max"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2", placeholder: t("super_admin.resources.shared.max_placeholder"), step: 0.01 %>
+                </div>
+              <% when :date %>
+                <div class="flex gap-2">
+                  <%= date_field_tag "filters[#{definition.attribute}_from]", filter_date_value(applied_filters, "#{definition.attribute}_from"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2" %>
+                  <%= date_field_tag "filters[#{definition.attribute}_to]", filter_date_value(applied_filters, "#{definition.attribute}_to"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2" %>
+                </div>
+              <% when :datetime %>
+                <div class="flex gap-2">
+                  <%= datetime_field_tag "filters[#{definition.attribute}_from]", filter_datetime_value(applied_filters, "#{definition.attribute}_from"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2" %>
+                  <%= datetime_field_tag "filters[#{definition.attribute}_to]", filter_datetime_value(applied_filters, "#{definition.attribute}_to"), class: "w-full rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 sm:text-sm bg-white px-3 py-2" %>
+                </div>
+              <% end %>
+            </div>
+          <% end %>
+        </div>
+        <div class="px-4 sm:px-6 mt-4 sm:mt-6 pt-4 border-t border-gray-200 flex flex-col sm:flex-row justify-end gap-2 sm:gap-3">
+          <%= link_to t("super_admin.resources.shared.clear_filters"), super_admin_resources_path(resource: params[:resource], search: params[:search], sort: params[:sort], direction: params[:direction]), class: "inline-flex items-center justify-center px-4 py-2 border border-gray-300 text-xs sm:text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus-ring-blue-500 transition-colors" %>
+          <%= submit_tag t("super_admin.resources.shared.apply_filters"), class: "inline-flex items-center justify-center px-4 py-2 border border-transparent text-xs sm:text-sm font-medium rounded-md text-white bg-blue-600 hover-bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus-ring-blue-500 shadow-sm transition-colors" %>
+        </div>
+      </div>
+    </div>
+  <% end %>
+  <% end %>
+
+  <!-- Table & Bulk actions -->
+  <%= form_with url: super_admin_bulk_action_path(resource: params[:resource]), method: :post, local: true, data: { controller: "super-admin--bulk-selection" }, class: "bg-white rounded-lg shadow overflow-hidden border border-gray-200" do %>
+    <%= hidden_field_tag :search, params[:search] if params[:search].present? %>
+    <%= hidden_field_tag :sort, params[:sort] if params[:sort].present? %>
+    <%= hidden_field_tag :direction, params[:direction] if params[:direction].present? %>
+    <% applied_filters.each do |key, value| %>
+      <%= hidden_field_tag "filters[#{key}]", value %>
+    <% end %>
+
+    <div class="flex flex-col gap-2 border-b border-gray-200 bg-gray-50 p-3 sm:p-4 sm:flex-row sm:items-center sm:justify-between">
+      <div class="text-xs sm:text-sm text-gray-600" data-super-admin--bulk-selection-target="summary">
+        <span data-super-admin--bulk-selection-target="counter">0</span> <%= t("super_admin.resources.shared.bulk.selected_suffix") %>
+      </div>
+      <div class="flex flex-col sm:flex-row gap-2">
+        <%= select_tag :bulk_action, options_for_select([[t("super_admin.resources.shared.bulk.action_placeholder"), ""], [t("super_admin.resources.shared.bulk.destroy_action"), "destroy"]]), class: "rounded-md border-2 border-gray-300 shadow-sm focus:border-blue-500 focus-ring-blue-500 text-xs sm:text-sm px-3 py-2" %>
+        <%= submit_tag t("super_admin.resources.shared.bulk.apply"), class: "inline-flex items-center justify-center px-3 sm:px-4 py-2 border border-transparent text-xs sm:text-sm font-medium rounded-md text-white bg-red-600 hover-bg-red-700", data: { turbo_confirm: t("super_admin.resources.shared.bulk.confirm") } %>
+      </div>
+    </div>
+
+    <% if @resources.any? %>
+      <div class="overflow-x-auto -mx-3 sm:mx-0">
+        <div class="inline-block min-w-full align-middle">
+          <table class="min-w-full divide-y divide-gray-200">
+            <thead class="bg-gray-50">
+              <tr>
+                <th scope="col" class="w-12 px-3 sm:px-4 py-3">
+                  <%= check_box_tag "select_all", "1", false,
+                      id: "select_all",
+                      class: "rounded border-gray-300",
+                      aria: { label: t("super_admin.resources.shared.bulk.select_all_label") },
+                      data: { action: "super-admin--bulk-selection#toggleAll", super_admin__bulk_selection_target: "toggle" } %>
+                </th>
+                <% @attributes.first(8).each do |attr| %>
+                  <th scope="col" class="px-3 sm:px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider whitespace-nowrap">
+                    <%= @model_class.human_attribute_name(attr) %>
+                  </th>
+                <% end %>
+                <th scope="col" class="px-3 sm:px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase tracking-wider whitespace-nowrap">
+                  <%= t("super_admin.resources.index.actions_header") %>
+                </th>
+              </tr>
+            </thead>
+            <tbody class="bg-white divide-y divide-gray-200">
+            <% @resources.each do |resource| %>
+              <tr id="resource_row_<%= resource.id %>" class="hover:bg-gray-50">
+                <td class="px-3 sm:px-4 py-3 sm:py-4">
+                  <%= check_box_tag "resource_ids[]", resource.id, false,
+                      id: "resource_#{resource.id}",
+                      class: "rounded border-gray-300",
+                      aria: { label: t("super_admin.resources.shared.bulk.select_item_label", id: resource.id) },
+                      data: { action: "super-admin--bulk-selection#itemChanged", super_admin__bulk_selection_target: "checkbox" } %>
+                </td>
+                <% @attributes.first(8).each do |attr| %>
+                  <td class="px-3 sm:px-6 py-3 sm:py-4 text-xs sm:text-sm text-gray-900">
+                    <div class="max-w-xs truncate">
+                      <%= truncate(format_attribute_value(resource, attr), length: 50) %>
+                    </div>
+                  </td>
+                <% end %>
+                <td class="px-3 sm:px-6 py-3 sm:py-4 whitespace-nowrap text-right text-xs sm:text-sm font-medium">
+                  <div class="flex justify-end gap-2 sm:space-x-2">
+                    <%= link_to t("super_admin.resources.index.view"), super_admin_resource_path(resource: params[:resource], id: resource.id), class: "text-blue-600 hover-text-blue-900" %>
+                    <%= link_to t("super_admin.resources.index.edit"), super_admin_edit_resource_path(resource: params[:resource], id: resource.id), class: "text-indigo-600 hover:text-indigo-900" %>
+                    <%= link_to t("super_admin.resources.index.delete"), super_admin_resource_path(resource: params[:resource], id: resource.id), data: { turbo_method: :delete, turbo_confirm: t("super_admin.resources.index.delete_confirm") }, class: "text-red-600 hover-text-red-900" %>
+                  </div>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+        </div>
+      </div>
+    <% else %>
+      <div class="p-4 sm:p-6 text-center text-xs sm:text-sm text-gray-500">
+        <%= t("super_admin.resources.index.empty_state") %>
+      </div>
+    <% end %>
+
+    <% if @pagy.pages > 1 %>
+      <div class="bg-white px-3 sm:px-4 py-3 border-t border-gray-200 sm:px-6">
+        <%== pagy_nav(@pagy) %>
+      </div>
+    <% end %>
+  <% end %>
+</div>

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

@@ -0,0 +1,31 @@
+<% content_for :title, t("super_admin.resources.new.page_title", model: model_display_name(@model_class)) %>
+<% content_for :breadcrumbs do %>
+  <li class="flex items-center">
+    <svg class="h-5 w-5 text-gray-400 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"></path>
+    </svg>
+    <%= link_to model_display_name(@model_class), super_admin_resources_path(resource: params[:resource]), class: "text-blue-600 hover-text-blue-800" %>
+  </li>
+  <li class="flex items-center">
+    <svg class="h-5 w-5 text-gray-400 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"></path>
+    </svg>
+    <span class="text-gray-900 font-medium"><%= t("super_admin.resources.new.breadcrumb") %></span>
+  </li>
+<% end %>
+
+<div class="max-w-3xl mx-auto">
+  <!-- Header -->
+  <div class="mb-6">
+    <h1 class="text-3xl font-bold text-gray-900">
+      <%= t("super_admin.resources.new.heading", model: @model_class.model_name.human.downcase) %>
+    </h1>
+  </div>
+
+  <!-- Form Card -->
+  <div class="bg-white rounded-lg shadow border border-gray-200">
+    <div class="px-6 py-8">
+      <%= render "form", resource: @resource, model_class: @model_class, editable_attributes: @editable_attributes %>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,106 @@
+<% content_for :title, t("super_admin.resources.show.page_title", model: model_display_name(@model_class)) %>
+<% content_for :breadcrumbs do %>
+  <li class="flex items-center">
+    <svg class="h-5 w-5 text-gray-400 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"></path>
+    </svg>
+    <%= link_to model_display_name(@model_class), super_admin_resources_path(resource: params[:resource]), class: "text-blue-600 hover-text-blue-800" %>
+  </li>
+  <li class="flex items-center">
+    <svg class="h-5 w-5 text-gray-400 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"></path>
+    </svg>
+    <span class="text-gray-900 font-medium"><%= t("super_admin.resources.show.breadcrumb_id", id: @resource.id) %></span>
+  </li>
+<% end %>
+
+<div class="max-w-4xl mx-auto">
+  <!-- Header -->
+  <div class="mb-6 flex items-center justify-between">
+    <div>
+      <h1 class="text-3xl font-bold text-gray-900">
+        <%= t("super_admin.resources.show.heading", model: model_display_name(@model_class), id: @resource.id) %>
+      </h1>
+    </div>
+    <div class="flex space-x-2">
+      <%= link_to t("super_admin.resources.show.edit"), super_admin_edit_resource_path(resource: params[:resource], id: @resource.id), class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover-bg-blue-700" %>
+      <%= button_to t("super_admin.resources.show.delete"), super_admin_resource_path(resource: params[:resource], id: @resource.id), method: :delete, data: { turbo_confirm: t("super_admin.resources.show.delete_confirm") }, class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-red-600 hover-bg-red-700" %>
+    </div>
+  </div>
+
+  <!-- Attributes Card -->
+  <div class="bg-white rounded-lg shadow border border-gray-200 overflow-hidden mb-6">
+    <div class="px-6 py-4 border-b border-gray-200">
+      <h2 class="text-lg font-medium text-gray-900"><%= t("super_admin.resources.show.attributes") %></h2>
+    </div>
+    <div class="px-6 py-4">
+      <dl class="grid grid-cols-1 gap-x-4 gap-y-6 sm:grid-cols-2">
+        <% @attributes.each do |attr| %>
+          <div>
+            <dt class="text-sm font-medium text-gray-500">
+              <%= @model_class.human_attribute_name(attr) %>
+            </dt>
+            <dd class="mt-1 text-sm text-gray-900">
+              <%= format_attribute_value(@resource, attr) %>
+            </dd>
+          </div>
+        <% end %>
+      </dl>
+    </div>
+  </div>
+
+  <!-- Associations -->
+  <% if @associations.any? %>
+    <div class="bg-white rounded-lg shadow border border-gray-200 overflow-hidden">
+      <div class="px-6 py-4 border-b border-gray-200">
+        <h2 class="text-lg font-medium text-gray-900"><%= t("super_admin.resources.show.associations") %></h2>
+      </div>
+      <div class="px-6 py-4">
+        <dl class="space-y-4">
+          <% @associations.each do |assoc| %>
+            <div>
+              <dt class="text-sm font-medium text-gray-500">
+                <%= assoc.name.to_s.humanize %>
+                <span class="ml-2 text-xs text-gray-400">(<%= assoc.macro %>)</span>
+              </dt>
+              <dd class="mt-1 text-sm text-gray-900">
+                <% if assoc.macro == :has_many %>
+                  <% count = @association_counts.fetch(assoc.name, 0) %>
+                  <% if count.positive? %>
+                    <% counter = content_tag(:span, count, class: "font-medium") %>
+                    <%= t("super_admin.resources.show.association_count_html", count: count, number: counter) %>
+                  <% else %>
+                    <span class="text-gray-400 italic"><%= t("super_admin.resources.show.association_none") %></span>
+                  <% end %>
+                <% else %>
+                  <% begin %>
+                    <% associated = @resource.public_send(assoc.name) %>
+                    <% if associated.nil? %>
+                      <span class="text-gray-400 italic"><%= t("super_admin.resources.show.association_none") %></span>
+                    <% elsif associated.is_a?(ActiveRecord::Base) %>
+                      <span class="font-medium">#<%= associated.id %></span>
+                    <% else %>
+                      <%= associated.to_s %>
+                    <% end %>
+                  <% rescue StandardError => e %>
+                    <span class="text-red-600 text-xs"><%= t("super_admin.resources.show.association_error", message: e.message) %></span>
+                  <% end %>
+                <% end %>
+              </dd>
+            </div>
+          <% end %>
+        </dl>
+      </div>
+    </div>
+  <% end %>
+
+  <!-- Timestamps -->
+  <div class="mt-6 text-sm text-gray-500 text-center">
+    <% if @resource.respond_to?(:created_at) %>
+      <%= t("super_admin.resources.show.created_at", date: l(@resource.created_at, format: :long)) %>
+    <% end %>
+    <% if @resource.respond_to?(:updated_at) && @resource.updated_at != @resource.created_at %>
+      • <%= t("super_admin.resources.show.updated_at", date: l(@resource.updated_at, format: :long)) %>
+    <% end %>
+  </div>
+</div>

data/app/views/super_admin/shared/_breadcrumbs.html.erb

@@ -0,0 +1,12 @@
+<nav class="flex overflow-x-auto" aria-label="Breadcrumb">
+  <ol class="flex items-center space-x-1 sm:space-x-2 text-xs sm:text-sm whitespace-nowrap">
+    <li class="flex-shrink-0">
+      <%= link_to super_admin_root_path, class: "text-gray-500 hover:text-gray-700" do %>
+        <svg class="h-4 w-4 sm:h-5 sm:w-5" fill="currentColor" viewBox="0 0 20 20">
+          <path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path>
+        </svg>
+      <% end %>
+    </li>
+    <%= content_for(:breadcrumbs) if content_for?(:breadcrumbs) %>
+  </ol>
+</nav>

data/app/views/super_admin/shared/_custom_styles.html.erb

@@ -0,0 +1,132 @@
+<style>
+  /* SuperAdmin Custom Colors - Embedded for compatibility with Propshaft */
+
+  /* Background Colors - White & Gray */
+  .bg-white { background-color: #ffffff !important; }
+  .bg-gray-50 { background-color: #f9fafb !important; }
+  .bg-gray-100 { background-color: #f3f4f6 !important; }
+  .bg-gray-200 { background-color: #e5e7eb !important; }
+  .bg-gray-300 { background-color: #d1d5db !important; }
+  .bg-gray-800 { background-color: #1f2937 !important; }
+  .bg-gray-900 { background-color: #111827 !important; }
+
+  /* Background Colors - Blue */
+  .bg-blue-50 { background-color: #eff6ff !important; }
+  .bg-blue-100 { background-color: #dbeafe !important; }
+  .bg-blue-200 { background-color: #bfdbfe !important; }
+  .bg-blue-500 { background-color: #3b82f6 !important; }
+  .bg-blue-600 { background-color: #2563eb !important; }
+  .bg-blue-700 { background-color: #1d4ed8 !important; }
+  .bg-blue-900 { background-color: #1e3a8a !important; }
+
+  /* Background Colors - Red */
+  .bg-red-50 { background-color: #fef2f2 !important; }
+  .bg-red-100 { background-color: #fee2e2 !important; }
+  .bg-red-200 { background-color: #fecaca !important; }
+  .bg-red-400 { background-color: #f87171 !important; }
+  .bg-red-600 { background-color: #dc2626 !important; }
+  .bg-red-700 { background-color: #b91c1c !important; }
+  .bg-red-900 { background-color: #7f1d1d !important; }
+
+  /* Background Colors - Green */
+  .bg-green-50 { background-color: #f0fdf4 !important; }
+  .bg-green-100 { background-color: #dcfce7 !important; }
+  .bg-green-200 { background-color: #bbf7d0 !important; }
+  .bg-green-500 { background-color: #22c55e !important; }
+  .bg-green-600 { background-color: #16a34a !important; }
+  .bg-green-700 { background-color: #15803d !important; }
+  .bg-green-900 { background-color: #14532d !important; }
+
+  /* Background Colors - Yellow */
+  .bg-yellow-50 { background-color: #fefce8 !important; }
+  .bg-yellow-100 { background-color: #fef9c3 !important; }
+  .bg-yellow-200 { background-color: #fef08a !important; }
+  .bg-yellow-600 { background-color: #ca8a04 !important; }
+  .bg-yellow-700 { background-color: #a16207 !important; }
+  .bg-yellow-900 { background-color: #713f12 !important; }
+
+  /* Gradient Backgrounds */
+  .bg-gradient-blue { background: linear-gradient(to right, #eff6ff, #dbeafe) !important; }
+  .bg-gradient-green { background: linear-gradient(to right, #f0fdf4, #dcfce7) !important; }
+  .bg-gradient-yellow { background: linear-gradient(to right, #fefce8, #fef9c3) !important; }
+  .bg-gradient-red { background: linear-gradient(to right, #fef2f2, #fee2e2) !important; }
+
+  /* Text Colors - White & Gray */
+  .text-white { color: #ffffff !important; }
+  .text-gray-300 { color: #d1d5db !important; }
+  .text-gray-400 { color: #9ca3af !important; }
+  .text-gray-500 { color: #6b7280 !important; }
+  .text-gray-600 { color: #4b5563 !important; }
+  .text-gray-700 { color: #374151 !important; }
+  .text-gray-800 { color: #1f2937 !important; }
+  .text-gray-900 { color: #111827 !important; }
+
+  /* Text Colors - Blue */
+  .text-blue-400 { color: #60a5fa !important; }
+  .text-blue-600 { color: #2563eb !important; }
+  .text-blue-700 { color: #1d4ed8 !important; }
+  .text-blue-800 { color: #1e40af !important; }
+  .text-blue-900 { color: #1e3a8a !important; }
+
+  /* Text Colors - Red */
+  .text-red-400 { color: #f87171 !important; }
+  .text-red-600 { color: #dc2626 !important; }
+  .text-red-700 { color: #b91c1c !important; }
+  .text-red-800 { color: #991b1b !important; }
+  .text-red-900 { color: #7f1d1d !important; }
+
+  /* Text Colors - Green */
+  .text-green-600 { color: #16a34a !important; }
+  .text-green-700 { color: #15803d !important; }
+  .text-green-900 { color: #14532d !important; }
+
+  /* Text Colors - Yellow */
+  .text-yellow-600 { color: #ca8a04 !important; }
+  .text-yellow-700 { color: #a16207 !important; }
+  .text-yellow-900 { color: #713f12 !important; }
+
+  /* Border Colors */
+  .border-gray-200 { border-color: #e5e7eb !important; }
+  .border-gray-300 { border-color: #d1d5db !important; }
+  .border-gray-800 { border-color: #1f2937 !important; }
+  .border-blue-200 { border-color: #bfdbfe !important; }
+  .border-blue-300 { border-color: #93c5fd !important; }
+  .border-blue-400 { border-color: #60a5fa !important; }
+  .border-green-200 { border-color: #bbf7d0 !important; }
+  .border-yellow-200 { border-color: #fef08a !important; }
+  .border-red-200 { border-color: #fecaca !important; }
+
+  /* Hover - Background */
+  .hover-bg-gray-50:hover { background-color: #f9fafb !important; }
+  .hover-bg-gray-100:hover { background-color: #f3f4f6 !important; }
+  .hover-bg-gray-800:hover { background-color: #1f2937 !important; }
+  .hover-bg-blue-600:hover { background-color: #2563eb !important; }
+  .hover-bg-blue-700:hover { background-color: #1d4ed8 !important; }
+  .hover-bg-red-600:hover { background-color: #dc2626 !important; }
+  .hover-bg-red-700:hover { background-color: #b91c1c !important; }
+
+  /* Hover - Text */
+  .hover-text-white:hover { color: #ffffff !important; }
+  .hover-text-gray-700:hover { color: #374151 !important; }
+  .hover-text-gray-900:hover { color: #111827 !important; }
+  .hover-text-blue-700:hover { color: #1d4ed8 !important; }
+  .hover-text-blue-800:hover { color: #1e40af !important; }
+  .hover-text-blue-900:hover { color: #1e3a8a !important; }
+  .hover-text-red-900:hover { color: #7f1d1d !important; }
+
+  /* Hover - Border */
+  .hover-border-blue-400:hover { border-color: #60a5fa !important; }
+
+  /* Focus - Ring */
+  .focus-ring-blue-500:focus {
+    outline: none !important;
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5) !important;
+  }
+
+  /* Special opacity backgrounds for badges */
+  .bg-blue-opacity { background-color: rgba(37, 99, 235, 0.1) !important; }
+  .bg-green-opacity { background-color: rgba(34, 197, 94, 0.1) !important; }
+  .bg-yellow-opacity { background-color: rgba(202, 138, 4, 0.1) !important; }
+  .bg-red-opacity { background-color: rgba(220, 38, 38, 0.1) !important; }
+  .bg-blue-900-opacity { background-color: rgba(30, 58, 138, 0.5) !important; }
+</style>

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

@@ -0,0 +1,55 @@
+<%# Tailwind-based flash message used within SuperAdmin without ViewComponent dependency %>
+<% flash_configs = {
+     notice: {
+       container_classes: "bg-blue-50 border-blue-200 text-blue-900",
+       badge_classes: "bg-blue-100 text-blue-700",
+       badge_label: "I"
+     },
+     success: {
+       container_classes: "bg-green-50 border-green-200 text-green-900",
+       badge_classes: "bg-green-100 text-green-700",
+       badge_label: "✓"
+     },
+     alert: {
+       container_classes: "bg-yellow-50 border-yellow-200 text-yellow-900",
+       badge_classes: "bg-yellow-100 text-yellow-700",
+       badge_label: "!"
+     },
+     error: {
+       container_classes: "bg-red-50 border-red-200 text-red-900",
+       badge_classes: "bg-red-100 text-red-700",
+       badge_label: "✕"
+     }
+   }.freeze %>
+<% selected_config = flash_configs[type.to_sym] || flash_configs[:notice] %>
+
+<div
+  data-controller="super-admin--flash"
+  data-super-admin--flash-auto-dismiss-value="5000"
+  class="flash-message w-full overflow-hidden rounded-lg border shadow-md transition-all <%= selected_config[:container_classes] %>"
+  role="alert"
+  aria-live="polite"
+>
+  <div class="flex items-start gap-3 p-4">
+    <div class="flex-shrink-0 mt-0.5">
+      <div class="flex h-6 w-6 items-center justify-center rounded-full text-xs font-semibold <%= selected_config[:badge_classes] %>">
+        <%= selected_config[:badge_label] %>
+      </div>
+    </div>
+
+    <div class="flex-1 pt-0.5">
+      <p class="text-sm font-medium leading-relaxed"><%= message %></p>
+    </div>
+
+    <button
+      type="button"
+      data-action="click->super-admin--flash#close"
+      class="flex-shrink-0 inline-flex rounded-lg p-1.5 hover:bg-black/5 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-current transition-colors"
+      aria-label="<%= t('super_admin.actions.close') %>"
+    >
+      <%= tag.svg(viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", class: "h-5 w-5", aria: { hidden: true }) do %>
+        <%= tag.path(d: "M6 6l12 12M6 18L18 6", stroke_linecap: "round", stroke_linejoin: "round", stroke_width: "1.5") %>
+      <% end %>
+    </button>
+  </div>
+</div>

data/app/views/super_admin/shared/_form_field.html.erb

@@ -0,0 +1,35 @@
+<%# Rendu d'un champ de formulaire selon son type %>
+<%# Locals: form, model_class, attribute_name %>
+
+<% builder = SuperAdmin::FormBuilder.new(model_class: model_class, form: form, attribute_name: attribute_name) %>
+
+<% if builder.field_type == :nested %>
+  <%= builder.build_field %>
+<% else %>
+  <div class="mb-4">
+    <%= form.label attribute_name, builder.field_label, class: "block text-sm font-medium text-gray-700 mb-1" %>
+
+    <% case builder.field_type %>
+    <% when :boolean %>
+      <div class="flex items-center">
+        <%= builder.build_field %>
+        <span class="ml-2 text-sm text-gray-600"><%= t("super_admin.resources.form.boolean_hint") %></span>
+      </div>
+    <% else %>
+      <%= builder.build_field %>
+    <% end %>
+
+    <% if form.object.errors[attribute_name].any? %>
+      <p class="mt-1 text-sm text-red-600">
+        <%= form.object.errors[attribute_name].to_sentence %>
+      </p>
+    <% end %>
+
+    <% column = model_class.columns_hash[attribute_name.to_s] %>
+    <% if column && column.comment.present? %>
+      <p class="mt-1 text-xs text-gray-500">
+        <%= column.comment %>
+      </p>
+    <% end %>
+  </div>
+<% end %>