avo 3.0.0.pre12 → 3.0.0.pre14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 76b9e80370d7cd7011b456fe12affdd877ac7ea71d44ae1774ff661a2a0a5452
-  data.tar.gz: 1ce30818dee6f87d249f1e23e5d0c7ee73c9b8e67862c77f393a7598e5d712b4
+  metadata.gz: d0b96922b610c34442f4ef39940c378a6b5acc2638954c7eae30217fcfef32c4
+  data.tar.gz: '092dfa026329552be2be791d9493b4c0ca8db46caf72f7bb494e59aceab32275'
 SHA512:
-  metadata.gz: c90992abccb5192dec1ce3414f4c14bf51dc7e665a08320df9c4a154c7539b55d4bdfa4c6d23322ffc5a550b27f9eb15815298ad07b23a2e7f7fc8ed8be4f16e
-  data.tar.gz: 390a9b9988437466ced356326a811d6cabdfa360d0982e8dfc464254cf3025bd6660d5ef1656fc44cee2d0fffcffd8f2907488379eb3d817cf6ea2493c976a72
+  metadata.gz: d1a47cfffce993596d1fd2edb977c4207ced53a597e174917848f69d3586a8d337dfcf7b131c4720cef4119ce5ff8d16577304533c4776e3e807b6307606396c
+  data.tar.gz: 94699f2123e35d23c0572d73137c86e025fa493c6f0637d9b7ea04ecbb93daef27ecaac42e818f3cdf01aba2dc2420aed7b18de6bb72cd87d8995afb29026ad1

data/Gemfile

@@ -162,7 +162,7 @@ gem "sprockets-rails"
 gem "image_processing", "~> 1.12"
 
 # source "https://rubygems.pkg.github.com/avo-hq" do
-#   gem "avo_filters"
+#   gem "avo-dynamic_filters"
 # end
 gem "prefixed_ids"
 

data/Gemfile.lock

@@ -1,10 +1,11 @@
 PATH
   remote: .
   specs:
-    avo (3.0.0.pre12)
+    avo (3.0.0.pre14)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)
+      activesupport (>= 6.1)
       addressable
       docile
       dry-initializer

data/app/assets/stylesheets/avo.base.css

@@ -1,4 +1,4 @@
-@import './../../../node_modules/simplemde/dist/simplemde.min.css';
+@import './../../../node_modules/easymde/dist/easymde.min.css';
 @import './../../../node_modules/tippy.js/dist/tippy.css';
 @import './../../../node_modules/tippy.js/themes/light.css';
 @import './../../../node_modules/flatpickr/dist/flatpickr.css';

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

@@ -32,7 +32,7 @@
   >
     <div data-target="actions-list" class="w-full space divide-y">
       <% actions.each_with_index do |action, index| %>
-        <%= link_to action_path(action.param_id),
+        <%= link_to action_path(action),
           data: {
             action_name: action.action_name,
             'turbo-frame': 'actions_show',

data/app/components/avo/actions_component.rb

@@ -4,11 +4,12 @@ class Avo::ActionsComponent < ViewComponent::Base
   include Avo::ApplicationHelper
   attr_reader :label, :size, :as_row_control
 
-  def initialize(actions: [], resource: nil, view: nil, exclude: [], style: :outline, color: :primary, label: nil, size: :md, as_row_control: false)
+  def initialize(actions: [], resource: nil, view: nil, exclude: [], include: [], style: :outline, color: :primary, label: nil, size: :md, as_row_control: false)
     @actions = actions || []
     @resource = resource
     @view = view
     @exclude = exclude
+    @include = include
     @color = color
     @style = style
     @label = label || I18n.t("avo.actions")
@@ -21,19 +22,25 @@ class Avo::ActionsComponent < ViewComponent::Base
   end
 
   def actions
-    @actions.reject { |action| action.class.in?(@exclude) }
+    if @exclude.present?
+      @actions.reject { |action| action.class.in?(@exclude) }
+    elsif @include.present?
+      @actions.select { |action| action.class.in?(@include) }
+    else
+      @actions
+    end
   end
 
   # When running an action for one record we should do it on a special path.
   # We do that so we get the `record` param inside the action so we can prefill fields.
-  def action_path(id)
-    return single_record_path(id) if as_row_control
-    return many_records_path(id) unless @resource.has_record_id?
+  def action_path(action)
+    return single_record_path(action) if as_row_control
+    return many_records_path(action) unless @resource.has_record_id?
 
     if on_record_page?
-      single_record_path id
+      single_record_path action
     else
-      many_records_path id
+      many_records_path action
     end
   end
 
@@ -54,17 +61,34 @@ class Avo::ActionsComponent < ViewComponent::Base
     !on_record_page?
   end
 
-  def single_record_path(id)
-    Avo::Services::URIService.parse(@resource.record_path)
-      .append_paths("actions")
-      .append_query(action_id: id)
-      .to_s
+  def single_record_path(action)
+    action_url(action, @resource.record_path)
+  end
+
+  def many_records_path(action)
+    action_url(action, @resource.records_path)
   end
 
-  def many_records_path(id)
-    Avo::Services::URIService.parse(@resource.records_path)
+  def action_url(action, path)
+    Avo::Services::URIService.parse(path)
       .append_paths("actions")
-      .append_query(action_id: id)
-      .to_s
+      .append_query(
+        {
+          action_id: action.param_id,
+          arguments: encrypted_arguments(action)
+        }.compact
+      ).to_s
+  end
+
+  # Encrypt the arguments so we can pass them as a query param.
+  # EncryptionService can generate special characters that can break the URL.
+  # We use Base64 to encode the encrypted string so we can safely pass it as a query param and don't break the URL.
+  def encrypted_arguments(action)
+    return if action.arguments.blank?
+
+    Base64.encode64 Avo::Services::EncryptionService.encrypt(
+      message: action.arguments,
+      purpose: :action_arguments
+    )
   end
 end

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

@@ -10,7 +10,7 @@
       </div>
       <div class="ml-3 w-0 flex-1 pt-0.5">
         <p class="text-sm leading-5 font-semibold">
-          <%== message %>
+          <%= sanitize message.to_s %>
         </p>
       </div>
       <div class="ml-4 flex-shrink-0 flex items-center">

data/app/components/avo/base_component.rb

@@ -4,7 +4,7 @@ class Avo::BaseComponent < ViewComponent::Base
   include Turbo::FramesHelper
 
   def has_with_trial(ability)
-    ::Avo::App.license.has_with_trial(ability)
+    Avo.license.has_with_trial(ability)
   end
 
   private
@@ -18,7 +18,7 @@ class Avo::BaseComponent < ViewComponent::Base
 
   # Fetch the resource and hydrate it with the record
   def association_resource
-    resource = ::Avo::App.resources.get_resource(params[:via_resource_class])
+    resource = Avo.resource_manager.get_resource(params[:via_resource_class])
 
     model_class = if params[:via_relation_class].present?
       ::Avo::BaseResource.get_model_by_name params[:via_relation_class]
@@ -26,23 +26,23 @@ class Avo::BaseComponent < ViewComponent::Base
       resource.model_class
     end
 
-    resource = ::Avo::App.resources.get_resource_by_model_class model_class if resource.blank?
+    resource = Avo.resource_manager.get_resource_by_model_class model_class if resource.blank?
 
     record = resource.find_record params[:via_record_id], query: model_class, params: params
 
-    resource.dup.hydrate record: record
+    resource.new record: record
   end
 
   # Get the resource for the resource using the klass attribute so we get the namespace too
   def reflection_resource
-    ::Avo::App.resources.get_resource_by_model_class(@reflection.klass.to_s)
+    Avo.resource_manager.get_resource_by_model_class(@reflection.klass.to_s)
   rescue
     nil
   end
 
   # Get the resource for the resource using the klass attribute so we get the namespace too
   def reflection_parent_resource
-    ::Avo::App.resources.get_resource_by_model_class(@reflection.active_record.to_s)
+    Avo.resource_manager.get_resource_by_model_class(@reflection.active_record.to_s)
   rescue
     nil
   end
@@ -51,7 +51,7 @@ class Avo::BaseComponent < ViewComponent::Base
     return @resource unless link_to_child_resource_is_enabled?
     return @resource if @resource.record.class.base_class == @resource.record.class
 
-    ::Avo::App.resources.get_resource_by_model_class(@resource.record.class).dup || @resource
+    Avo.resource_manager.get_resource_by_model_class(@resource.record.class) || @resource
   end
 
   def link_to_child_resource_is_enabled?

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

@@ -24,13 +24,13 @@
           <div class="text-red-600 mt-2 text-sm"><%= record.errors.full_messages_for(field.id).to_sentence %></div>
         <% end %>
         <% if help.present? %>
-          <div class="text-gray-600 mt-2 text-sm"><%== help %></div>
+          <div class="text-gray-600 mt-2 text-sm"><%= sanitize help %></div>
         <% end %>
       <% end %>
     </div>
   </div>
   <% if params[:avo_debug].present? %>
     <!-- Raw value: -->
-    <!-- <%== field.value.inspect %> -->
+    <!-- <%= sanitize field.value.inspect %> -->
   <% end %>
 <% end %>

data/app/components/avo/field_wrapper_component.rb

@@ -43,7 +43,7 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
   end
 
   def classes(extra_classes = "")
-    "field-wrapper relative flex flex-col flex-grow pb-2 md:pb-0 leading-tight min-h-14 #{stacked? ? "field-wrapper-layout-stacked" : "field-wrapper-layout-inline md:flex-row md:items-center"} #{compact? ? "field-wrapper-size-compact" : "field-wrapper-size-regular"} #{full_width? ? "field-width-full" : "field-width-regular"} #{@classes || ""} #{extra_classes || ""} #{@field.get_html(:classes, view: view, element: :wrapper)}"
+    "field-wrapper relative flex flex-col grow pb-2 md:pb-0 leading-tight min-h-14 h-full #{stacked? ? "field-wrapper-layout-stacked" : "field-wrapper-layout-inline md:flex-row md:items-center"} #{compact? ? "field-wrapper-size-compact" : "field-wrapper-size-regular"} #{full_width? ? "field-width-full" : "field-width-regular"} #{@classes || ""} #{extra_classes || ""} #{@field.get_html(:classes, view: view, element: :wrapper)}"
   end
 
   def style

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

@@ -1,7 +1,7 @@
 <%= field_wrapper **field_wrapper_args do %>
   <%= @form.text_field field.id,
-    class: classes("w-full"),
     value: field.value.to_s,
+    class: classes("w-full"),
     placeholder: field.placeholder,
     disabled: disabled? %>
 <% end %>

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

@@ -2,7 +2,7 @@
   <%
     # Set the model keys so we can pass them over
     model_keys = @field.types.map do |type|
-      resource = Avo::App.resources.get_resource_by_model_class(type.to_s)
+      resource = Avo.resource_manager.get_resource_by_model_class(type.to_s)
       [type.to_s, resource.model_key]
     end.to_h
   %>
@@ -13,7 +13,7 @@
     data-association-class="<%= @field&.target_resource&.model_class || nil %>"
   >
     <%= field_wrapper **field_wrapper_args, help: @field.polymorphic_help || '' do %>
-      <%= @form.select @field.type_input_foreign_key, @field.types.map { |type| [::Avo::App.resources.get_resource_by_model_class(type.to_s).name, type.to_s] },
+      <%= @form.select @field.type_input_foreign_key, @field.types.map { |type| [Avo.resource_manager.get_resource_by_model_class(type.to_s).name, type.to_s] },
       {
         value: @field.value,
         include_blank: @field.placeholder,
@@ -40,9 +40,9 @@
         data-belongs-to-field-target="type"
         data-type="<%= type %>"
       >
-        <%= field_wrapper **field_wrapper_args, label: ::Avo::App.resources.get_resource_by_model_class(type.to_s).name do %>
+        <%= field_wrapper **field_wrapper_args, label: Avo.resource_manager.get_resource_by_model_class(type.to_s).name do %>
           <% if @field.is_searchable? %>
-            <%= render AvoPro::SearchableAssociations::AutocompleteComponent.new form: @form,
+            <%= render Avo::Pro::SearchableAssociations::AutocompleteComponent.new form: @form,
               disabled: disabled,
               field: @field,
               foreign_key: @field.id_input_foreign_key,
@@ -81,7 +81,7 @@
 <% else %>
   <%= field_wrapper **field_wrapper_args do %>
     <% if @field.is_searchable? %>
-      <%= render AvoPro::SearchableAssociations::AutocompleteComponent.new form: @form,
+      <%= render Avo::Pro::SearchableAssociations::AutocompleteComponent.new form: @form,
         field: @field,
         model_key: @field.target_resource&.model_key,
         foreign_key: @field.id_input_foreign_key,

data/app/components/avo/fields/belongs_to_field/edit_component.rb

@@ -1,8 +1,8 @@
 # frozen_string_literal: true
 
 class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
-  def initialize(field: nil, resource: nil, index: 0, form: nil, compact: false, **args)
-    super field: field, resource: resource, index: index, form: form, compact: compact, **args
+  def initialize(...)
+    super(...)
 
     @polymorphic_record = nil
   end
@@ -32,7 +32,7 @@ class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
   end
 
   def polymorphic_resource
-    Avo::App.resources.get_resource_by_model_class(polymorphic_class)
+    Avo.resource_manager.get_resource_by_model_class(polymorphic_class)
   end
 
   # Get the polymorphic id
@@ -60,6 +60,6 @@ class Avo::Fields::BelongsToField::EditComponent < Avo::Fields::EditComponent
   private
 
   def visit_through_association?
-    @field.target_resource.class.to_s == params[:via_resource_class].to_s
+    @field.target_resource.to_s == params[:via_resource_class].to_s
   end
 end

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

@@ -1,6 +1,7 @@
 <%= field_wrapper **field_wrapper_args, dash_if_blank: false do %>
   <div class="h-8 flex items-center">
     <%= @form.check_box @field.id,
+      value: @field.value,
       checked: @field.value,
       class: "text-lg h-4 w-4 checked:bg-primary-400 focus:checked:!bg-primary-400 rounded #{@field.get_html(:classes, view: view, element: :input)}",
       data: @field.get_html(:data, view: view, element: :input),

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

@@ -2,7 +2,7 @@
   <div class="flex items-center">
     <div class="space-y-2">
       <% model_param_key = model_name_from_record_or_class(@resource.record).param_key %>
-      <%= check_box_tag "#{model_name_from_record_or_class(@resource.record).param_key}[#{@field.id}][]", '', true, { class: "hidden" } %>
+      <%= check_box_tag "#{model_param_key}[#{@field.id}][]", '', true, { class: "hidden" } %>
       <% @field.options.each do |id, label| %>
         <%
           checked = false

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

@@ -1,6 +1,7 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
   <div data-controller="code-field">
     <%= @form.text_area @field.id,
+      value: @field.value,
       class: classes("w-full"),
       data: {
         'code-field-target': 'element',

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

@@ -3,7 +3,7 @@
     <% if empty %>
     <% elsif value.present? %>
       <% if as_html %>
-        <%== value %>
+        <%= sanitize value %>
       <% else %>
         <div class="font-semibold uppercase"><%= value %></div>
       <% end %>

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

@@ -1,5 +1,6 @@
 <%= field_wrapper **field_wrapper_args do %>
   <%= @form.select @field.id, @field.select_options, {
+      value: @field.value,
       selected: @field.value,
       include_blank: @field.include_blank
     },

data/app/components/avo/fields/file_field/index_component.rb

@@ -6,10 +6,10 @@ class Avo::Fields::FileField::IndexComponent < Avo::Fields::IndexComponent
   end
 
   def has_image_tag?
-    @field.value.attached? && @field.value.representable? && @field.is_image
+    field.value.present? && field.value.attached? && field.value.representable? && field.is_image
   end
 
   def has_audio_tag?
-    @field.value.attached? && @field.is_audio
+    field.value.present? && field.value.attached? && field.is_audio
   end
 end

data/app/components/avo/fields/has_one_field/show_component.html.erb

@@ -9,6 +9,7 @@
         <%= a_link attach_path,
           icon: 'heroicons/outline/link',
           color: :primary,
+          style: :text,
           'data-turbo-frame': 'attach_modal' do %>
           <%= t('avo.attach_item', item: @field.name.downcase) %>
         <% end %>

data/app/components/avo/fields/index_component.rb

@@ -3,6 +3,7 @@
 class Avo::Fields::IndexComponent < Avo::BaseComponent
   include Avo::ResourcesHelper
 
+  attr_reader :field
   attr_reader :parent_resource
   attr_reader :view
 

data/app/components/avo/fields/location_field/show_component.html.erb

@@ -1,6 +1,6 @@
 <%= field_wrapper **field_wrapper_args do %>
   <% if field.value_present? %>
-    <%= js_map [{latitude: field.value[0], longitude: field.value[1]}], id: "location-map" %>
+    <%= js_map [{latitude: field.value[0], longitude: field.value[1]}], id: "location-map", zoom: field.zoom, controls: true %>
   <% else %>
     —
   <% end %>

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

@@ -1,10 +1,11 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
-  <div data-controller="simple-mde">
+  <div data-controller="easy-mde">
     <%= @form.text_area @field.id,
-      class: classes("w-full js-has-simple-mde-editor"),
+      value: @field.value,
+      class: classes("w-full js-has-easy-mde-editor"),
       data: {
         view: view,
-        'simple-mde-target': 'element',
+        'easy-mde-target': 'element',
         'component-options': @field.options.to_json,
       },
       disabled: disabled?,

data/app/components/avo/fields/markdown_field/show_component.html.erb

@@ -1,10 +1,10 @@
 <%= field_wrapper **field_wrapper_args, full_width: true do %>
-  <div data-controller="simple-mde">
+  <div data-controller="easy-mde">
     <%= text_area_tag @field.id, @field.value,
-      class: helpers.input_classes('w-full js-has-simple-mde-editor'),
+      class: helpers.input_classes('w-full js-has-easy-mde-editor'),
       placeholder: @field.placeholder,
       disabled: disabled?,
-      'data-simple-mde-target': 'element',
+      'data-easy-mde-target': 'element',
       'data-component-options': @field.options.to_json,
       'data-view': :show %>
   </div>

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

@@ -1,5 +1,6 @@
 <%= field_wrapper **field_wrapper_args do %>
   <%= @form.number_field @field.id,
+    value: @field.value,
     class: classes("w-full"),
     data: @field.get_html(:data, view: view, element: :input),
     disabled: disabled?,

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

@@ -1,5 +1,6 @@
 <%= field_wrapper **field_wrapper_args do %>
   <%= @form.password_field @field.id,
+    value: @field.value,
     class: classes("w-full"),
     data: @field.get_html(:data, view: view, element: :input),
     disabled: disabled?,

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

@@ -6,6 +6,7 @@
       </div>
     <% end %>
     <%= @form.range_field @field.id,
+      value: @field.value,
       class: "w-full #{@field.get_html(:classes, view: view, element: :input)}",
       data: {
         action: "input->progress-bar-field#update",

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

@@ -5,6 +5,6 @@
     disabled: disabled?,
     placeholder: @field.placeholder,
     style: @field.get_html(:style, view: view, element: :input),
-    value: @resource.record.present? ? @resource.record[@field.id] : @field.value
+    value: @field.value
   %>
 <% end %>

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

@@ -1,11 +1,11 @@
 <%= field_wrapper **field_wrapper_args do %>
   <%= form.text_field @field.id,
+    value: @field.value,
     class: classes("w-full"),
     data: @field.get_html(:data, view: view, element: :input),
     disabled: disabled?,
     placeholder: @field.placeholder,
     style: @field.get_html(:style, view: view, element: :input),
-    # value: @field.value,
     multiple: multiple,
     autocomplete: @field.autocomplete
   %>

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

@@ -1,5 +1,6 @@
 <%= field_wrapper **field_wrapper_args do %>
   <%= @form.text_area @field.id,
+    value: @field.value,
     class: classes("w-full"),
     data: @field.get_html(:data, view: view, element: :input),
     disabled: disabled?,

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

@@ -20,9 +20,10 @@
       },
       input: trix_id,
       placeholder: @field.placeholder do %>
-      <%== @field.value %>
+      <%= sanitize @field.value.to_s %>
     <% end %>
     <%= @form.text_area @field.id,
+      value: @field.value,
       class: classes("w-full hidden"),
       data: @field.get_html(:data, view: view, element: :input),
       disabled: disabled?,

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

@@ -8,7 +8,7 @@
       <%= link_to t('avo.show_content'), 'javascript:void(0);', class: 'font-bold inline-block', data: { action: 'click->hidden-input#showContent' } %>
     <% end %>
     <div class="<%= content_classes %> " data-hidden-input-target="content">
-      <%== @field.value %>
+      <%= sanitize @field.value.to_s %>
     </div>
   </div>
 <% end %>

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

@@ -19,6 +19,6 @@
   <% end %>
   <% if params[:avo_debug].present? %>
     <!-- Raw value: -->
-    <!-- <%== @field.value.inspect %> -->
+    <!-- <%= sanitize @field.value.inspect %> -->
   <% end %>
 <% end %>

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

@@ -5,45 +5,19 @@
   data-resource-name="<%= @resource.class.to_s %>"
   data-record-id="<%= @resource.record.id %>"
 >
-  <%= content_tag :div, class: "relative w-full pb-3/4 rounded-t overflow-hidden #{cover.present? ? cover.get_html(:classes, view: :index, element: :wrapper) : ""}", style: cover.present? ? cover.get_html(:style, view: :index, element: :wrapper) : "" do %>
-    <% if @resource.record_selector %>
-      <%== item_selector_input floating: true, size: :lg %>
-    <% end %>
-    <% if cover.blank? %>
-      <%= link_to resource_view_path do %>
-        <%= render Avo::Index::GridCoverEmptyStateComponent.new %>
-      <% end %>
-    <% elsif cover.respond_to?(:to_image) && cover.to_image.present? %>
-      <%= link_to_if cover.link_to_resource, image_tag(cover.to_image, class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full object-cover', title: title.value %>
-    <% elsif cover.type == 'file' %>
-      <% if cover.value.attached? && cover.value.representable? %>
-        <%= link_to_if cover.link_to_resource, image_tag(helpers.main_app.url_for(cover.value.variant(resize_to_limit: [480, 480])), class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full object-cover', title: title.value %>
-      <% else %>
-        <%= link_to resource_view_path do %>
-          <%= render Avo::Index::GridCoverEmptyStateComponent.new %>
-        <% end %>
-      <% end %>
-    <% elsif cover.value.present? %>
-      <%= link_to_if cover.link_to_resource, image_tag(cover.value, class: 'absolute h-full w-full object-cover'), resource_view_path, class: 'absolute h-full w-full object-cover', title: title.value %>
-    <% else %>
-      <%= render Avo::Index::GridCoverEmptyStateComponent.new %>
-    <% end %>
+  <%= content_tag :div,
+    class: "relative w-full pb-3/4 rounded-t overflow-hidden #{html(:cover, :classes)}",
+    style: html(:cover, :style) do %>
+    <%== item_selector_input(floating: true, size: :lg) if @resource.record_selector%>
+    <%= render_cover %>
   <% end %>
-  <%= content_tag :div, class: "grid grid-cols-1 place-content-between p-4 h-full" do %>
+  <div class="grid grid-cols-1 place-content-between p-4 h-full">
     <div class="mb-4 h-full flex flex-col space-between">
-      <% if title.present? %>
-        <%= content_tag :div, class: "grid font-semibold leading-tight text-lg mb-2 #{title.get_html(:classes, view: :index, element: :wrapper)}", style: title.get_html(:style, view: :index, element: :wrapper) do %>
-          <%= link_to_if title.link_to_resource, title.value, resource_view_path %>
-        <% end %>
-      <% end %>
-      <% if body.present? %>
-        <%= content_tag :div, class: "text-sm break-words text-gray-500 #{body.get_html(:classes, view: :index, element: :wrapper)}", style: body.get_html(:style, view: :index, element: :wrapper) do %>
-          <%= body.value %>
-        <% end %>
-      <% end %>
+      <%= render_title %>
+      <%= render_body %>
     </div>
     <div class="w-full place-self-end">
       <%= render(Avo::Index::ResourceControlsComponent.new(resource: @resource, reflection: @reflection, parent_record: @parent_record, parent_resource: @parent_resource, view_type: :grid, actions: actions)) %>
     </div>
-  <% end %>
+  </div>
 </div>