activeadmin 4.0.0.beta2 → 4.0.0.beta22

data/app/views/active_admin/_main_navigation.html.erb

@@ -1,26 +1,43 @@
-<div id="main-menu" class="fixed top-0 xl:top-16 bottom-0 start-0 z-40 w-72 xl:w-60 p-4 overflow-y-auto transition-transform duration-200 -translate-x-full xl:translate-x-0 bg-white dark:bg-gray-950 xl:border-e xl:border-gray-200 xl:dark:border-white/10" tabindex="-1" aria-labelledby="drawer-navigation-label">
+<div id="main-menu" class="fixed top-0 xl:top-16 bottom-0 inset-s-0 z-40 w-72 xl:w-60 p-4 overflow-y-auto transition-transform duration-200 -translate-x-full xl:translate-x-0 bg-white dark:bg-gray-950 xl:border-e xl:border-gray-200 xl:dark:border-white/10" tabindex="-1">
   <ul role="list" class="flex flex-1 flex-col space-y-1.5">
     <% current_menu.items(self).each do |item| %>
       <% children = item.items(self).presence %>
+      <% url = item.url(self) %>
+      <% label = capture do %>
+        <% if url.present? %>
+          <%= link_to item.label(self), url, item.html_options.merge(class: "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white flex items-center w-full rounded-md p-2 gap-x-2 text-sm no-underline #{(current_menu_item?(item, children: false) ? "bg-gray-100 dark:bg-white/5 text-gray-900 dark:text-white selected" : "")}") %>
+        <% else %>
+          <%= item.label(self) %>
+        <% end %>
+      <% end %>
       <li <%= current_menu_item?(item) && "data-open" %> class="group" data-item-id="<%= item.id %>">
         <% if children %>
-          <button data-menu-button class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white flex items-center w-full rounded-md p-2 gap-x-2 text-sm">
-            <%= item.label(self) %>
-            <svg class="group-data-[open]:rotate-90 group-data-[open]:rtl:-rotate-90 ms-auto h-5 w-5 shrink-0 rtl:-scale-x-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-              <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
-            </svg>
-          </button>
-          <ul role="list" class="mt-1 space-y-1 hidden group-data-[open]:block">
+          <% if url.present? && url == "#" %>
+            <button data-menu-button class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white flex items-center w-full rounded-md p-2 gap-x-2 text-sm" aria-label="<%= t('active_admin.toggle_section') %>">
+              <%= item.label(self) %>
+              <svg class="group-data-open:rotate-90 group-data-open:rtl:-rotate-90 ms-auto h-5 w-5 shrink-0 rtl:-scale-x-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
+              </svg>
+            </button>
+          <% elsif url.present? && url != "#" %>
+            <div data-parent-id="<%= item.id %>" data-menu-button class="flex">
+              <%= label %>
+              <button class="text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white flex items-center p-2 text-sm" aria-label="<%= t('active_admin.toggle_section') %>">
+                <svg class="group-data-open:rotate-90 group-data-open:rtl:-rotate-90 ms-auto h-5 w-5 shrink-0 rtl:-scale-x-100" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                  <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd" />
+                </svg>
+              </button>
+            </div>
+          <% end %>
+          <ul role="list" class="mt-1 space-y-1 hidden group-data-open:block ms-1 ps-2 border-s-2 border-gray-100 dark:border-white/5">
             <% children.each do |j| %>
               <li data-item-id="<%= j.id %>">
                 <%= link_to j.label(self), j.url(self), j.html_options.merge(class: "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white block rounded-md py-1.5 px-2 text-sm no-underline #{(current_menu_item?(j) ? "bg-gray-100 dark:bg-white/5 text-gray-900 dark:text-white selected" : "")}") %>
               </li>
             <% end %>
           </ul>
-        <% elsif url = item.url(self) %>
-          <%= link_to item.label(self), url, item.html_options.merge(class: "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white flex items-center w-full rounded-md p-2 gap-x-2 text-sm no-underline #{(current_menu_item?(item) ? "bg-gray-100 dark:bg-white/5 text-gray-900 dark:text-white selected" : "")}") %>
         <% else %>
-          <%= item.label(self) %>
+          <%= label %>
         <% end %>
       </li>
     <% end %>

data/app/views/active_admin/_page_header.html.erb

@@ -1,4 +1,4 @@
-<div data-test-page-header class="bg-gray-50 border-b p-4 mb-8 flex flex-col gap-4 md:flex-row md:items-center justify-between dark:border-gray-800/50 dark:bg-inherit">
+<div data-test-page-header class="bg-gray-50 border-b border-gray-200 p-4 mb-8 flex flex-col gap-4 md:flex-row md:items-center justify-between dark:border-gray-800/50 dark:bg-inherit">
   <div class="flex flex-col gap-3 pt-1">
     <% breadcrumb_links = build_breadcrumb_links(request.path, class: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 no-underline") %>
     <% if breadcrumb_links.present? %>
@@ -7,7 +7,7 @@
           <% breadcrumb_links.each_with_index do |link, index| %>
             <li class="inline-flex items-center h-5 gap-1">
               <% if index > 0 %>
-                <svg class="h-5 w-5 text-gray-300 dark:text-gray-700 flex-shrink-0 rtl:rotate-180" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                <svg class="h-5 w-5 text-gray-300 dark:text-gray-700 shrink-0 rtl:rotate-180" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                   <path fill-rule="evenodd" d="M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z" clip-rule="evenodd"/>
                 </svg>
               <% end %>

data/app/views/active_admin/_site_footer.html.erb

@@ -1,4 +1,4 @@
-<div class="text-sm text-center mt-16 mx-8 pt-9 pb-12 text-gray-500 border-t dark:border-gray-800">
+<div class="text-sm text-center mt-16 mx-8 pt-9 pb-12 text-gray-500 border-t border-gray-200 dark:border-gray-800">
   <%= I18n.t(
         "active_admin.powered_by",
         active_admin: link_to("Active Admin", "https://activeadmin.info", class: "text-gray-500 dark:text-gray-500 hover:text-gray-900 dark:hover:text-gray-400 no-underline"),

data/app/views/active_admin/_site_header.html.erb

@@ -1,5 +1,5 @@
-<div class="border-b border-gray-200 dark:border-white/10 dark:bg-gray-950/75 px-4 py-2 flex items-center sticky top-0 z-20 h-16 w-full backdrop-blur-md">
-  <button class="xl:hidden pe-3 inline-flex items-center w-8 h-8 justify-center text-sm text-gray-500 dark:text-gray-400 focus-visible:outline-none focus-visible:ring-ring focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0" data-drawer-target="main-menu" data-drawer-show="main-menu" aria-controls="drawer-navigation">
+<div class="border-b border-gray-200 dark:border-white/10 dark:bg-gray-950/75 px-4 py-2 flex items-center fixed top-0 z-20 h-16 w-full backdrop-blur-md">
+  <button class="xl:hidden pe-3 inline-flex items-center w-8 h-8 justify-center text-sm text-gray-500 dark:text-gray-400 focus-visible:outline-hidden focus-visible:ring-ring focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0" data-drawer-target="main-menu" data-drawer-show="main-menu" aria-controls="main-menu" aria-label="<%= t('active_admin.toggle_main_navigation_menu') %>">
     <svg class="w-5 h-5 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/></svg>
   </button>
 
@@ -9,20 +9,20 @@
     </h1>
   </div>
 
-  <button type="button" class="dark-mode-toggle flex items-center w-9 h-9 justify-center me-1 text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-none text-sm">
+  <button type="button" class="dark-mode-toggle flex items-center w-9 h-9 justify-center me-1 text-gray-400 hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-hidden text-sm" aria-label="<%= t('active_admin.toggle_dark_mode') %>">
     <svg class="hidden dark:block w-5 h-5 rtl:-scale-x-100" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.509 5.75c0-1.493.394-2.96 1.144-4.25h-.081a8.5 8.5 0 1 0 7.356 12.746A8.5 8.5 0 0 1 8.509 5.75Z"/></svg>
     <svg class="dark:hidden w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 3V1m0 18v-2M5.05 5.05 3.636 3.636m12.728 12.728L14.95 14.95M3 10H1m18 0h-2M5.05 14.95l-1.414 1.414M16.364 3.636 14.95 5.05M14 10a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/></svg>
   </button>
 
-  <button id="user-menu-button" class="flex items-center w-9 h-9 justify-center text-sm text-gray-500 focus:outline-none dark:text-gray-200" data-dropdown-toggle="user-menu" data-dropdown-offset-distance="3" data-dropdown-placement="bottom-end">
+  <button id="user-menu-button" class="flex items-center w-9 h-9 justify-center text-sm text-gray-500 focus:outline-hidden dark:text-gray-200" data-dropdown-toggle="user-menu" data-dropdown-offset-distance="3" data-dropdown-placement="bottom-end" aria-label="<%= t('active_admin.toggle_user_menu') %>">
     <svg class="w-7 h-7" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"><path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"/></svg>
   </button>
 
-  <div id="user-menu" class="z-50 hidden min-w-max bg-white rounded shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-gray-700 py-1 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="user-menu-button">
+  <div id="user-menu" class="z-50 hidden min-w-max rounded shadow-lg outline outline-black/5 dark:-outline-offset-1 dark:outline-white/10 focus:outline-hidden py-1 text-sm bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300" aria-labelledby="user-menu-button">
     <ul>
       <% if current_active_admin_user? %>
-        <li><%= auto_link current_active_admin_user, class: "block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-white dark:hover:bg-gray-600 dark:hover:text-white" %></li>
-        <li><%= link_to I18n.t("active_admin.logout"), auto_logout_link_path, class: "block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-white dark:hover:bg-gray-600 dark:hover:text-white", data: { method: :delete } %></li>
+        <li><%= auto_link current_active_admin_user, class: "block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white" %></li>
+        <li><%= link_to I18n.t("active_admin.logout"), auto_logout_link_path, class: "block px-2.5 py-2 no-underline text-gray-700 hover:bg-gray-100 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-white", data: { method: :delete } %></li>
       <% end %>
     </ul>
   </div>

data/app/views/active_admin/devise/confirmations/new.html.erb

@@ -1,4 +1,4 @@
-<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800 dark:border-gray-700">
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
   <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
     <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.resend_confirmation_instructions.title') %>
   </h2>

data/app/views/active_admin/devise/passwords/edit.html.erb

@@ -1,4 +1,4 @@
-<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800 dark:border-gray-700">
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
   <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
     <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.change_password.title') %>
   </h2>

data/app/views/active_admin/devise/passwords/new.html.erb

@@ -1,4 +1,4 @@
-<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800 dark:border-gray-700">
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
   <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
     <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.reset_password.title') %>
   </h2>

data/app/views/active_admin/devise/registrations/new.html.erb

@@ -1,4 +1,4 @@
-<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800 dark:border-gray-700">
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
   <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
     <%= active_admin_application.site_title(self) %> <%= set_page_title t('active_admin.devise.sign_up.title') %>
   </h2>

data/app/views/active_admin/devise/sessions/new.html.erb

@@ -1,4 +1,4 @@
-<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800 dark:border-gray-700">
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
   <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
     <%= site_title %> <%= set_page_title t('active_admin.devise.login.title') %>
   </h2>

data/app/views/active_admin/devise/unlocks/new.html.erb

@@ -1,4 +1,4 @@
-<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800 dark:border-gray-700">
+<div class="p-6 sm:p-8 space-y-4 md:space-y-6 w-full sm:max-w-md bg-white sm:rounded-md shadow dark:border dark:bg-gray-800/50 dark:border-gray-800">
   <h2 class="text-xl font-bold text-gray-900 md:text-2xl dark:text-white">
     <%= site_title %> <%= set_page_title t('active_admin.devise.unlock.title') %>
   </h2>

data/app/views/active_admin/kaminari/_gap.html.erb

@@ -6,5 +6,5 @@
     remote:        data-remote
 -%>
 <span class="flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-gray-500 dark:text-gray-400">
-  <%= t('views.pagination.truncate').html_safe %>
+  <%= t('active_admin.pagination.truncate').html_safe %>
 </span>

data/app/views/active_admin/kaminari/_next_page.html.erb

@@ -8,7 +8,7 @@
 -%>
 <% unless current_page.last? %>
   <%= link_to url, rel: 'next', remote: remote, class: "flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-800 dark:hover:text-white rounded no-underline" do %>
-    <span class="sr-only"><%= t('views.pagination.next').html_safe %></span>
+    <span class="sr-only"><%= t('active_admin.pagination.next') %></span>
     <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
       <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
     </svg>

data/app/views/active_admin/kaminari/_prev_page.html.erb

@@ -8,7 +8,7 @@
 -%>
 <% unless current_page.first? %>
   <%= link_to url, rel: 'prev', remote: remote, class: "flex items-center justify-center px-2.5 py-3 h-8 leading-tight text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-800 dark:hover:text-white rounded no-underline" do %>
-    <span class="sr-only"><%= t('views.pagination.previous').html_safe %></span>
+    <span class="sr-only"><%= t('active_admin.pagination.previous') %></span>
     <svg class="w-2.5 h-2.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
       <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
     </svg>

data/app/views/active_admin/page/index.html.arb

@@ -1,6 +1,5 @@
-# frozen_string_literal: true
 div class: "main-content-container" do
   if page_presenter.block
-    instance_exec &page_presenter.block
+    instance_exec(&page_presenter.block)
   end
 end

data/app/views/active_admin/resource/_form.html.arb

@@ -1,4 +1,3 @@
-# frozen_string_literal: true
 div class: "main-content-container" do
   if page_presenter.block
     options = {

data/app/views/active_admin/resource/_form_default.html.arb

@@ -1,4 +1,3 @@
-# frozen_string_literal: true
 options = {
   url: resource.persisted? ? resource_path(resource) : collection_path,
   as: active_admin_config.param_key

data/app/views/active_admin/resource/_index_as_table_default.html.arb

@@ -1,4 +1,3 @@
-# frozen_string_literal: true
 insert_tag(ActiveAdmin::Views::IndexAsTable::IndexTableFor, collection, table_options) do |t|
   selectable_column
   id_column if resource_class.primary_key

data/app/views/active_admin/resource/_show_default.html.arb

@@ -1,3 +1,2 @@
-# frozen_string_literal: true
 attributes_table_for(resource, *active_admin_config.resource_columns)
 active_admin_comments_for(resource) if active_admin_config.comments?

data/app/views/active_admin/resource/edit.html.arb

@@ -1,2 +1 @@
-# frozen_string_literal: true
 render "form"

data/app/views/active_admin/resource/index.html.arb

@@ -1,4 +1,3 @@
-# frozen_string_literal: true
 def wrap_with_batch_action_form(&block)
   if active_admin_config.batch_actions.any?
     insert_tag(ActiveAdmin::BatchActions::BatchActionForm, &block)
@@ -58,7 +57,7 @@ def build_index_list
   end
 end
 
-# Returns the actual class for renderering the main content on the index
+# Returns the actual class for rendering the main content on the index
 # page. To set this, use the :as option in the page_presenter block.
 def find_index_renderer_class(klass)
   if klass.is_a?(Class)

data/app/views/active_admin/resource/new.html.arb

@@ -1,2 +1 @@
-# frozen_string_literal: true
 render "form"

data/app/views/active_admin/resource/show.html.arb

@@ -1,4 +1,3 @@
-# frozen_string_literal: true
 def attributes_table(*args, &block)
   attributes_table_for resource, *args, &block
 end

data/app/views/active_admin/shared/_resource_comments.html.erb

@@ -1,5 +1,5 @@
-<div class="max-w-[700px]">
-  <div class="font-bold py-3 border-b dark:border-gray-600">
+<div id="active-admin-comments-form" class="max-w-[700px]">
+  <div class="font-bold py-3 border-b border-gray-200 dark:border-gray-600">
     <%= ActiveAdmin::Comment.model_name.human(count: 2.1) %>
   </div>
   <% if authorized?(ActiveAdmin::Auth::NEW, ActiveAdmin::Comment) %>
@@ -15,17 +15,17 @@
     end
     %>
   <% end %>
-  <div class="font-bold py-3 border-b dark:border-gray-600">
+  <div class="font-bold py-3 border-b border-gray-200 dark:border-gray-600">
     <%= I18n.t "active_admin.comments.title_content", count: comments.total_count %>
   </div>
   <% if comments.any? %>
     <% comments.each do |comment| %>
-      <div class="border-b dark:border-gray-600 py-6 max-w-[700px]" id="<%= dom_id(comment, :active_admin) %>" data-test-comment-container>
+      <div class="border-b border-gray-200 dark:border-gray-600 py-6 max-w-[700px]" id="<%= dom_id(comment, :active_admin) %>" data-test-comment-container>
         <div class="flex gap-4 items-end mb-2">
           <span class="font-semibold">
             <%= comment.author ? auto_link(comment.author) : I18n.t("active_admin.comments.author_missing") %>
           </span>
-          <span class="text-xs text-gray-400">
+          <span class="text-xs text-gray-500 dark:text-gray-400">
             <%= pretty_format comment.created_at %>
           </span>
         </div>
@@ -37,14 +37,14 @@
         <% end %>
       </div>
     <% end %>
-    <div class="p-2 lg:p-4 flex flex-col-reverse lg:flex-row gap-4 items-center justify-between">
+    <div class="py-2 lg:py-4 flex flex-col-reverse lg:flex-row gap-4 items-center justify-between">
       <div>
         <%= page_entries_info(comments).html_safe %>
       </div>
       <%= paginate(comments, views_prefix: :active_admin, outer_window: 1, window: 2) %>
     </div>
   <% else %>
-    <div class="p-8 text-center">
+    <div class="py-8 text-center">
       <%= I18n.t("active_admin.comments.no_comments_yet") %>
     </div>
   <% end %>

data/app/views/active_admin/shared/_sidebar_section.html.arb

@@ -1,4 +1,3 @@
-# frozen_string_literal: true
 if section.block
   result = instance_exec(&section.block)
   text_node result unless result.is_a?(Arbre::Element)

data/app/views/layouts/active_admin.html.erb

@@ -6,7 +6,7 @@
 </head>
 <body class="bg-white dark:bg-gray-950/95 text-gray-950 dark:text-gray-100 antialiased">
   <%= render "active_admin/site_header", title: site_title %>
-  <div class="xl:ms-60">
+  <div class="xl:ms-60 pt-16">
     <%= render "active_admin/main_navigation" %>
     <%= render "active_admin/page_header", title: @page_title || page_title %>
     <%= render "active_admin/flash_messages" %>

data/config/importmap.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+pin "flowbite", preload: true # downloaded from https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js
+pin "@rails/ujs", to: "rails_ujs_esm.js", preload: true # downloaded from https://cdn.jsdelivr.net/npm/@rails/ujs@7.1.501/+esm
+pin "active_admin", to: "active_admin.js", preload: true
+pin_all_from File.expand_path("../app/javascript/active_admin", __dir__), under: "active_admin", preload: true

data/config/locales/ar.yml

@@ -1,112 +1,148 @@
+---
 ar:
   active_admin:
-    dashboard: "لوحة تحكم"
-    view: "عرض"
-    edit: "تعديل"
-    delete: "حذف"
-    delete_confirmation: "هل تريد تأكيد الحذف؟"
-    new_model: "%{model} جديد"
-    edit_model: "تعديل %{model}"
-    delete_model: "حذف %{model}"
-    details: "تفاصيل %{model}"
-    cancel: "إلغاء"
-    empty: "فارغ"
-    previous: "السابق"
-    next: "التالي"
-    download: "تحميل"
-    has_many_new: "إضافة %{model} جديد"
-    has_many_delete: "حذف"
-    has_many_remove: "إزالة"
-    filters:
-      buttons:
-        filter: "تصفية"
-        clear: "تفريغ التصفية"
-    search_status:
-      no_current_filters: "بدون"
-    status_tag:
-      "yes": "نعم"
-      "no": "لا"
-      "unset": "لا"
-    logout: "تسجيل الخروج"
-    powered_by: "تنفيذ %{active_admin} %{version}"
-    sidebars:
-      filters: "المُرشحات"
-      search_status: "حالات البحث"
-    pagination:
-      empty: "لا يوجد %{model} "
-      one: "عرض <b>1</b> %{model}"
-      one_page: "عرض <b>all %{n}</b> %{model}"
-      multiple: "عرض %{model} <b>%{from}&nbsp;-&nbsp;%{to}</b> من <b>%{total}</b> بالمجمل"
-      multiple_without_total: "عرض %{model} <b>%{from}&nbsp;-&nbsp;%{to}</b>"
-      entry:
-        one: "مدخل"
-        other: "مدخلات"
-    any: "أي"
-    blank_slate:
-      content: "لايوجد %{resource_name} بعد."
-      link: "إنشاء"
+    access_denied:
+      message: غير مصرح لك تنفيذ هذا الإجراء.
+    any: أي
     batch_actions:
-      button_label: "إجراءات متعددة"
-      default_confirmation: "هل أنت متأكّد؟"
-      delete_confirmation: "هل أنت متأكّد من حذف هذه %{plural_model}؟"
-      succesfully_destroyed:
-        one: "حُذف بنجاح 1 %{model}"
-        other: "حُذف بنجاح %{count} %{plural_model}"
-      selection_toggle_explanation: "(تتبيث الخيار)"
-      action_label: "اُختير %{title}"
+      action_label: اُختير %{title}
+      button_label: إجراء جماعي
+      default_confirmation: هل أنت متأكّد؟
+      delete_confirmation: هل أنت متأكّد من حذف هذه %{plural_model}؟
       labels:
-        destroy: "حذف"
+        destroy: حذف
+      selection_toggle_explanation: "(تبديل التحديد)"
+      successfully_destroyed:
+        one: حُذف بنجاح %{model}
+        other: حُذف بنجاح %{count} %{plural_model}
+    blank_slate:
+      content: لا يوجد %{resource_name}
+      link: إنشاء
+    cancel: إلغاء
     comments:
-      resource_type: "نوع المصدر"
-      author_type: "نوع الؤلّف"
-      body: "هيكل"
-      author: "مؤلّف"
-      add: "إضافة تعليق"
-      resource: "مصدر"
-      no_comments_yet: "لا يوجد تعليقات بعد."
-      author_missing: "مجهول"
-      title_content: "تعليقات (%{count})"
+      add: إضافة تعليق
+      author: مؤلّف
+      author_missing: المؤلف مجهول
+      author_type: نوع الؤلّف
+      body: المحتوى
+      created_at: أُنشئ
+      delete: حذف تعليق
+      delete_confirmation: هل أنت متأكّد من حذف التعليق؟
       errors:
-        empty_text: "لم يُحفظ التعليق، النص فارغ."
-      created_at: "أُنشئ"
-      delete: "حذف تعليق"
-      delete_confirmation: "هل أنت متأكّد من حذف هذه التعليقات؟"
+        empty_text: لم يُحفظ التعليق، النص فارغ.
+      no_comments_yet: لا يوجد تعليقات.
+      resource: مدخل
+      resource_type: نوع المصدر
+      title_content: التعليقات (%{count})
+    create_another: انشاء %{model} آخر
+    dashboard: لوحة التحكم
+    delete: حذف
+    delete_confirmation: هل تريد تأكيد الحذف؟
+    delete_model: حذف %{model}
+    details: تفاصيل %{model}
     devise:
-      username:
-        title: "اسم المستخدم"
+      change_password:
+        submit: تغير كلمة المرور
+        title: تغير كلمة المرور
       email:
-        title: "البريد الإلكترونيّ"
-      subdomain:
-        title: "مجال فرعي"
-      password:
-        title: "كلمة المرور"
-      sign_up:
-        title: "تسجيل"
-        submit: "تسجيل"
+        title: البريد الإلكترونيّ
+      links:
+        forgot_your_password: هل نسيت كلمة المرور؟
+        resend_confirmation_instructions: إعادة إرسال تعليمات تأكيد البريد الإلكتروني
+        resend_unlock_instructions: إعادة إرسال تعليمات تنشيط الحساب
+        sign_in: تسجيل الدخول
+        sign_in_with_omniauth_provider: تسجيل الدخول بـ %{provider}
+        sign_up: التسجيل
       login:
-        title: "تسجيل الدخول"
-        remember_me: "تذكرني"
-        submit: "تسجيل الدخول"
+        remember_me: تذكرني
+        submit: تسجيل الدخول
+        title: تسجيل الدخول
+      password:
+        title: كلمة المرور
+      password_confirmation:
+        title: تأكيد كلمة المرور
+      resend_confirmation_instructions:
+        submit: إعادة ارسال تعليمات تأكيد البريد الإلكتروني
+        title: إعادة ارسال تعليمات تأكيد البريد الإلكتروني
       reset_password:
-        title: "هل نسيت كلمة المرور؟"
-        submit: "استرجاع كلمة المرور"
-      change_password:
-        title: "تغير كلمة المرور خاصتك"
-        submit: "تغير كلمة المرور خاصتي"
+        submit: استرجاع كلمة المرور
+        title: هل نسيت كلمة المرور؟
+      sign_up:
+        submit: تسجيل
+        title: التسجيل
+      subdomain:
+        title: النطاق الفرعي
       unlock:
-        title: "إعادة إرسال تعليمات فك الحظر"
-        submit: "إعادة إرسال تعليمات فك الحظر"
-      resend_confirmation_instructions:
-        title: "إعادة ارسال تعليمات التأكيد"
-        submit: "إعادة ارسال تعليمات التأكيد"
-      links:
-        sign_up: "التسجيل"
-        sign_in: "تسجيل الدخول"
-        forgot_your_password: "هل نسيت كلمة المرور؟"
-        sign_in_with_omniauth_provider: "تسجيل الدخول بـ %{provider}"
-        resend_unlock_instructions: "إعادة إرسال تعليمات تنشيط الحساب"
-        resend_confirmation_instructions: "إعادة إرسال تعليمات تأكيد الحساب"
-    access_denied:
-      message: "لم يُصرّح لك بهذا الإجراء."
+        submit: إعادة إرسال تعليمات تنشيط الحساب
+        title: إعادة إرسال تعليمات تنشيط الحساب
+      username:
+        title: اسم المستخدم
+    download: تحميل
+    edit: تعديل
+    edit_model: تعديل %{model}
+    empty: فارغ
+    filters:
+      buttons:
+        clear: إلغاء الفرز
+        filter: فرز
+      predicates:
+        from: من
+        to: إلى
+    has_many_delete: حذف
+    has_many_new: إضافة %{model} جديد
+    has_many_remove: إزالة
     index_list:
-      table: "جدول"
+      table: جدول
+    logout: تسجيل الخروج
+    move: نقل
+    new_model: "%{model} جديد"
+    next: التالي
+    pagination:
+      empty: لا يوجد %{model}
+      entry:
+        one: مدخل
+        other: مدخلات
+      multiple: عرض <b>%{from}-%{to}</b> من <b>%{total}</b>
+      multiple_without_total: عرض <b>%{from}-%{to}</b>
+      next: التالي
+      one: عرض <b>1</b> من <b>1</b>
+      one_page: عرض <b>كل %{n}</b>
+      per_page: 'لكل صفحة '
+      previous: السابق
+      truncate: "&hellip;"
+    powered_by: بواسطة %{active_admin} %{version}
+    previous: السابق
+    scopes:
+      all: الكل
+    search_status:
+      no_current_filters: بدون فرز
+      title: الفرز الحالي
+      title_with_scope: الفرز الحالي لـ %{name}
+    sidebars:
+      filters: المُرشحات
+      search_status: حالة البحث
+    status_tag:
+      'no': لا
+      unset: غير محدد
+      'yes': نعم
+    toggle_dark_mode: تبديل الوضع الليلي
+    toggle_main_navigation_menu: عرض القائمة الرئيسية
+    toggle_section: عرض القسم
+    toggle_user_menu: عرض قائمة المستخدم
+    view: عرض
+  activerecord:
+    attributes:
+      active_admin/comment:
+        author_type: نوع الكاتب
+        body: المحتوى
+        created_at: وقت الإنشاء
+        namespace: النطاق
+        resource_type: نوع المصدر
+        updated_at: وقت التعديل
+    models:
+      active_admin/comment:
+        one: تعليق
+        other: تعليقات
+      comment:
+        one: تعليق
+        other: تعليقات