avo 1.22.0.pre.1 → 1.22.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 10a2613406476740ca5a3cff815bce94c985676c702f530a4c22d0b0607384f3
-  data.tar.gz: 06c2d049cbbff831857d26d6985b6f430955d70342c83e813b9599fbd510f619
+  metadata.gz: 629be34248470405b26afdad89b08373587cd4ea00fb10f910315072338b5f39
+  data.tar.gz: ef5eb75f5e6b863af0d69fdefee87455a44283a17333000adcb2ab076f827fb2
 SHA512:
-  metadata.gz: d7c1b1c2e51a5e0b6f5504090dda1b3853706204f107b5edc1fb76834b04b0c1da099fddeed4337a8ec92c5592f3774d22bb637f7bd1ff48db2bf8f9b86ff9b6
-  data.tar.gz: cb7873e95cd907c54d6d5cb2d91c7e4af733f200a28ccf4e70a52a04f3db294047bbd7a02bfd74623cbdaa06fcddcf8f4e4ec777ac9d7769e25ef153977dce71
+  metadata.gz: 35cc7ab3e7086fd1b701e8600f25a33f3a7b779d03626ea293b75e19f375e4de5bc4ab29dc243d49eeb9bd0afe5411d35c87165aac01ca029b2de9cee6f6e1f1
+  data.tar.gz: 0b4e462976362acfaf3ecf5673a70f474f1c0c4b0e11d7f502c81cf3a9f53def31306988defa28599de643c10f9a4ee27b77182e1f6231d509cd1374e9cebd84

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (1.22.0.pre.1)
+    avo (1.22.0)
       active_link_to
       addressable
       breadcrumbs_on_rails
@@ -230,8 +230,6 @@ GEM
     nokogiri (1.13.1)
       mini_portile2 (~> 2.7.0)
       racc (~> 1.4)
-    nokogiri (1.13.1-x86_64-linux)
-      racc (~> 1.4)
     orm_adapter (0.5.0)
     pagy (5.10.1)
       activesupport

data/app/assets/stylesheets/avo.css

@@ -70,7 +70,7 @@ body {
 
 .application-sidebar .active:hover,
 .application-sidebar .active {
-  @apply bg-blue-100 text-blue-500;
+  @apply bg-gray-200;
 }
 
 .turbo-progress-bar {

data/app/assets/stylesheets/css/fonts.css

@@ -24,56 +24,3 @@
       url('/avo-assets/fonts/nunito-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/avo-assets/fonts/nunito-v16-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
 }
-
-/* inter-regular - latin */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 400;
-  src: url('/avo-assets/fonts/inter-v7-latin-regular.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('/avo-assets/fonts/inter-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/avo-assets/fonts/inter-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/avo-assets/fonts/inter-v7-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */
-}
-/* inter-500 - latin */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 500;
-  src: url('/avo-assets/fonts/inter-v7-latin-500.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('/avo-assets/fonts/inter-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/avo-assets/fonts/inter-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-500.woff') format('woff'), /* Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/avo-assets/fonts/inter-v7-latin-500.svg#Inter') format('svg'); /* Legacy iOS */
-}
-/* inter-600 - latin */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 600;
-  src: url('/avo-assets/fonts/inter-v7-latin-600.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('/avo-assets/fonts/inter-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/avo-assets/fonts/inter-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-600.woff') format('woff'), /* Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/avo-assets/fonts/inter-v7-latin-600.svg#Inter') format('svg'); /* Legacy iOS */
-}
-/* inter-700 - latin */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 700;
-  src: url('/avo-assets/fonts/inter-v7-latin-700.eot'); /* IE9 Compat Modes */
-  src: local(''),
-       url('/avo-assets/fonts/inter-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('/avo-assets/fonts/inter-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-700.woff') format('woff'), /* Modern Browsers */
-       url('/avo-assets/fonts/inter-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
-       url('/avo-assets/fonts/inter-v7-latin-700.svg#Inter') format('svg'); /* Legacy iOS */
-}

data/app/assets/stylesheets/css/pagination.css

@@ -21,18 +21,18 @@
 .pagy-nav-js .page a,
 .pagy-combo-nav-js .page a,
 .pagy-combo-nav-js .pagy-combo-input a {
-  @apply rounded-lg px-3 py-1 text-sm text-gray-500 font-semibold bg-white shadow-md;
+  @apply rounded-lg px-3 py-1 text-sm text-gray-500 font-semibold bg-gray-200 shadow-md;
 
   &:focus{
     @apply border-blue-300;
   }
 
   &:hover{
-    @apply bg-gray-200;
+    @apply bg-gray-300;
   }
 
   &:active{
-    @apply bg-gray-200;
+    @apply bg-gray-400 text-white;
   }
 }
 
@@ -42,26 +42,26 @@
 .pagy-nav .page.next.disabled,
 .pagy-nav-js .page.next.disabled,
 .pagy-combo-nav-js .page.next.disabled {
-  @apply text-gray-300 cursor-default;
+  @apply text-gray-400 cursor-default;
 
   &:hover {
-    @apply text-gray-300 bg-white;
+    @apply text-gray-400 bg-gray-200;
   }
 
   &:active {
-    @apply text-gray-300 bg-white;
+    @apply text-gray-400 bg-gray-200;
   }
 }
 
 .pagy-nav .page.active,
 .pagy-nav-js .page.active {
-  @apply text-white cursor-default bg-gray-500;
+  @apply text-white cursor-default bg-gray-400;
 
   &:hover {
-    @apply text-white bg-gray-500;
+    @apply text-white bg-gray-400;
   }
 
   &:active {
-    @apply bg-gray-500 text-white;
+    @apply bg-gray-400 text-white;
   }
 }

data/app/assets/stylesheets/css/search.css

@@ -1,14 +1,13 @@
 :root {
   --aa-primary-color: --tw-ring-color;
   --aa-selected-color: --tw-ring-color;
-  --aa-primary-color-rgb: 117, 125, 138;
+  --aa-primary-color-rgb: 5, 150, 105;
 }
 
 .global-search {
   .aa-DetachedSearchButton:focus,
   .aa-DetachedSearchButton {
     border: none !important;
-    @apply text-gray-500;
   }
 }
 
@@ -18,7 +17,7 @@
   }
 
   .aa-DetachedSearchButton {
-    @apply rounded border-gray-300 ;
+    @apply rounded-full border-gray-300;
   }
 }
 

data/app/components/avo/fields/boolean_field/index_component.html.erb

@@ -1,3 +1,3 @@
-<%= index_field_wrapper field: @field, dash_if_blank: false, center_content: true do %>
+<%= index_field_wrapper field: @field, dash_if_blank: false do %>
   <%= render Avo::Fields::Common::BooleanCheckComponent.new checked: @field.value %>
 <% end %>

data/app/components/avo/index/field_wrapper_component.html.erb

@@ -1,13 +1,7 @@
-<td class="px-4 py-3 leading-tight whitespace-nowrap h-full text-slate-800 <%= @classes %>" data-field-id="<%= @field.id %>" data-field-type="<%= @field.type %>">
+<td class="px-4 py-2 leading-tight whitespace-nowrap h-12 text-slate-800 <%= @classes %>" data-field-id="<%= @field.id %>" data-field-type="<%= @field.type %>">
   <% if @field.value.blank? && @dash_if_blank %>
     —
   <% else %>
-    <% if @center_content %>
-    <div class="flex items-center justify-center">
-      <%= content %>
-    </div>
-    <% else %>
-      <%= content %>
-    <% end %>
+    <%= content %>
   <% end %>
 </td>

data/app/components/avo/index/field_wrapper_component.rb

@@ -1,10 +1,9 @@
 # frozen_string_literal: true
 
 class Avo::Index::FieldWrapperComponent < ViewComponent::Base
-  def initialize(field: nil, dash_if_blank: true, center_content: false, **args)
+  def initialize(field: nil, dash_if_blank: true, **args)
     @field = field
     @dash_if_blank = dash_if_blank
-    @center_content = center_content
     @classes = args[:class].present? ? args[:class] : ""
     @args = args
   end

data/app/components/avo/index/resource_table_component.html.erb

@@ -1,8 +1,8 @@
-<div class="w-full ">
+<div class="w-full">
   <% if @resources.present?%>
-    <table class="w-full px-4 overflow-hidden bg-white rounded shadow " data-resource-name='<%= @resource.model_key %>' data-controller='item-select-all'>
+    <table class="w-full px-4 overflow-hidden" data-resource-name='<%= @resource.model_key %>' data-controller='item-select-all'>
       <%= render partial: 'avo/partials/table_header', locals: {fields: @resource.get_fields(reflection: @reflection)} %>
-      <tbody class="divide-y">
+      <tbody>
         <% @resources.each_with_index do |resource, index| %>
           <% cache_if Avo.configuration.cache_resources_on_index_view, resource.cache_hash(@parent_model) do %>
             <%= render Avo::Index::TableRowComponent.new(resource: resource, reflection: @reflection, parent_model: @parent_model) %>

data/app/components/avo/index/table_row_component.html.erb

@@ -1,5 +1,5 @@
 <tr
-  class="bg-white hover:bg-sky-50 hover:shadow-row relative z-20 border-b"
+  class="hover:bg-sky-50 hover:shadow-row relative z-20 border-b"
   <%== item_selector_init @resource %>
 >
   <td class="w-10">

data/app/components/avo/navigation_heading_component.html.erb

@@ -1,3 +1,3 @@
-<div class="flex items-center p-4 text-gray-500 text-sm uppercase font-semibold leading-none">
-  <%= icon %> <%= label %>
+<div class="flex items-center my-2 p-3 text-gray-500 font-bold text-sm -mb-1 leading-none">
+  <div class="w-4"></div> <%= @label %>
 </div>

data/app/components/avo/navigation_heading_component.rb

@@ -1,11 +1,7 @@
 # frozen_string_literal: true
 
 class Avo::NavigationHeadingComponent < ViewComponent::Base
-  attr_reader :label
-  attr_reader :icon
-
-  def initialize(label: nil, icon: nil)
+  def initialize(label: nil)
     @label = label
-    @icon = icon
   end
 end

data/app/components/avo/navigation_link_component.html.erb

@@ -1,3 +1,3 @@
-<%= active_link_to @path, class: 'px-4 block mx-6 leading-none py-3 text-black rounded font-medium hover:bg-blue-50', active: @active do %>
-  <%= @label %>
+<%= active_link_to @path, class: 'text-gray-800 py-2 px-4 block font-normal hover:bg-gray-100 rounded-md mb-1 mx-3 text-sm leading-none', active: @active, target: @target do %>
+  <div class="w-4"></div> <%= @label %>
 <% end %>

data/app/components/avo/navigation_link_component.rb

@@ -1,15 +1,11 @@
 # frozen_string_literal: true
 
 class Avo::NavigationLinkComponent < ViewComponent::Base
-  attr_reader :label
-  attr_reader :path
-  attr_reader :active
-  attr_reader :size
-
-  def initialize(label: nil, path: nil, active: :inclusive, size: :md)
+  def initialize(label: nil, path: nil, active: :inclusive, size: :md, target: "_self")
     @label = label
     @path = path
     @active = active
     @size = size
+    @target = target
   end
 end

data/app/components/avo/panel_component.html.erb

@@ -6,12 +6,10 @@
           <%= helpers.render_breadcrumbs(separator: helpers.svg('chevron-right', class: 'inline-block h-3 stroke-current relative top-[-1px] ml-1' )) if Avo.configuration.display_breadcrumbs %>
         </div>
       <% end %>
-
-      <div class="text-2xl tracking-normal font-semibold text-gray-800 truncate" data-target="title">
+      <div class="text-2xl tracking-normal font-bold text-gray-800 truncate" data-target="title">
         <%= @title %>
       </div>
-
-      <div class="text-base tracking-normal font-medium text-gray-600" data-target="description">
+      <div class="text-sm tracking-normal text-gray-600" data-target="description">
         <%== description %>
       </div>
     </div>
@@ -23,7 +21,7 @@
     </div>
   </div>
 
-  <div class="relative bg-white rounded-lg shadow mb-8 <%= @body_classes %>">
+  <div class="relative bg-white rounded-xl shadow-xl mb-8 <%= @body_classes %>">
     <%= body %>
   </div>
 

data/app/components/avo/views/resource_index_component.html.erb

@@ -1,12 +1,12 @@
 <div>
-  <%= render Avo::PanelComponent.new(title: title, description: description, body_classes: 'py-2', data: { component: 'resources-index' }, display_breadcrumbs: @reflection.blank?) do |c| %>
+  <%= render Avo::PanelComponent.new(title: title, description: description, body_classes: 'py-4', data: { component: 'resources-index' }, display_breadcrumbs: @reflection.blank?) do |c| %>
     <% c.tools do %>
       <% if can_see_the_actions_button? %>
         <%= render 'actions' %>
       <% end %>
 
       <% if can_see_the_create_button? %>
-        <%= a_link create_path, 'data-target': 'create', color: :primary, variant: :outlined do %>
+        <%= a_link create_path, 'data-target': 'create' do %>
           <%= svg 'plus' %> <%= t('avo.create_new_item', item: singular_resource_name.downcase ) %>
         <% end %>
       <% end %>
@@ -19,7 +19,7 @@
     <% end %>
 
     <% c.body do %>
-      <div class="flex justify-between min-h-16"
+      <div class="flex justify-between pt-2 pb-2 min-h-16"
         data-selected-resources-name="<%= @resource.model_key %>"
         data-selected-resources="[]"
       >
@@ -27,14 +27,11 @@
           <%= render partial: 'avo/partials/resource_search', locals: {resource: @resource.model_key} if @resource.search_query.present? %>
         </div>
         <div class="flex justify-end items-center px-6 space-x-3">
-          <%= render 'filters' if @filters.present? %>
-
           <%= render partial: 'avo/partials/view_toggle_button', locals: { available_view_types: available_view_types, view_type: view_type, turbo_frame: @turbo_frame } if @models.present? %>
+          <%= render 'filters' if @filters.present? %>
         </div>
       </div>
-    <% end %>
 
-    <% c.bare_content do %>
       <% if view_type.to_sym == :table %>
         <div class="w-full overflow-auto flex flex-col mt-4">
           <div class="relative flex-1 flex">
@@ -48,11 +45,13 @@
           <% end %>
         </div>
       <% end %>
+    <% end %>
 
+    <% c.bare_content do %>
       <% if view_type.to_sym == :grid %>
         <%= render Avo::Index::ResourceGridComponent.new(resources: @resources, resource: @resource, reflection: @reflection, parent_model: @parent_model) %>
 
-        <div class="mt-8 py-6">
+        <div class="bg-white rounded-xl shadow-xl mt-8 py-6">
           <%= render partial: 'avo/partials/paginator', locals: { pagy: @pagy, turbo_frame: @turbo_frame || 'none' } %>
         </div>
       <% end %>

data/app/components/avo/views/resource_show_component.html.erb

@@ -24,16 +24,6 @@
               <%= svg 'arrow-left' %> <%= t('avo.go_back') %>
             <% end %>
 
-            <%# -- %>
-
-            <%#= render Avo::ButtonComponent.new(icon: svg('arrow-left'), is_link: true, href: back_path) do %>
-              <%#= t('avo.go_back') %>
-            <%# end %>
-
-            <%#= render Avo::ButtonComponent.new(color: 'green', spinner: true, type: :submit, icon: svg('save')) do %>
-              <%#= t('avo.save').capitalize %>
-            <%# end %>
-
             <% if can_see_the_destroy_button? %>
               <%= form_with url: helpers.resource_path(model: @resource.model, resource: @resource), method: :delete, html: { 'data-turbo-frame': params[:turbo_frame] } do |form| %>
                 <%= a_button title: t('avo.delete_item', item: @resource.model.model_name.name.downcase).capitalize,

data/app/controllers/avo/application_controller.rb

@@ -1,6 +1,11 @@
 module Avo
   class ApplicationController < ::ActionController::Base
-    include Pundit::Authorization
+    if defined?(Pundit::Authorization)
+      include Pundit::Authorization
+    else
+      include Pundit
+    end
+
     include Pagy::Backend
     include Avo::ApplicationHelper
     include Avo::UrlHelpers
@@ -111,7 +116,12 @@ module Avo
     end
 
     def fill_model
-      @model = @resource.fill_model(@model_to_fill, cast_nullable(model_params))
+      # We have to skip filling the the model if this is an attach action
+      is_attach_action = params[model_param_key].blank? && params[:related_name].present? && params[:fields].present?
+
+      unless is_attach_action
+        @model = @resource.fill_model(@model_to_fill, cast_nullable(model_params))
+      end
     end
 
     def hydrate_resource
@@ -187,18 +197,6 @@ module Avo
       query
     end
 
-    # def authorize_user
-    #   return if params[:controller] == 'avo/search'
-
-    #   model = record = resource.model
-
-    #   if ['show', 'edit', 'update'].include?(params[:action]) && params[:controller] == 'avo/resources'
-    #     record = resource
-    #   end
-
-    #   # AuthorizationService::authorize_action _current_user, record, params[:action] return render_unauthorized unless
-    # end
-
     def _authenticate!
       instance_eval(&Avo.configuration.authenticate)
     end
@@ -243,5 +241,9 @@ module Avo
     def on_api_path
       request.original_url.match?(/.*#{Avo::App.root_path}\/avo_api\/.*/)
     end
+
+    def model_param_key
+      @resource.form_scope
+    end
   end
 end

data/app/controllers/avo/base_controller.rb

@@ -7,6 +7,7 @@ module Avo
     before_action :hydrate_resource
     before_action :set_model, only: [:show, :edit, :destroy, :update]
     before_action :set_model_to_fill
+    before_action :fill_model, only: [:create, :update]
     before_action :authorize_action
     before_action :reset_pagination_if_filters_changed, only: :index
     before_action :cache_applied_filters, only: :index
@@ -112,7 +113,6 @@ module Avo
 
     def create
       # model gets instantiated and filled in the fill_model method
-      fill_model
       saved = @model.save
       @resource.hydrate(model: @model, view: :new, user: _current_user)
 
@@ -166,7 +166,6 @@ module Avo
 
     def update
       # model gets instantiated and filled in the fill_model method
-      fill_model
       saved = @model.save
       @resource = @resource.hydrate(model: @model, view: :edit, user: _current_user)
 
@@ -194,8 +193,6 @@ module Avo
     private
 
     def model_params
-      model_param_key = @resource.form_scope
-
       request_params = params.require(model_param_key).permit(permitted_params)
 
       if @resource.devise_password_optional && request_params[:password].blank? && request_params[:password_confirmation].blank?

data/app/helpers/avo/application_helper.rb

@@ -68,14 +68,14 @@ module Avo
       end
     end
 
-    def button_classes(extra_classes = nil, color: nil, variant: nil, size: :md, active: false)
-      classes = "inline-flex flex-grow-0 items-center text-sm font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 rounded transform transition duration-100 active:translate-x-px active:translate-y-px cursor-pointer disabled:cursor-not-allowed #{extra_classes}"
+    def button_classes(extra_classes = nil, color: nil, variant: nil, size: :md)
+      classes = "inline-flex flex-grow-0 items-center text-sm font-bold leading-none fill-current whitespace-nowrap transition duration-100 rounded-lg shadow-xl transform transition duration-100 active:translate-x-px active:translate-y-px cursor-pointer disabled:cursor-not-allowed #{extra_classes}"
 
       if color.present?
         if variant.present? && (variant.to_sym == :outlined)
           classes += " bg-white border"
 
-          classes += " hover:border-#{color}-700 border-#{color}-500 text-#{color}-600 hover:text-#{color}-700 disabled:border-gray-300 disabled:text-gray-600"
+          classes += " hover:border-#{color}-700 border-#{color}-600 text-#{color}-600 hover:text-#{color}-700 disabled:border-gray-300 disabled:text-gray-600"
         else
           classes += " text-white bg-#{color}-500 hover:bg-#{color}-600 disabled:bg-#{color}-300"
         end
@@ -88,11 +88,9 @@ module Avo
       when :xs
         " p-2 py-1"
       when :sm
-        " py-1 px-4"
+        " p-3"
       when :md
-        " py-2 px-4"
-      when :xl
-        " py-3 px-4"
+        " p-4"
       else
         " p-4"
       end

data/app/helpers/avo/resources_helper.rb

@@ -47,7 +47,7 @@ module Avo
 
     def item_selector_input(floating: false, size: :md)
       "<input type='checkbox'
-        class='mx-3 rounded #{"absolute inset-auto left-0 mt-2 z-10 hidden group-hover:block checked:block" if floating} #{size.to_sym == :lg ? "w-5 h-5" : "w-4 h-4"}'
+        class='mx-3 #{"absolute inset-auto left-0 mt-2 z-10 hidden group-hover:block checked:block" if floating} #{size.to_sym == :lg ? "w-5 h-5" : "w-4 h-4"}'
         data-action='input->item-selector#toggle input->item-select-all#update'
         data-item-select-all-target='itemCheckbox'
         name='#{t "avo.select_item"}'
@@ -58,7 +58,7 @@ module Avo
 
     def item_select_all_input
       "<input type='checkbox'
-        class='mx-3 rounded w-4 h-4'
+        class='mx-3 w-4 h-4'
         data-action='input->item-select-all#toggle'
         data-item-select-all-target='checkbox'
         name='#{t "avo.select_all"}'

data/app/views/avo/base/_actions.html.erb

@@ -1,12 +1,11 @@
 <% if @actions.count > 0 %>
   <div class="relative z-40 js-actions-dropdown" data-controller="toggle-panel actions-picker">
     <%= a_button class: "focus:outline-none",
-      color: 'primary',
-      size: :xl,
+      color: 'sky',
       'data-action': "click->toggle-panel#togglePanel",
       'data-actions-dropdown-button': @resource.model_key do
     %>
-      <%= svg 'arrow-circle-right', class: 'h-4 mr-1 transform rotate-90' %> <%= t 'avo.actions' %>
+      <%= svg 'arrow-left', class: 'h-4 mr-1 transform -rotate-90' %> <%= t 'avo.actions' %>
     <% end %>
     <div
       class="absolute block inset-auto right-0 top-full bg-white min-w-300px mt-2 py-4 z-20 shadow-context rounded-xl overflow-hidden hidden"
@@ -27,7 +26,7 @@
           'data-turbo-frame': 'actions_show',
           'data-action': 'click->actions-picker#visitAction',
           'data-actions-picker-target': action.standalone ? 'standaloneAction' : 'resourceAction',
-          class: "flex items-center w-full py-2 px-4 font-semibold text-gray-700 hover:text-white hover:bg-blue-500 #{disabled ? 'text-gray-500' : 'text-gray-700'}",
+          class: "flex items-center w-full py-2 px-4 font-bold text-gray-700 hover:text-white hover:bg-blue-500 #{disabled ? 'text-gray-500' : 'text-gray-700'}",
           'data-disabled': disabled do %>
           <%= svg 'play', class: 'h-5 mr-1 inline' %> <%= action.action_name %>
         <% end %>

data/app/views/avo/base/_filters.html.erb

@@ -1,9 +1,7 @@
 <div data-controller="toggle-panel">
   <div class="relative w-full flex justify-between z-30">
     <%= a_button class: 'focus:outline-none',
-      color: 'secondary',
-      variant: 'outlined',
-      size: :sm,
+      color: 'slate',
       title: t('avo.click_to_reveal_filters'),
       'data-button': 'resource-filters',
       'data-action': 'click->toggle-panel#togglePanel',

data/app/views/avo/partials/_global_search.html.erb

@@ -1,5 +1,5 @@
-<div data-controller="search" class="global-search rounded border border-gray-200 pr-4 min-w-[16rem]" data-turbo-remove-before-cache>
-  <div class="inline-block text-gray-500"
+<div data-controller="search" class="global-search" data-turbo-remove-before-cache>
+  <div class="inline-block"
     data-search-target="autocomplete"
     data-search-resource="global"
     data-translation-keys='{"no_item_found": "<%= I18n.translate 'avo.no_item_found' %>", "placeholder": "<%= I18n.translate 'avo.search.placeholder' %>", "cancel_button": "<%= I18n.translate 'avo.search.cancel_button' %>"}'

data/app/views/avo/partials/_logo.html.erb

@@ -1,3 +1,3 @@
-<%= link_to root_path, class: 'logo-placeholder h-20 bg-white p-4 flex justify-start' do %>
+<%= link_to root_path, class: 'logo-placeholder h-16 bg-white p-2 flex justify-center' do %>
   <%= image_tag '/avo-assets/logo.png', class: 'h-full', title: 'Avo' %>
 <% end %>

data/app/views/avo/partials/_paginator.html.erb

@@ -8,10 +8,12 @@
   per_page_options = per_page_options.sort.uniq
 %>
 
-<div class="flex items-center justify-between aborder-t aborder-slate-200 rounded-xl">
+<div class="bg-white px-4 flex items-center justify-between aborder-t aborder-slate-200 sm:px-6 rounded-xl">
   <div class="hidden sm:flex-2 sm:flex sm:items-center sm:justify-between">
     <div>
       <div class="text-sm leading-5 text-slate-600 flex items-center">
+        <div class="mr-2"><%== pagy_info @pagy %></div>
+
         <div data-controller="per-page">
           <div class="flex items-center">
             <%= select_tag 'per_page',
@@ -37,10 +39,7 @@
     </div>
   </div>
   <div class="flex">
-
     <div class="flex-2 sm:flex sm:items-center sm:justify-between">
-      <div class="mr-4"><%== pagy_info @pagy %></div>
-
       <%# @todo: add first & last page. make the first and last buttons rounded %>
       <% if @pagy.pages > 1 %>
         <%== pagy_nav @pagy %>

data/app/views/avo/partials/_profile_dropdown.html.erb

@@ -0,0 +1,25 @@
+<% destroy_user_session_path = "destroy_#{Avo.configuration.current_user_resource_name}_session_path".to_sym %>
+
+<div <% if main_app.respond_to?(destroy_user_session_path) %> data-controller="toggle-panel" <% end %>>
+  <a href="javascript:void(0);" class="flex items-center cursor-pointer font-semibold text-gray-700" data-action="click->toggle-panel#togglePanel">
+    <% if _current_user.respond_to?(:avatar) &&  _current_user.avatar.present? %>
+      <%= image_tag _current_user.avatar, class: "h-12 rounded-full border-4 border-white mr-1" %>
+    <% end %>
+    <% if _current_user.respond_to?(:name) && _current_user.name.present? %>
+      <%= _current_user.name %>
+    <% elsif _current_user.respond_to?(:email) && _current_user.email.present? %>
+      <%= _current_user.email %>
+    <% else %>
+      Avo user
+    <% end %>
+    <% if main_app.respond_to?(destroy_user_session_path) %>
+      <%= svg 'chevron-down', class: "ml-1 h-4" %>
+    <% end %>
+  </a>
+
+  <% if main_app.respond_to?(destroy_user_session_path) %>
+    <div class="hidden absolute inset-auto right-0 mr-6 mt-0 py-4 bg-white rounded-xl min-w-[200px] shadow-context" data-toggle-panel-target="panel">
+      <%= button_to t('avo.sign_out'), main_app.send(:destroy_user_session_path), method: :delete, form: { "data-turbo" => "false" }, class: "appearance-none bg-white text-left cursor-pointer text-green-600 font-semibold hover:text-white hover:bg-green-500 block px-4 py-1 w-full" %>
+    </div>
+  <% end %>
+</div>

data/app/views/avo/partials/_resource_search.html.erb

@@ -5,5 +5,5 @@
     data-translation-keys='{"no_item_found": "<%= I18n.translate 'avo.no_item_found' %>"}'
   >
   </div>
-  <div class="hidden relative inline-flex text-gray-400 text-sm border border-gray-300 rounded cursor-pointer" data-search-target="button"></div>
+  <div class="hidden relative inline-flex text-gray-400 text-sm border border-gray-300 rounded-full cursor-pointer" data-search-target="button"></div>
 </div>