avo 2.45.0 → 3.0.2

data/README.md

@@ -13,7 +13,7 @@ Avo is a beautiful next-generation framework that empowers you, the developer, t
 
 ## Get started
 
-⚡️ **Install**: [docs.avohq.io/2.0/installation](https://docs.avohq.io/2.0/installation.html)\
+⚡️ **Install**: [docs.avohq.io/3.0/installation](https://docs.avohq.io/3.0/installation.html)\
 ✨ **Website**: [avohq.io](https://avohq.io)\
 📚 **Documentation**: [docs.avohq.io](https://docs.avohq.io)\
 🗺 **Roadmap**: [GitHub Roadmap](https://github.com/orgs/avo-hq/projects/3)\
@@ -26,23 +26,23 @@ Avo is a beautiful next-generation framework that empowers you, the developer, t
 ## Features
 
   - **Powered by Hotwire** - Rails ❤️  Hotwire
-  - **Code driven configuration** - Configure your Rails dashboard entirely by writing Ruby code. [docs](https://docs.avohq.io/2.0/resources.html#defining-resources)
+  - **Code driven configuration** - Configure your Rails dashboard entirely by writing Ruby code. [docs](https://docs.avohq.io/3.0/resources.html#defining-resources)
   - **Resource Management** - Create a CRUD interface for Active Record from one command. No more copy-pasting view and controller files around.
-  - **Dashboard widgets and metrics** - Create metrics, charts, and custom cards amazingly fast. [docs](https://docs.avohq.io/2.0/dashboards.html)
-  - **Resource Search** - Quickly run a search through one or more resources at once. [docs](https://docs.avohq.io/2.0/resources.html#filters)
-  - **Associations enabled** - Link your models together with all types of associations (belongs_to, has_many, polymorphic, etc.). [docs](https://docs.avohq.io/2.0/associations.html)
-  - **Fuzzy-searchable associations** - Do you have a ton of records and don't want to scroll through a big dropdown? Avo's got you covered. [docs](https://docs.avohq.io/2.0/associations.html#searchable-belongs-to)
-  - **Active Storage support** - Amazingly easy, **one-line**, single or multi-file integration with **ActiveStorage**. [docs](https://docs.avohq.io/2.0/fields.html#file)
-  - **Records Ordering** - Sorting records is a breeze. [docs](https://docs.avohq.io/2.0/resources.html#records-ordering)
-  - **Grid view** - Beautiful card layout to showcase your content. [docs](https://docs.avohq.io/2.0/grid-view.html)
-  - **Actions** - Run custom actions to one or more of your resources with as little as pressing a button 💪   [docs](https://docs.avohq.io/2.0/actions.html)
-  - **Filters** - Write your own custom filters to quickly segment your data. [docs](https://docs.avohq.io/2.0/filters.html)
-  - **Keeps your app clean** - You don't need to change your app to use Avo. Drop it in your existing app or add it to a new one and you're done 🙌 [docs](https://docs.avohq.io/2.0/installation.html)
-  - **Custom fields**- No worries if we missed a field you need. Generate a custom field in a jiffy. [docs](https://docs.avohq.io/2.0/custom-fields.html)
-  - **Custom tools** - Break out of the CRUD. Do you need to add a page with something completely new? You've got it! [docs](https://docs.avohq.io/2.0/custom-tools.html)
-  - **Authorization** - Leverage Pundit policies to build a robust and scalable authorization system. [docs](https://docs.avohq.io/2.0/authorization.html)
-  - **Localization** - Have it available in any language you need. [docs](https://docs.avohq.io/2.0/localization.html)
-  - **No asset pipeline pollution** - Bring your own asset pipeline. [docs](https://docs.avohq.io/2.0/custom-asset-pipeline.html)
+  - **Dashboard widgets and metrics** - Create metrics, charts, and custom cards amazingly fast. [docs](https://docs.avohq.io/3.0/dashboards.html)
+  - **Resource Search** - Quickly run a search through one or more resources at once. [docs](https://docs.avohq.io/3.0/search.html)
+  - **Associations enabled** - Link your models together with all types of associations (belongs_to, has_many, polymorphic, etc.). [docs](https://docs.avohq.io/3.0/associations.html)
+  - **Fuzzy-searchable associations** - Do you have a ton of records and don't want to scroll through a big dropdown? Avo's got you covered. [docs](https://docs.avohq.io/3.0/associations/belongs_to.html#searchable)
+  - **Active Storage support** - Amazingly easy, **one-line**, single or multi-file integration with **ActiveStorage**. [docs](https://docs.avohq.io/3.0/fields/file.html)
+  - **Records Ordering** - Sorting records is a breeze. [docs](https://docs.avohq.io/3.0/records-reordering.html)
+  - **Grid view** - Beautiful card layout to showcase your content. [docs](https://docs.avohq.io/3.0/grid-view.html)
+  - **Actions** - Run custom actions to one or more of your resources with as little as pressing a button 💪   [docs](https://docs.avohq.io/3.0/actions.html)
+  - **Filters** - Write your own custom filters to quickly segment your data. [docs](https://docs.avohq.io/3.0/filters.html)
+  - **Keeps your app clean** - You don't need to change your app to use Avo. Drop it in your existing app or add it to a new one and you're done 🙌 [docs](https://docs.avohq.io/3.0/installation.html)
+  - **Custom fields**- No worries if we missed a field you need. Generate a custom field in a jiffy. [docs](https://docs.avohq.io/3.0/custom-fields.html)
+  - **Custom tools** - Break out of the CRUD. Do you need to add a page with something completely new? You've got it! [docs](https://docs.avohq.io/3.0/custom-tools.html)
+  - **Authorization** - Leverage Pundit policies to build a robust and scalable authorization system. [docs](https://docs.avohq.io/3.0/authorization.html)
+  - **Localization** - Have it available in any language you need. [docs](https://docs.avohq.io/3.0/localization.html)
+  - **No asset pipeline pollution** - Bring your own asset pipeline. [docs](https://docs.avohq.io/3.0/custom-asset-pipeline.html)
   - **Mobile interface** - Check your data on the go from any mobile device.
   - **Tabbed interface** - Conditionally show the data you need
   - **Menu builder** - Group and surface information as you need to
@@ -56,7 +56,7 @@ For more up-to-date info check out our 🗺 [Roadmap](https://github.com/orgs/av
 
 # Installation
 
-Use this RailsBytes template to get started quick `rails app:template LOCATION='https://avohq.io/app-template'`. If you need a more detailed guide, follow [this page](https://docs.avohq.io/2.0/installation.html).
+Use this RailsBytes template to get started quick `rails app:template LOCATION='https://avohq.io/app-template'`. If you need a more detailed guide, follow [this page](https://docs.avohq.io/3.0/installation.html).
 
 # Contributing
 
@@ -64,7 +64,7 @@ Please read [CONTRIBUTING.MD](./CONTRIBUTING.MD)
 
 # Upgrade Guide
 
-Please read the [UPGRADE_GUIDE.MD](https://docs.avohq.io/2.0/upgrade.html)
+Please read the [UPGRADE_GUIDE.MD](https://docs.avohq.io/3.0/upgrade.html)
 
 # Release schedule
 
@@ -81,14 +81,6 @@ Please read the [RELEASE.MD](./RELEASE.MD)
 
 <table>
 <tr>
-  <td>
-    <a href="https://equipetechnique.com/?utm_source=github&utm_medium=link&utm_campaign=avo" target="_blank">
-      <picture>
-        <source media="(prefers-color-scheme: dark)" srcset="https://avohq.io/img/sponsors/ET-dark.jpeg">
-        <img alt="Equipe Technique Busines Sponsor" src="https://avohq.io/img/sponsors/ET-light.jpeg" width="180px">
-      </picture>
-    </a>
-  </td>
   <td>
     <a href="https://www.greenhats.com/?utm_source=github&utm_medium=link&utm_campaign=avo" target="_blank">
       <picture>

data/Rakefile

@@ -19,6 +19,8 @@ load "rails/tasks/engine.rake"
 
 load "rails/tasks/statistics.rake"
 
+load "lib/tasks/avo_tasks.rake"
+
 require "bundler/gem_tasks"
 
 require "rake/testtask"

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

@@ -19,12 +19,12 @@
 @import './css/scrollbar.css';
 @import './css/sidebar.css';
 @import './css/spinner.css';
-@import './css/tags.css';
 
 @import './css/fields/status.css';
 @import './css/fields/code.css';
 @import './css/fields/progress.css';
 @import './css/fields/trix.css';
+@import './css/fields/tags.css';
 
 @import 'tailwindcss/components';
 

data/app/assets/svgs/font.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M432 432h-33.32l-135-389.24A16 16 0 0 0 248.55 32h-49.1a16 16 0 0 0-15.12 10.76L49.32 432H16a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-35.44l33.31-96h164.26l33.31 96H304a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16zM158.53 288L224 99.31 289.47 288z"/></svg>

data/app/assets/svgs/triangle-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="9" role="presentation"><g fill="none" fill-rule="evenodd"><path fill="#C9CBCF" fill-opacity="1" d="M1 9.092h19l-6.402-6.74c-1.717-1.806-4.485-1.8-6.196 0L1 9.093zM20.342 8l-6.02-6.336c-2.108-2.22-5.538-2.218-7.645 0L.658 8h19.684z"></path><path fill="currentcolor" d="M7.402 2.353c1.711-1.801 4.48-1.807 6.196 0L20 9.093H1l6.402-6.74z"></path></g></svg>

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

@@ -1,26 +1,40 @@
 <div class="relative flex flex-col w-full sm:w-auto js-actions-dropdown"
-  data-controller="toggle-panel actions-picker"
+  data-component-name="<%= self.class.to_s.underscore %>"
+  data-controller="toggle actions-picker"
   data-actions-picker-enabled-class="text-black hover:bg-primary-500 hover:text-white"
   data-actions-picker-disabled-class="cursor-wait text-gray-500"
+  data-resource-name="<%= @resource.class.to_s %>"
+  <% if @resource.record.present? %> data-record-id="<%= @resource.record.id %>" <% end %>
 >
   <%= a_button style: @style,
     type: :button,
     color: @color,
+    size: size,
     class: "focus:outline-none",
     icon: 'arrow-circle-right',
     icon_class: 'transform rotate-90',
-    'data-action': "click->toggle-panel#togglePanel",
+    'data-action': "click->toggle#togglePanel",
     'data-actions-dropdown-button': @resource.model_key do %>
     <%= label %>
   <% end %>
   <div
     class="absolute flex inset-auto xl:right-0 top-full bg-white w-full sm:w-auto sm:min-w-[300px] mt-2 z-40 shadow-modal rounded overflow-hidden hidden"
-    data-toggle-panel-target="panel"
+    data-toggle-target="panel"
+    data-controller="actions-overflow"
+    data-actions-overflow-panel-list-value="<%= !@as_row_control %>"
+    data-actions-overflow-target="content"
+    data-transition-enter="transition ease-out duration-100"
+    data-transition-enter-start="transform opacity-0 -translate-y-1"
+    data-transition-enter-end="transform opacity-100 translate-y-0"
+    data-transition-leave="transition ease-in duration-75"
+    data-transition-leave-start="transform opacity-100 translate-y-0"
+    data-transition-leave-end="transform opacity-0 -translate-y-1"
   >
-    <div class="w-full space divide-y">
+    <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',
             'action': 'click->actions-picker#visitAction',
             'actions-picker-target': action.standalone ? 'standaloneAction' : 'resourceAction',

data/app/components/avo/actions_component.rb

@@ -2,17 +2,19 @@
 
 class Avo::ActionsComponent < ViewComponent::Base
   include Avo::ApplicationHelper
-  attr_reader :label
+  attr_reader :label, :size, :as_row_control
 
-  def initialize(actions: [], resource: nil, view: nil, exclude: [], include: [], style: :outline, color: :primary, label: nil)
+  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
+    @exclude = Array(exclude)
     @include = include
     @color = color
     @style = style
     @label = label || I18n.t("avo.actions")
+    @size = size
+    @as_row_control = as_row_control
   end
 
   def render?
@@ -30,20 +32,21 @@ class Avo::ActionsComponent < ViewComponent::Base
   end
 
   # When running an action for one record we should do it on a special path.
-  # We do that so we get the `model` param inside the action so we can prefill fields.
-  def action_path(id)
-    return many_records_path(id) unless @resource.has_model_id?
+  # We do that so we get the `record` param inside the action so we can prefill fields.
+  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
 
   # How should the action be displayed by default
   def is_disabled?(action)
-    return false if action.standalone
+    return false if action.standalone || as_row_control
 
     on_index_page?
   end
@@ -51,24 +54,41 @@ class Avo::ActionsComponent < ViewComponent::Base
   private
 
   def on_record_page?
-    @view.in?([:show, :edit, :new])
+    @view.in?(%w[show edit new])
   end
 
   def on_index_page?
     !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.to_param,
+          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/asset_manager/javascript_component.html.erb

@@ -0,0 +1,3 @@
+<% javascripts.each do |path| %>
+  <%= javascript_include_tag path, "data-turbo-track": "reload", defer: true %>
+<% end %>

data/app/components/avo/asset_manager/javascript_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+class Avo::AssetManager::JavascriptComponent < ViewComponent::Base
+  attr_reader :asset_manager
+
+  def initialize(asset_manager:)
+    @asset_manager = asset_manager
+  end
+
+  def javascripts
+    asset_manager.javascripts
+  end
+end

data/app/components/avo/asset_manager/stylesheet_component.html.erb

@@ -0,0 +1,3 @@
+<% stylesheets.each do |path| %>
+  <%= stylesheet_link_tag path, "data-turbo-track": "reload", defer: true %>
+<% end %>

data/app/components/avo/asset_manager/stylesheet_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+class Avo::AssetManager::StylesheetComponent < ViewComponent::Base
+  attr_reader :asset_manager
+
+  def initialize(asset_manager:)
+    @asset_manager = asset_manager
+  end
+
+  def stylesheets
+    asset_manager.stylesheets
+  end
+end

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
@@ -16,39 +16,42 @@ class Avo::BaseComponent < ViewComponent::Base
     nil
   end
 
-  # Fetch the resource and hydrate it with the model
+  # Fetch the resource and hydrate it with the record
   def association_resource
-    resource = ::Avo::App.get_resource(params[:via_resource_class])
-    model_class_name = params[:via_relation_class] || resource.model_class
+    resource = Avo.resource_manager.get_resource(params[:via_resource_class])
 
-    model_klass = ::Avo::BaseResource.valid_model_class model_class_name
+    model_class = if params[:via_relation_class].present?
+      ::Avo::BaseResource.get_model_by_name params[:via_relation_class]
+    else
+      resource.model_class
+    end
 
-    resource = ::Avo::App.get_resource_by_model_name model_klass if resource.blank?
+    resource = Avo.resource_manager.get_resource_by_model_class model_class if resource.blank?
 
-    model = resource.find_record params[:via_resource_id], query: model_klass, params: params
+    record = resource.find_record params[:via_record_id], query: model_class, params: params
 
-    resource.dup.hydrate model: model
+    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.get_resource_by_model_name(@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.get_resource_by_model_name(@reflection.active_record.to_s)
+    Avo.resource_manager.get_resource_by_model_class(@reflection.active_record.to_s)
   rescue
     nil
   end
 
   def parent_or_child_resource
     return @resource unless link_to_child_resource_is_enabled?
-    return @resource if @resource.model.class.base_class == @resource.model.class
+    return @resource if @resource.record.class.base_class == @resource.record.class
 
-    ::Avo::App.get_resource_by_model_name(@resource.model.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/button_component.rb

@@ -40,7 +40,10 @@ class Avo::ButtonComponent < ViewComponent::Base
   end
 
   def button_classes
-    classes = "button-component inline-flex flex-grow-0 items-center font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 transform transition duration-100 cursor-pointer disabled:cursor-not-allowed disabled:opacity-70 border justify-center active:outline active:outline-1 #{@class}"
+    classes = "button-component inline-flex flex-grow-0 items-center font-semibold leading-6 fill-current whitespace-nowrap transition duration-100 transform transition duration-100 cursor-pointer disabled:cursor-not-allowed disabled:opacity-70 justify-center #{@class}"
+
+    # For non-icon-styled buttons we should not add borders.
+    classes += " border active:outline active:outline-1" unless is_icon?
 
     classes += " rounded" if @rounded.present?
     classes += style_classes
@@ -55,18 +58,26 @@ class Avo::ButtonComponent < ViewComponent::Base
     @is_link
   end
 
+  def is_icon?
+    @style == :icon
+  end
+
+  def is_not_icon?
+    !is_icon?
+  end
+
   def full_content
     result = ""
     icon_classes = @icon_class
     # space out the icon from the text if text is present
-    icon_classes += " mr-1" if content.present?
+    icon_classes += " mr-1" if content.present? && is_not_icon?
     # add the icon height
     icon_classes += icon_size_classes
 
     # Add the icon
     result += helpers.svg(@icon, class: icon_classes) if @icon.present?
 
-    if content.present?
+    if is_not_icon? && content.present?
       result += "<span>#{content}</span>"
     end
 
@@ -102,6 +113,8 @@ class Avo::ButtonComponent < ViewComponent::Base
   private
 
   def vertical_padding_classes
+    return " py-0" if is_icon?
+
     case @size.to_sym
     when :xs
       " py-0"
@@ -119,6 +132,7 @@ class Avo::ButtonComponent < ViewComponent::Base
   end
 
   def horizontal_padding_classes
+    return " px-0" if is_icon?
     return " px-1" if @compact
 
     case @size.to_sym
@@ -154,6 +168,8 @@ class Avo::ButtonComponent < ViewComponent::Base
       " bg-white text-#{@color}-500 border-#{@color}-500 hover:bg-#{@color}-100 active:bg-#{@color}-100 active:border-#{@color}-500 active:outline-#{@color}-500"
     when :text
       " text-#{@color}-500 active:outline-#{@color}-500 hover:bg-gray-100 border-transparent"
+    when :icon
+      " text-#{@color}-600"
     else
       ""
     end
@@ -161,6 +177,7 @@ class Avo::ButtonComponent < ViewComponent::Base
 
   def icon_size_classes
     icon_classes = ""
+    return icon_classes if is_icon?
 
     case @size
     when :xs

data/app/components/avo/empty_state_component.rb

@@ -21,6 +21,6 @@ class Avo::EmptyStateComponent < ViewComponent::Base
   private
 
   def locale_message
-    helpers.t by_association ? 'avo.no_related_item_found' : 'avo.no_item_found'
+    helpers.t by_association ? "avo.no_related_item_found" : "avo.no_item_found"
   end
 end

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

@@ -2,7 +2,7 @@
   class: classes,
   style: style,
   data: data do %>
-  <div class="h-full <% if stacked? %> md:pt-4 <% else %> md:pt-0 md:h-14 <% end %> pt-4 flex self-start items-center flex-shrink-0 <%= @field.get_html(:classes, view: view, element: :label) %> w-48 <% if compact? %> md:w-48 xl:w-64 <% else %> md:w-64 <% end %> px-6 uppercase font-semibold text-gray-500 text-sm" data-slot="label">
+  <div class="h-full <% if stacked? %> md:pt-4 md:w-full <% else %> md:pt-0 <% if short? %> md:h-10 <% else %> md:h-14 <% end %> <% end %> pt-4 flex self-start items-center flex-shrink-0 <%= @field.get_html(:classes, view: view, element: :label) %> w-48 <% if compact? %> md:w-48 xl:w-64 <% else %> md:w-64 <% end %> px-6 uppercase font-semibold text-gray-500 text-sm" data-slot="label">
     <% if form.present? %>
       <%= form.label field.id, label %>
     <% else %>

data/app/components/avo/field_wrapper_component.rb

@@ -19,6 +19,7 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
     full_width: false,
     label: nil, # do we really need it?
     resource: nil,
+    short: false,
     stacked: nil,
     style: "",
     view: :show,
@@ -35,6 +36,7 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
     @full_width = full_width
     @label = label
     @resource = resource
+    @short = short
     @stacked = stacked
     @style = style
     @view = view
@@ -52,26 +54,14 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
     @label || @field.name
   end
 
-  def on_show?
-    view == :show
-  end
-
-  def on_edit?
-    view == :edit
-  end
+  delegate :show?, :edit?, to: :view, prefix: :on
 
   def help
-    help_value = @help || @field.help
-
-    if help_value.respond_to?(:call)
-      return Avo::Hosts::ResourceViewRecordHost.new(block: help_value, record: record, resource: resource, view: view).handle
-    end
-
-    help_value
+    Avo::ExecutionContext.new(target: @help || @field.help, record: record, resource: resource, view: view).handle
   end
 
   def record
-    resource.present? ? resource.model : nil
+    resource.present? ? resource.record : nil
   end
 
   def data
@@ -112,6 +102,10 @@ class Avo::FieldWrapperComponent < ViewComponent::Base
     @compact
   end
 
+  def short?
+    @short
+  end
+
   def full_width?
     @full_width
   end

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,
+  <%= @form.text_field field.id,
     value: field.value.to_s,
     class: classes("w-full"),
-    placeholder: @field.placeholder,
+    placeholder: field.placeholder,
     disabled: disabled? %>
 <% end %>