avo 3.17.7 → 3.17.8.tw4

data/app/components/avo/fields/common/status_viewer_component.html.erb

@@ -1,10 +1,4 @@
-<%
-  classes = "inline-block"
-  classes += " text-red-600" if @status == 'failed'
-  classes += " text-green-600" if @status == 'success'
-  classes += " text-gray-600" if @status == 'neutral'
-%>
-<div class="flex flex-shrink-0 <%= classes %> items-center">
+<div class=" <%= class_names("flex shrink-0 items-center", "text-red-600": @status == 'failed', "text-green-600": @status == 'success', "text-gray-600": @status == 'neutral') %>">
   <% if @status == 'success' %>
     <%= helpers.svg 'heroicons/solid/check-circle', class: 'h-4' %>
   <% elsif @status == 'failed' %>

data/app/components/avo/fields/date_field/edit_component.html.erb

@@ -12,7 +12,7 @@
   } do %>
     <%= @form.text_field @field.id,
       value: @field.edit_formatted_value,
-      class: classes("w-full #{"hidden" unless params[:avo_show_hidden_inputs]}"),
+      class: classes("w-full #{"!hidden" unless params[:avo_show_hidden_inputs]}"),
       data: {
         'date-field-target': 'input',
         placeholder: @field.placeholder,

data/app/components/avo/fields/date_time_field/edit_component.html.erb

@@ -14,7 +14,7 @@
   } do %>
     <%= @form.text_field @field.id,
       value: @field.edit_formatted_value,
-      class: classes("w-full #{"hidden" unless params[:avo_show_hidden_inputs]}"),
+      class: classes("w-full #{"!hidden" unless params[:avo_show_hidden_inputs]}"),
       data: {
         date_field_target: :input,
         placeholder: @field.placeholder,

data/app/components/avo/fields/tags_field/edit_component.html.erb

@@ -23,7 +23,7 @@
     %>
     <%# real field %>
     <%= @form.text_field @field.id,
-      class: classes("hidden w-full !py-0 min-h-10 items-center border-primary-500 focus-within:border-primary-500"),
+      class: classes("!hidden w-full !py-0 min-h-10 items-center border-primary-500 focus-within:border-primary-500"),
       data: {
         tags_field_target: :input,
       },

data/app/components/avo/fields/tags_field/tag_component.html.erb

@@ -1,4 +1,4 @@
-<div class="flex px-2 py-1 rounded bg-gray-100 text-sm text-gray-800 font-normal flex-shrink-0"
+<div class="flex px-2 py-1 rounded-sm bg-gray-100 text-sm text-gray-800 font-normal shrink-0"
   <% if @title.present? %>
     data-tippy="tooltip"
     title="<%= @title %>"

data/app/components/avo/fields/tiptap_field/edit_component.html.erb

@@ -67,7 +67,7 @@
 
     <%= @form.text_area @field.id,
       value: @field.value,
-      class: classes("w-full hidden"),
+      class: classes("w-full !hidden"),
       data: {
         tiptap_field_target: "input",
         **@field.get_html(:data, view: view, element: :input)

data/app/components/avo/fields/trix_field/edit_component.html.erb

@@ -14,7 +14,7 @@
     <% end %>
     <%= @form.text_area @field.id,
       value: @field.value.try(:to_trix_html) || @field.value,
-      class: classes("w-full hidden"),
+      class: classes("w-full !hidden"),
       data: @field.get_html(:data, view: view, element: :input),
       disabled: disabled?,
       id: @input_id,

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

@@ -1,6 +1,6 @@
 <div data-controller="toggle" data-component-name="<%= self.class.to_s.underscore %>">
   <div class="relative w-full flex justify-between">
-    <%= a_button class: 'focus:outline-none',
+    <%= a_button class: 'focus:outline-hidden',
       color: :primary,
       size: :sm,
       icon: "avo/filter",
@@ -14,7 +14,7 @@
       <% end %>
     <% end %>
     <div
-      class="absolute block inset-auto sm:right-0 top-full bg-white min-w-[300px] mt-2 z-40 shadow-modal rounded divide-y divide-gray-300 <%= 'hidden' unless params[:keep_filters_panel_open] == '1' %>"
+      class="absolute block inset-auto sm:right-0 top-full bg-white min-w-[300px] mt-2 z-40 shadow-modal rounded-sm divide-y divide-gray-300 <%= 'hidden' unless params[:keep_filters_panel_open] == '1' %>"
       data-toggle-target="panel"
       data-transition-enter="transition ease-out duration-100"
       data-transition-enter-start="transform opacity-0 -translate-y-1"
@@ -26,7 +26,7 @@
       <% @filters.each do |filter| %>
         <%= render partial: filter.class.template, locals: {filter: filter} %>
       <% end %>
-      <div class="p-4 border-gray-300 border-t">
+      <div class="p-4 border-gray-200 border-t">
         <% if @applied_filters.present? %>
           <%= a_link reset_path, data: {turbo_frame: params[:turbo_frame]}, color: :gray, size: :sm, class: 'w-full justify-center' do %>
             <%= t('avo.reset_filters') %>

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

@@ -1,5 +1,5 @@
 <%= content_tag :div,
-  class: "relative bg-white rounded shadow-modal flex flex-col group",
+  class: "relative bg-white rounded-sm shadow-modal flex flex-col group",
   data: {
     component_name: self.class.to_s.underscore,
     resource_name: @resource.class.to_s,
@@ -8,7 +8,7 @@
     **(try(:drag_reorder_item_data_attributes) || {}),
   } do %>
   <%= content_tag :div,
-    class: class_names("relative w-full pb-3/4 rounded-t overflow-hidden", html(:cover, :classes)),
+    class: class_names("relative w-full pb-3/4 rounded-t-sm overflow-hidden", html(:cover, :classes)),
     style: html(:cover, :style) do %>
     <%= render Avo::RowSelectorComponent.new(floating: true, size: :lg) if @resource.record_selector%>
     <%= render_cover %>

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

@@ -70,7 +70,7 @@ class Avo::Index::GridItemComponent < Avo::BaseComponent
     return if @card[:badge_label].blank?
 
     content_tag :div,
-      class: class_names("absolute block inset-auto top-0 right-0 mt-2 mr-2 text-sm font-semibold bg-#{badge_color}-50 border border-#{badge_color}-300 text-#{badge_color}-700 rounded shadow-lg px-2 py-px z-10", html(:badge, :classes)),
+      class: class_names("absolute block inset-auto top-0 right-0 mt-2 mr-2 text-sm font-semibold bg-#{badge_color}-50 border border-#{badge_color}-300 text-#{badge_color}-700 rounded-sm shadow-lg px-2 py-px z-10", html(:badge, :classes)),
       title: @card[:badge_title],
       style: html(:badge, :style),
       data: {target: :badge, tippy: :tooltip, **(html(:badge, :data).presence || {})} do

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

@@ -16,7 +16,7 @@
     <% end %>
   </turbo-frame>
 <% else %>
-  <div class="bg-white rounded shadow-panel"
+  <div class="bg-white rounded-sm shadow-panel"
     data-component-name="<%= self.class.to_s.underscore %>">
     <%= helpers.empty_state by_association: params[:related_name].present?, view_type: :grid %>
   </div>

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

@@ -10,7 +10,7 @@
     <% end %>
   </div>
 <% else %>
-  <div class="bg-white rounded shadow-panel">
+  <div class="bg-white rounded-sm shadow-panel">
     <%= helpers.empty_state by_association: params[:related_name].present?, view_type: :map %>
   </div>
 <% end %>

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

@@ -39,7 +39,7 @@
     <% end %>
     <table class="w-full px-4 bg-white">
       <%= render partial: 'avo/partials/table_header', locals: {fields: @header_fields} %>
-      <%= content_tag :tbody, class: "divide-y",
+      <%= content_tag :tbody, class: "divide-y divide-gray-200",
         data: {
           **(try(:drag_reorder_data_attributes) || {}),
         } do %>

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

@@ -2,7 +2,7 @@
 
 <%= content_tag :tr,
   id: "#{self.class.to_s.underscore}_#{@resource.record.to_param}",
-  class: class_names("group bg-white hover:bg-gray-50 z-21 border-b", {"cursor-pointer": click_row_to_view_record}),
+  class: class_names("group bg-white hover:bg-gray-50 z-21 border-b border-gray-200", {"cursor-pointer": click_row_to_view_record}),
   data: {
     index: @index,
     component_name: self.class.to_s.underscore,
@@ -24,7 +24,7 @@
   <% end %>
   <% if @resource.render_row_controls_on_the_left? %>
     <td class="<%= @resource.row_controls_classes %>" data-control="resource-controls">
-      <div class="flex items-center justify-end flex-grow-0 h-full">
+      <div class="flex items-center justify-end grow-0 h-full">
         <%= render resource_controls_component %>
       </div>
     </td>
@@ -46,7 +46,7 @@
   <% end %>
   <% if @resource.render_row_controls_on_the_right? %>
     <td class="<%= @resource.row_controls_classes %>" data-control="resource-controls">
-      <div class="flex items-center justify-end flex-grow-0 h-full">
+      <div class="flex items-center justify-end grow-0 h-full">
         <%= render resource_controls_component %>
       </div>
     </td>

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

@@ -7,7 +7,7 @@
     <% end %>
   <% end %>
    <% c.with_body do %>
-    <% content_tag :div, class: "divide-y overflow-auto" do %>
+    <% content_tag :div, class: "divide-y divide-gray-200 overflow-auto" do %>
       <%= render Avo::Items::VisibleItemsComponent.new resource: @resource, item: @item, view: @view, form: @form %>
     <% end %>
   <% end %>

data/app/components/avo/media_library/item_details_component.html.erb

@@ -24,7 +24,7 @@
         <%= link_to "Delete", helpers.avo.media_library_path(@blob), class: "text-red-500", data: {turbo_confirm: "Are you sure you want to destroy this attachment?", turbo_method: :delete} %>
       </div>
     </div>
-    <div class="flex flex-col w-1/2 @3xl/details:w-1/3 border-l">
+    <div class="flex flex-col w-1/2 @3xl/details:w-1/3 border-l border-gray-200">
       <%= render partial: "avo/media_library/information", locals: {blob: @blob} %>
       <%= render partial: "avo/media_library/form", locals: {blob: @blob} %>
     </div>

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

@@ -3,7 +3,7 @@
   data-modal-target="modal"
   data-modal-close-modal-on-backdrop-click-value="<%= close_modal_on_backdrop_click %>"
 >
-  <div aria-expanded="true" class="modal-overlay absolute w-full h-full bg-opacity-25 bg-gray-800 flex justify-center items-center" data-modal-target="backdrop" data-action="click->modal#close" ></div>
+  <div aria-expanded="true" class="modal-overlay absolute w-full h-full bg-gray-800/25 flex justify-center items-center" data-modal-target="backdrop" data-action="click->modal#close"></div>
   <div aria-expanded="true" role="dialog" aria-modal="true" class="modal-body rounded-lg inset-auto bg-white flex z-50 relative shadow-modal <%= overflow_classes %> <%= width_classes %> <%= height_classes %>">
     <div class="flex-1 flex flex-col justify-between">
       <div>

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

@@ -7,7 +7,7 @@
             <%= content_tag :label, name: t('avo.per_page').downcase do %>
               <%= select_tag 'per_page',
                 options_for_select(per_page_options, @index_params[:per_page]),
-                class: 'appearance-none inline-flex bg-white-100 disabled:bg-white-400 disabled:cursor-not-allowed focus:bg-white text-slate-700 disabled:text-slate-600 rounded-md py-1 px-2 leading-tight border border-slate-300 outline-none focus:border-slate-400 outline w-16 mr-1 text-sm',
+                class: 'appearance-none inline-flex bg-white-100 disabled:bg-white-400 disabled:cursor-not-allowed focus:bg-white text-slate-700 disabled:text-slate-600 rounded-md py-1 px-2 leading-tight border border-slate-300 outline-hidden focus:border-slate-400 w-16 mr-1 text-sm',
                 data: {
                   'turbo-frame': @turbo_frame,
                   'per-page-target': 'selector',
@@ -30,7 +30,6 @@
       <% end %>
 
       <% if @pagy.pages > 1 %>
-        <%# @todo: add first & last page. make the first and last buttons rounded %>
         <%== helpers.pagy_nav @pagy, anchor_string: "data-turbo-frame=\"#{@turbo_frame}\"" %>
       <% end %>
     </div>

data/app/components/avo/paginator_component.rb

@@ -3,6 +3,7 @@
 class Avo::PaginatorComponent < Avo::BaseComponent
   prop :resource
   prop :parent_record
+  prop :parent_resource
   prop :pagy
   prop :turbo_frame do |frame|
     frame.present? ? CGI.escapeHTML(frame) : :_top
@@ -12,7 +13,14 @@ class Avo::PaginatorComponent < Avo::BaseComponent
 
   def change_items_per_page_url(option)
     if @parent_record.present?
-      helpers.related_resources_path(@parent_record, @parent_record, per_page: option, keep_query_params: true, page: 1)
+      helpers.related_resources_path(
+        @parent_record,
+        @parent_record,
+        parent_resource: @parent_resource,
+        per_page: option,
+        keep_query_params: true,
+        page: 1
+      )
     else
       helpers.resources_path(resource: @resource, per_page: option, keep_query_params: true, page: 1)
     end

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

@@ -27,12 +27,12 @@
         </div>
       </div>
       <% if sidebar? %>
-        <div class="max-w-full sm:w-1/3 flex-shrink-0 h-full">
+        <div class="max-w-full sm:w-1/3 shrink-0 h-full">
           <%= sidebar %>
         </div>
       <% end %>
       <% if bare_sidebar? %>
-        <div class="max-w-full sm:w-1/3 flex-shrink-0 h-full">
+        <div class="max-w-full sm:w-1/3 shrink-0 h-full">
           <%= bare_sidebar %>
         </div>
       <% end %>

data/app/components/avo/profile_item_component.rb

@@ -23,6 +23,6 @@ class Avo::ProfileItemComponent < Avo::BaseComponent
   private
 
   def button_classes
-    "flex-1 flex items-center justify-center bg-white text-left cursor-pointer text-gray-800 font-semibold hover:bg-primary-100 block px-4 py-1 w-full py-3 text-center rounded w-full"
+    "flex-1 flex items-center justify-center bg-white text-left cursor-pointer text-gray-800 font-semibold hover:bg-primary-100 block px-4 py-1 w-full py-3 text-center rounded-sm w-full"
   end
 end

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

@@ -1,4 +1,4 @@
-<div class="resource-sidebar-component divide-y"
+<div class="resource-sidebar-component divide-y divide-gray-200"
   data-component-name="<%= self.class.to_s.underscore %>"
   data-component-index="<%= @index %>"
   data-resource-name="<%= @resource.class.to_s %>"

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

@@ -5,7 +5,7 @@
     name: t("avo.select_item"),
     title: t("avo.select_item"),
     autocomplete: :off,
-    class: class_names("mx-3 rounded checked:bg-primary-400 focus:checked:!bg-primary-400", {
+    class: class_names("mx-3 rounded-sm checked:bg-primary-400 focus:checked:!bg-primary-400", {
       "absolute inset-auto left-0 mt-3 z-10 hidden group-hover:block checked:block": @floating,
       "w-5 h-5": @size.to_sym == :lg,
       "w-4 h-4": @size.to_sym != :lg,

data/app/components/avo/sidebar/link_component.rb

@@ -26,6 +26,6 @@ class Avo::Sidebar::LinkComponent < Avo::BaseComponent
   end
 
   def classes
-    "px-4 pr-0 flex-1 flex mx-6 leading-none py-2 text-black rounded font-medium hover:bg-gray-100 gap-1"
+    "px-4 pr-0 flex-1 flex mx-6 leading-none py-2 text-black rounded-sm font-medium hover:bg-gray-100 gap-1"
   end
 end

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

@@ -1,6 +1,6 @@
 <%= content_tag :div,
   class: class_names(
-    "avo-sidebar fixed z-[60] t-0 application-sidebar w-64 flex-1 border-r lg:border-none bg-none xh-dvh h-[calc(100dvh-4rem)] bg-application lg:bg-transparent",
+    "avo-sidebar fixed z-[60] t-0 application-sidebar w-64 flex-1 border-r border-gray-200 lg:border-none bg-none xh-dvh h-[calc(100dvh-4rem)] bg-application lg:bg-transparent",
     "print:hidden": Avo.configuration.hide_layout_when_printing,
     "hidden": !@sidebar_open,
   ),
@@ -61,8 +61,8 @@
       </div>
     </div>
     <% if Rails.env.development? %>
-      <div class="p-4 border-t group">
-        <%= link_to helpers.avo.avo_private_status_path, class: "block px-4 py-2 border rounded flex justify-between items-center w-full text-black text-sm" do %>
+      <div class="p-4 border-t border-gray-200 group">
+        <%= link_to helpers.avo.avo_private_status_path, class: "block px-4 py-2 border border-gray-200 rounded-sm flex justify-between items-center w-full text-black text-sm" do %>
           <span>Avo Status</span> <span><div class="rounded-full w-4 h-4 <%= Avo.app_status ? "bg-green-400" : "bg-orange-400" %>"></div></span>
         <% end %>
         <div class="absolute text-xs text-gray-700 group-hover:block hidden text-center w-full -ml-4">👆Visible only in development👆</div>

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

@@ -1,7 +1,7 @@
-<div class="text-black border-gray-150 p-4 flex border-t">
+<div class="text-black border-gray-150 p-4 flex border-t border-gray-200">
   <div class="flex-1 flex space-x-4 w-full">
     <% if avatar.present? %>
-      <div class="relative aspect-square w-10 h-10 overflow-hidden rounded shrink-0">
+      <div class="relative aspect-square w-10 h-10 overflow-hidden rounded-sm shrink-0">
         <%= image_tag helpers.main_app.url_for(avatar), class: "object-cover min-w-full min-h-full h-full" %>
       </div>
     <% end %>
@@ -21,7 +21,7 @@
       <%= helpers.svg "avo/three-dots", class: 'h-4' %>
     </a>
     <div
-      class="hidden absolute flex flex-col inset-auto right-0 bottom-0 mb-8 bg-white rounded min-w-[200px] shadow-context z-40"
+      class="hidden absolute flex flex-col inset-auto right-0 bottom-0 mb-8 bg-white rounded-sm min-w-[200px] shadow-context z-40"
       data-toggle-target="panel"
       data-transition-enter="transition ease-in-out duration-100"
       data-transition-enter-start="transform opacity-0 translate-y-3"
@@ -49,7 +49,7 @@
             action: "submit->sign-out#handle",
           },
           class: 'flex-1' do |form| %>
-          <%= form.button turbo_confirm: t('avo.are_you_sure'), class: "flex-1 flex items-center justify-center bg-white text-left cursor-pointer text-red-600 font-semibold hover:bg-red-100 block px-4 py-1 w-full py-3 text-center rounded w-full" do %>
+          <%= form.button turbo_confirm: t('avo.are_you_sure'), class: "flex-1 flex items-center justify-center bg-white text-left cursor-pointer text-red-600 font-semibold hover:bg-red-100 block px-4 py-1 w-full py-3 text-center rounded-sm w-full" do %>
           <%= helpers.svg "avo/logout", class: 'h-4 mr-1' %> <%= t('avo.sign_out') %>
           <% end %>
         <% end %>

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

@@ -11,7 +11,7 @@
   <% visible_tabs.each_with_index do |tab, index| %>
     <%= content_tag :div, **args(tab) do %>
       <%= render Avo::PanelHeaderComponent.new name: group.title, description: group.description %>
-      <div class="border rounded-lg p-2 -mx-2 -my-2 lg:p-4 lg:-mx-4 lg:-my-3 space-y-4">
+      <div class="border border-gray-200 rounded-lg p-2 -mx-2 -my-2 lg:p-4 lg:-mx-4 lg:-my-3 space-y-4">
         <%= render Avo::TabSwitcherComponent.new resource: resource, current_tab: visible_tabs.first, group: group, active_tab_name: tab.name, view: view %>
         <% if !tab.is_empty? %>
           <% if tab.lazy_load && view.display? %>

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

@@ -79,7 +79,7 @@
       <% if view_type.to_sym == :table || view_type.to_sym == :map %>
         <% if @records.present? %>
           <div class="mt-4 w-full">
-            <%= render Avo::PaginatorComponent.new pagy: @pagy, turbo_frame: @turbo_frame, index_params: @index_params, resource: @resource, parent_record: @parent_record, discreet_pagination: field&.discreet_pagination %>
+            <%= render Avo::PaginatorComponent.new pagy: @pagy, turbo_frame: @turbo_frame, index_params: @index_params, resource: @resource, parent_record: @parent_record, parent_resource: @parent_resource, discreet_pagination: field&.discreet_pagination %>
           </div>
         <% end %>
       <% end %>
@@ -88,7 +88,7 @@
           <%= render Avo::Index::ResourceGridComponent.new(resources: @resources, resource: @resource, reflection: @reflection, parent_record: @parent_record, parent_resource: @parent_resource, actions: @actions) %>
         </div>
         <div class="mt-6">
-          <%= render Avo::PaginatorComponent.new pagy: @pagy, turbo_frame: @turbo_frame, index_params: @index_params, resource: @resource, parent_record: @parent_record, discreet_pagination: field&.discreet_pagination %>
+          <%= render Avo::PaginatorComponent.new pagy: @pagy, turbo_frame: @turbo_frame, index_params: @index_params, resource: @resource, parent_record: @parent_record, parent_resource: @parent_resource, discreet_pagination: field&.discreet_pagination %>
         </div>
       <% end %>
     <% end %>

data/app/helpers/avo/application_helper.rb

@@ -28,7 +28,7 @@ module Avo
     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}"
+      classes = "inline-flex grow-0 items-center text-sm font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 rounded-sm 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)
@@ -71,7 +71,7 @@ module Avo
     end
 
     def input_classes(extra_classes = "", has_error: false)
-      classes = "appearance-none inline-flex bg-gray-25 disabled:cursor-not-allowed text-gray-600 disabled:opacity-50 rounded py-2 px-3 leading-tight border focus:border-gray-600 focus-visible:ring-0 focus:text-gray-700 placeholder:text-gray-300"
+      classes = "appearance-none inline-flex bg-gray-25 disabled:cursor-not-allowed text-gray-600 disabled:opacity-50 rounded-sm py-2 px-3 leading-tight border focus:border-gray-600 focus-visible:ring-0 focus:text-gray-700 placeholder:text-gray-300"
 
       classes += if has_error
         " border-red-600"
@@ -85,11 +85,11 @@ module Avo
     end
 
     def white_panel_classes
-      "bg-white rounded shadow-md"
+      "bg-white rounded-sm shadow-md"
     end
 
     def card_classes
-      "bg-white rounded shadow-panel"
+      "bg-white rounded-sm shadow-panel"
     end
 
     def get_model_class(model)

data/app/helpers/avo/url_helpers.rb

@@ -61,6 +61,7 @@ module Avo
       parent_record,
       record,
       keep_query_params: false,
+      parent_resource: nil,
       **args
     )
       return if record.nil?
@@ -75,7 +76,9 @@ module Avo
       rescue
       end
 
-      avo.resources_associations_index_path(parent_record.model_name.route_key, record.to_param, **existing_params, **args)
+      route_key = parent_resource&.route_key || parent_record.model_name.route_key
+
+      avo.resources_associations_index_path(route_key, record.to_param, **existing_params, **args)
     end
 
     def resource_view_path(**args)

data/app/javascript/js/controllers/fields/key_value_controller.js

@@ -145,7 +145,7 @@ export default class extends Controller {
     const inputValue = id === 'key' ? key : value
 
     return `<input
-  class="${this.options.inputClasses} focus:bg-gray-100 !rounded-none border-gray-600 border-r border-l-0 border-b-0 border-t-0 focus:border-gray-300 w-1/2 focus:outline-none outline-none key-value-input-${id}"
+  class="${this.options.inputClasses} focus:bg-gray-100 !rounded-none border-gray-600 border-r border-l-0 border-b-0 border-t-0 focus:border-gray-300 w-1/2 focus:outline-hidden outline-hidden key-value-input-${id}"
   data-action="input->key-value#${id}FieldUpdated"
   placeholder="${this.options[`${id}_label`]}"
   data-index="${index}"

data/app/javascript/js/controllers/fields/tags_field_helpers.js

@@ -36,7 +36,7 @@ export function suggestionItemTemplate(tagData) {
   ${
   tagData.avatar
     ? `
-  <div class='rounded w-8 h-8 block mr-2'>
+  <div class='rounded-sm w-8 h-8 block mr-2'>
       <img onerror="this.style.visibility='hidden'" class="w-full" src="${tagData.avatar}">
   </div>`
     : ''

data/app/javascript/js/controllers/search_controller.js

@@ -152,7 +152,7 @@ export default class extends Controller {
                 classes = 'rounded-full'
                 break
               case 'rounded':
-                classes = 'rounded'
+                classes = 'rounded-sm'
                 break
               case 'square':
                 classes = 'rounded-none'
@@ -163,7 +163,7 @@ export default class extends Controller {
               createElement('img', {
                 src: item._avatar,
                 alt: item._label,
-                class: `flex-shrink-0 w-8 h-8 my-[2px] inline mr-2 ${classes}`,
+                class: `shrink-0 w-8 h-8 my-[2px] inline mr-2 ${classes}`,
               }),
             )
           }

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

@@ -5,7 +5,7 @@
     <% end %>
 
     <% if @preview_fields.present? %>
-      <div class="mt-0 divide-y border-t">
+      <div class="mt-0 divide-y divide-gray-200 border-t border-gray-200">
         <% @preview_fields.each_with_index do |field, index| %>
           <%= render field
             .hydrate(

data/app/views/avo/debug/report.html.erb

@@ -12,7 +12,7 @@
           <div class="sm:col-span-6 mt-4">
             <label for="about" class="block text-sm font-medium text-gray-700">Details</label>
             <div class="mt-1">
-              <%= f.text_area :body, rows: 3, class: "block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm disabled:bg-gray-100", disabled: !Avo::Current.license.pro? %>
+              <%= f.text_area :body, rows: 3, class: "block w-full rounded-md border-gray-300 shadow-xs focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm disabled:bg-gray-100", disabled: !Avo::Current.license.pro? %>
             </div>
           </div>
           <%= f.hidden_field :license_key, value: Avo::Services::DebugService.debug_report(request)[:license_response]["license_key"] %>

data/app/views/avo/debug/status.html.erb

@@ -19,7 +19,7 @@
     <% end %>
     <% c.with_bare_content do %>
       <div class="grid gap-4 grid-cols-2">
-        <div class="relative flex flex-col bg-white rounded shadow-panel p-4 space-y-4 h-full">
+        <div class="relative flex flex-col bg-white rounded-sm shadow-panel p-4 space-y-4 h-full">
           <div class="flex justify-between w-full">
             <div class="font-semibold">License info</div>
             <div class="flex justify-self-end">
@@ -52,26 +52,31 @@
                 </dl>
               <% end %>
               <div class="mt-4">
-                <dl>
+                <dl class="flex flex-col">
                   <% information_items.each do |item| %>
-                    <dt class="font-semibold text-sm"><%= item.humanize %></dt>
-                    <dd><%= license.response[item] %></dd>
-                  <% end %>
-                  <dt class="font-semibold text-sm">Last fetched at</dt>
-                  <dd><%= license.response['fetched_at'] %> <br>
-                    <% if license.response['fetched_at'].present? %>
-                      (<%= time_ago_in_words license.response['fetched_at'] %> ago)</dd>
+                    <div>
+                      <dt class="font-semibold text-sm"><%= item.humanize %></dt>
+                      <dd><%= license.response[item] %></dd>
+                    </div>
                   <% end %>
-                  <dt class="font-semibold text-sm">Cache store</dt>
-                  <dd>
-                    <%= Avo.cache_store.class %>
-                  </dd>
+                    <dt class="font-semibold text-sm">Last fetched at</dt>
+                    <dd><%= license.response['fetched_at'] %> <br>
+                      <% if license.response['fetched_at'].present? %>
+                        (<%= time_ago_in_words license.response['fetched_at'] %> ago)
+                      <% end %>
+                    </dd>
+                  <div>
+                    <dt class="font-semibold text-sm">Cache store</dt>
+                    <dd>
+                      <%= Avo.cache_store.class %>
+                    </dd>
+                  </div>
                 </dl>
               </div>
             </div>
           </div>
         </div>
-        <div class="relative flex flex-col bg-white rounded shadow-panel p-4 space-y-4 h-full">
+        <div class="relative flex flex-col bg-white rounded-sm shadow-panel p-4 space-y-4 h-full">
           <div class="flex justify-between w-full">
             <div class="font-semibold">Plugins</div>
           </div>

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

@@ -7,7 +7,7 @@
     <div class="mt-2">
       <code class="text-lg">Toggle published</code>
       <div class="mt-1">
-        <code class="p-1 rounded bg-sky-500 text-white">bin/rails generate avo:action toggle_published</code>
+        <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate avo:action toggle_published</code>
       </div>
     </div>
 

data/app/views/avo/home/_dashboards.html.erb

@@ -8,7 +8,7 @@
 
   <div class="mt-2">
     <div class="mt-1">
-      <code class="p-1 rounded bg-sky-500 text-white">bin/rails generate avo:dashboard dashy</code>
+      <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate avo:dashboard dashy</code>
     </div>
   </div>
 

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

@@ -7,7 +7,7 @@
     <div class="mt-2">
       <code class="text-lg">Published filter</code>
       <div class="mt-1">
-        <code class="p-1 rounded bg-sky-500 text-white">bin/rails generate avo:filter published_filter</code>
+        <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate avo:filter published_filter</code>
       </div>
     </div>
 

data/app/views/avo/home/_resources.html.erb

@@ -20,7 +20,7 @@
         <% models.each do |model| %>
           <code class="text-lg"><%= model.to_s %></code>
           <div>
-            <code class="p-1 rounded bg-sky-500 text-white">bin/rails generate avo:resource <%= model.to_s %></code>
+            <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate avo:resource <%= model.to_s %></code>
           </div>
         <% end %>
       </div>
@@ -30,7 +30,7 @@
       You may generate a resource using the following command:
       <br>
 
-      <code class="p-1 rounded bg-sky-500 text-white">bin/rails generate avo:resource post</code>
+      <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate avo:resource post</code>
     </div>
   <% end %>
 

data/app/views/avo/home/failed_to_load.html.erb

@@ -8,7 +8,7 @@
     <div class="relative block text-gray-300 h-64 w-full">
       <%= svg "avo/failed_to_load", class: "#{classes} h-52 text-gray-400" %>
     </div>
-    <div class="relative block text-center text-lg text-gray-400 font-semibold pb-6"><%= label %> <span class="border-b-2 border-dashed"><%= params[:turbo_frame].to_s.humanize.downcase if params[:turbo_frame].present? %></span> frame</div>
+    <div class="relative block text-center text-lg text-gray-400 font-semibold pb-6"><%= label %> <span class="border-b-2 border-gray-200 border-dashed"><%= params[:turbo_frame].to_s.humanize.downcase if params[:turbo_frame].present? %></span> frame</div>
     <% if Rails.env.development? && src_url %>
       <div class="text-center text-sm w-full pb-3">
         This is not an issue with Avo. Use <%= link_to 'this page', src_url, target: :_blank %> to see why this frame failed to load.