avo 3.30.4 → 4.0.0.beta.2

data/app/javascript/js/controllers/sidebar_controller.js

@@ -56,13 +56,19 @@ export default class extends Controller {
     this.attachScrollVisibilityAnchor()
 
     // Restore sidebar scroll position
-    if (this.sidebarScrollPosition && window.Avo.configuration.preserve_sidebar_scroll) {
+    if (this.sidebarScrollPosition) {
       document.querySelector('.avo-sidebar .mac-styled-scrollbar').scrollTo({
         top: this.sidebarScrollPosition,
         behavior: 'instant',
       })
     }
     this.rememberScrollPosition()
+
+    const isMobile = window.innerWidth < 1024
+    const isOpen = isMobile
+      ? this.mainAreaTarget.classList.contains('sidebar-mobile-open')
+      : this.mainAreaTarget.classList.contains('sidebar-open')
+    this.setToggleButtonsState(isOpen ? 'open' : 'closed')
   }
 
   rememberScrollPosition() {
@@ -77,9 +83,17 @@ export default class extends Controller {
   }
 
   attachScrollVisibilityAnchor() {
-    if (window.Avo.configuration.focus_sidebar_menu_item) {
-      scrollSidebarMenuItemIntoView()
-    }
+    scrollSidebarMenuItemIntoView()
+  }
+
+  get toggleButtons() {
+    return document.querySelectorAll('[data-sidebar-toggle-icon]')
+  }
+
+  setToggleButtonsState(state) {
+    this.toggleButtons.forEach((button) => {
+      button.dataset.sidebarState = state
+    })
   }
 
   toggleSidebar() {
@@ -89,20 +103,26 @@ export default class extends Controller {
     this.mainAreaTarget.classList.toggle('sidebar-open')
 
     Cookies.set(this.cookieKey, this.newValue(Cookies.get(this.cookieKey)))
+
+    const isOpen = this.mainAreaTarget.classList.contains('sidebar-open')
+    this.setToggleButtonsState(isOpen ? 'open' : 'closed')
   }
 
   toggleSidebarOnMobile() {
     if (this.mobileSidebarTarget.classList.contains('hidden')) {
-      this.mainAreaTarget.classList.remove('sidebar-open')
+      this.mainAreaTarget.classList.remove('sidebar-mobile-open')
       this.mobileSidebarTarget.classList.remove('hidden')
 
       // we force a reflow here because we remove then
-      // immediately add the sidebar-open class
+      // immediately add the sidebar-mobile-open class
       // which doesn't give the browser enough time to apply the
       // transition.
-      this.mainAreaTarget.offsetHeight;
+      this.mainAreaTarget.offsetHeight // eslint-disable-line no-unused-expressions
     }
-    this.mainAreaTarget.classList.toggle('sidebar-open')
+    this.mainAreaTarget.classList.toggle('sidebar-mobile-open')
+
+    const isOpen = this.mainAreaTarget.classList.contains('sidebar-mobile-open')
+    this.setToggleButtonsState(isOpen ? 'open' : 'closed')
   }
 
   // private
@@ -110,7 +130,7 @@ export default class extends Controller {
     if (oldValue === undefined) {
       return '0'
     }
+
     return oldValue === '1' ? '0' : '1'
   }
-
 }

data/app/javascript/js/controllers/table_row_controller.js

@@ -14,6 +14,34 @@ export default class extends Controller {
     this.element.removeEventListener('mousemove', this.boundHandleMouseMove)
   }
 
+  anchor = null
+
+  mouseEntered(event) {
+    const row = event.target.closest('tr')
+    const url = row.dataset.visitPath
+
+    if (url) {
+      this.anchor = this.createAnchor(url)
+      this.anchor.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }))
+    }
+  }
+
+  mouseLeft() {
+    if (this.anchor) {
+      this.anchor.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true }))
+      document.body.removeChild(this.anchor)
+    }
+  }
+
+  createAnchor(url) {
+    const anchor = document.createElement('a')
+    anchor.href = url
+    anchor.rel = 'noopener noreferrer'
+    document.body.appendChild(anchor)
+
+    return anchor
+  }
+
   visitRecord(event) {
     if (event.type !== 'click') {
       return

data/app/javascript/js/controllers/tippy_controller.js

@@ -8,7 +8,7 @@ export default class extends Controller {
     this.tippyInstance = tippy(this.sourceTarget, {
       content: this.contentTarget.innerHTML,
       allowHTML: true,
-      theme: 'light',
+      theme: 'basic',
     })
   }
 

data/app/javascript/js/controllers/toggle_controller.js

@@ -1,5 +1,4 @@
 import { Controller } from '@hotwired/stimulus'
-import { leave, toggle } from 'el-transition'
 import { useClickOutside } from 'stimulus-use'
 
 export default class extends Controller {
@@ -16,29 +15,65 @@ export default class extends Controller {
 
   connect() {
     useClickOutside(this)
+    this.hideTimeout = null
   }
 
   clickOutside(e) {
     if (this.hasPanelTarget) {
       const isInExemptionContainer = this.hasExemptionContainersValue && this.exemptionContainerTargets.some((container) => container.contains(e.target))
 
-      if (!isInExemptionContainer && !this.panelTarget.classList.contains('hidden')) {
-        leave(this.panelTarget)
+      if (!isInExemptionContainer && !this.panelTarget.hasAttribute('hidden')) {
+        this.leave(this.panelTarget)
       }
     }
   }
 
   togglePanel() {
     if (this.hasPanelTarget) {
-      toggle(this.panelTarget)
+      this.toggle(this.panelTarget)
     }
   }
 
+  showPanel() {
+    // Clear any pending hide timeout
+    if (this.hideTimeout) {
+      clearTimeout(this.hideTimeout)
+      this.hideTimeout = null
+    }
+
+    if (this.hasPanelTarget) {
+      this.panelTarget.removeAttribute('hidden')
+    }
+  }
+
+  hidePanel() {
+    // Clear any existing timeout
+    if (this.hideTimeout) {
+      clearTimeout(this.hideTimeout)
+    }
+
+    // Add a small delay before hiding to allow smooth transition from button to panel
+    this.hideTimeout = setTimeout(() => {
+      if (this.hasPanelTarget) {
+        this.panelTarget.setAttribute('hidden', true)
+      }
+      this.hideTimeout = null
+    }, 100)
+  }
+
+  toggle(element) {
+    element.toggleAttribute('hidden')
+  }
+
+  leave(element) {
+    element.setAttribute('hidden', true)
+  }
+
   outlet({ params }) {
     const { outlet } = params
 
     if (outlet && document.querySelector(outlet)) {
-      document.querySelector(outlet).classList.toggle('hidden')
+      this.toggle(document.querySelector(outlet))
     }
   }
 }

data/app/javascript/js/controllers.js

@@ -9,23 +9,28 @@ import BooleanFilterController from './controllers/boolean_filter_controller'
 import CardFiltersController from './controllers/card_filters_controller'
 import ClearInputController from './controllers/fields/clear_input_controller'
 import CodeFieldController from './controllers/fields/code_field_controller'
+import ColorSchemeSwitcherController from './controllers/color_scheme_switcher_controller'
 import CopyToClipboardController from './controllers/copy_to_clipboard_controller'
 import DashboardCardController from './controllers/dashboard_card_controller'
 import DateFieldController from './controllers/fields/date_field_controller'
 import DateTimeFilterController from './controllers/date_time_filter_controller'
+import DropdownController from './controllers/dropdown_menu_controller'
 import EasyMdeController from './controllers/fields/easy_mde_controller'
 import FilterController from './controllers/filter_controller'
 import FormController from './controllers/form_controller'
+import GridCoverEmptyStateController from './controllers/grid_cover_empty_state_controller'
 import HiddenInputController from './controllers/hidden_input_controller'
 import InputAutofocusController from './controllers/input_autofocus_controller'
 import ItemSelectAllController from './controllers/item_select_all_controller'
 import ItemSelectorController from './controllers/item_selector_controller'
 import KeyValueController from './controllers/fields/key_value_controller'
 import LoadingButtonController from './controllers/loading_button_controller'
+import MapDarkModeController from './controllers/map_dark_mode_controller'
 import MediaLibraryAttachController from './controllers/media_library_attach_controller'
 import MediaLibraryController from './controllers/media_library_controller'
 import MenuController from './controllers/menu_controller'
 import ModalController from './controllers/modal_controller'
+import ModalSizeController from './controllers/modal_size_controller'
 import MultipleSelectFilterController from './controllers/multiple_select_filter_controller'
 import NestedFormController from './controllers/nested_form_controller'
 import PanelRefreshController from './controllers/fields/panel_refresh_controller'
@@ -36,6 +41,7 @@ import RecordSelectorController from './controllers/record_selector_controller'
 import ReloadBelongsToFieldController from './controllers/fields/reload_belongs_to_field_controller'
 import ResourceEditController from './controllers/resource_edit_controller'
 import ResourceIndexController from './controllers/resource_index_controller'
+import ResourceSearchController from './controllers/resource_search_controller'
 import ResourceShowController from './controllers/resource_show_controller'
 import SearchController from './controllers/search_controller'
 import SelectController from './controllers/select_controller'
@@ -43,6 +49,7 @@ import SelectFilterController from './controllers/select_filter_controller'
 import SelfDestroyController from './controllers/self_destroy_controller'
 import SidebarController from './controllers/sidebar_controller'
 import SignOutController from './controllers/sign_out_controller'
+import StarsFieldController from './controllers/fields/stars_field_controller'
 import TableRowController from './controllers/table_row_controller'
 import TabsController from './controllers/tabs_controller'
 import TagsFieldController from './controllers/fields/tags_field_controller'
@@ -52,7 +59,6 @@ import TiptapFieldController from './controllers/fields/tiptap_field_controller'
 import ToggleController from './controllers/toggle_controller'
 import TrixBodyController from './controllers/trix_body_controller'
 import TrixFieldController from './controllers/fields/trix_field_controller'
-import StarsFieldController from './controllers/fields/stars_field_controller'
 
 application.register('action', ActionController)
 application.register('actions-overflow', ActionsOverflowController)
@@ -61,20 +67,24 @@ application.register('attachments', AttachmentsController)
 application.register('boolean-filter', BooleanFilterController)
 application.register('card-filters', CardFiltersController)
 application.register('clear-input', ClearInputController)
+application.register('color-scheme-switcher', ColorSchemeSwitcherController)
 application.register('copy-to-clipboard', CopyToClipboardController)
 application.register('dashboard-card', DashboardCardController)
 application.register('date-time-filter', DateTimeFilterController)
 application.register('filter', FilterController)
 application.register('form', FormController)
+application.register('grid-cover-empty-state', GridCoverEmptyStateController)
 application.register('hidden-input', HiddenInputController)
 application.register('input-autofocus', InputAutofocusController)
 application.register('item-select-all', ItemSelectAllController)
 application.register('item-selector', ItemSelectorController)
 application.register('loading-button', LoadingButtonController)
+application.register('map-dark-mode', MapDarkModeController)
 application.register('media-library-attach', MediaLibraryAttachController)
 application.register('media-library', MediaLibraryController)
 application.register('menu', MenuController)
 application.register('modal', ModalController)
+application.register('modal-size', ModalSizeController)
 application.register('multiple-select-filter', MultipleSelectFilterController)
 application.register('avo-nested-form', NestedFormController)
 application.register('panel-refresh', PanelRefreshController)
@@ -83,8 +93,8 @@ application.register('preview', PreviewController)
 application.register('record-selector', RecordSelectorController)
 application.register('resource-edit', ResourceEditController)
 application.register('resource-index', ResourceIndexController)
+application.register('resource-search', ResourceSearchController)
 application.register('resource-show', ResourceShowController)
-application.register('search', SearchController)
 application.register('select-filter', SelectFilterController)
 application.register('select', SelectController)
 application.register('self-destroy', SelfDestroyController)
@@ -95,7 +105,9 @@ application.register('tabs', TabsController)
 application.register('text-filter', TextFilterController)
 application.register('tippy', TippyController)
 application.register('toggle', ToggleController)
+application.register('dropdown-menu', DropdownController)
 application.register('trix-body', TrixBodyController)
+application.register('search', SearchController)
 
 // Field controllers
 application.register('belongs-to-field', BelongsToFieldController)

data/app/javascript/js/custom-stream-actions.js

@@ -5,20 +5,14 @@ import { saveAs } from 'file-saver'
 // TODO: move these to the avo_filters gem
 
 StreamActions.close_filters_dropdown = function () {
-  document.querySelector('.filters-dropdown-selector').classList.add('hidden')
+  const el = document.querySelector('.filters-dropdown-selector[open]')
+  if (el) el.close()
 }
 
 // Uses Turbo to refresh the page
 StreamActions.turbo_reload = function () {
   window.Turbo.visit(window.location.href, { action: 'replace' })
 }
-
-StreamActions.open_filter = function () {
-  const id = this.getAttribute('unique-id')
-  setTimeout(() => {
-    document.querySelector(`[data-filter-id="${id}"] .pill`).click()
-  }, 150)
-}
 // END TODO: move these to the avo_filters gem
 
 // https://stackoverflow.com/a/77850750/9067704
@@ -38,4 +32,12 @@ StreamActions.download = function () {
   )
 }
 
+// Overriding the turbo_power as it needs the timeout to work
+
+StreamActions.turbo_progress_bar_hide = function () {
+  setTimeout(() => {
+    window.Turbo.navigator.adapter.progressBar.hide()
+  }, 1)
+}
+
 window.StreamActions = StreamActions

data/app/views/avo/actions/show.html.erb

@@ -5,10 +5,10 @@
 <%= turbo_frame_tag Avo::MODAL_FRAME_ID do %>
   <div
     data-controller="<%= ["action", @action.get_stimulus_controllers].join(" ") %>"
-    data-action-no-confirmation-value="<%= @action.no_confirmation? %>"
+    data-action-confirmation-value="<%= @action.confirmation? %>"
     data-action-resource-name-value="<%= @resource.model_key %>"
     data-resource-id="<%= params[:id] %>"
-    class="hidden text-slate-800"
+    class="hidden text-content"
   >
     <%= form_with scope: 'fields',
       url: @action.link_arguments(resource: @resource).first,
@@ -21,12 +21,17 @@
         **@action.class.form_data_attributes,
       } do |form|
     %>
-    <%= render Avo::ModalComponent.new(close_modal_on_backdrop_click: @action.close_modal_on_backdrop_click) do |c| %>
+    <%= render Avo::ModalComponent.new(close_modal_on_backdrop_click: @action.close_modal_on_backdrop_click, description: @action.get_description) do |c| %>
       <% c.with_heading do %>
         <%= @action.action_name %>
+        <% if Rails.env.development? %>
+          <%= link_to editor_file_path(@action), target: "_blank", class: "inline-block align-middle ms-1", title: "Open action in your editor", data: { tippy: "tooltip" } do %>
+            <%= svg "tabler/outline/code", class: "size-4 text-content-secondary cursor-pointer" %>
+          <% end %>
+        <% end %>
       <% end %>
 
-      <div class="flex-1 flex">
+      <div class="flex-1 flex p-4">
         <%= @action.get_message %>
       </div>
       <%= form.hidden_field :avo_resource_ids, value: params[:id] || params[:resource_ids], 'data-action-target': 'resourceIds' %>
@@ -34,12 +39,12 @@
       <%= form.hidden_field :avo_index_query, 'data-action-target': 'indexQuery' %>
       <%= form.hidden_field :arguments, value: params[:arguments] %>
       <% if @fields.present? %>
-        <div class="mt-4 -mx-6">
+        <div class="description-list border-t border-b border-tertiary">
           <% @fields.each_with_index do |field, index| %>
             <%= render field
               .hydrate(resource: @resource, record: @resource.record, user: @resource.user, view: @view, action: @action)
               .component_for_view(@view)
-              .new(field: field, resource: @resource, index: index, form: form, compact: true, autofocus: index == 0)
+              .new(field: field, resource: @resource, index: index, form: form, full_width: true, autofocus: index == 0)
             %>
           <% end %>
         </div>
@@ -48,14 +53,13 @@
       <% c.with_controls do %>
         <%= a_button type: :button,
           data: { action: 'click->modal#close' },
-          size: :sm,
-          color: :gray do %>
+          size: :md do %>
           <%= @action.cancel_button_label %>
         <% end %>
         <%= a_button type: :submit,
-            color: :green,
+            color: :primary,
             style: :primary,
-            size: :sm,
+            size: :md,
             data: {
               target: :submit_action,
             },

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

@@ -12,7 +12,7 @@
           <% filter.options.each do |value, label| %>
             <label class="flex items-center text-gray-700 text-sm">
               <%= check_box_tag filter.id, value, filter.selected_value(value.to_s, @applied_filters),
-                class: 'mr-2 text-lg h-4 w-4',
+                class: 'me-2 text-lg h-4 w-4',
                 id: "avo_filters_#{filter.id.parameterize.underscore}",
                 'data-filter-class': filter.class,
                 'data-boolean-filter-target': 'option',

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

@@ -9,14 +9,14 @@
     <div class="flex relative">
       <div class="self-center w-full" data-slot="value">
         <%= text_field_tag :value, "",
-          class: input_classes('w-full mb-0 !pr-9'),
+          class: input_classes('w-full mb-0 !pe-9'),
           placeholder: filter.class.empty_message,
           data: {
             date_time_filter_target: "input",
           } %>
       </div>
       <%= content_tag :button,
-        class: "absolute right-0 self-center mr-4 uppercase font-semibold text-xs",
+        class: "absolute end-0 self-center me-4 uppercase font-semibold text-xs",
         id: :reset,
         type: :button,
         title: t("avo.reset").capitalize,
@@ -28,7 +28,7 @@
       <% end %>
     </div>
     <div class="flex justify-end">
-      <%= a_button class: 'mt-4', color: :primary, data: { action: "date-time-filter#changeFilter" }, size: :xs do %>
+      <%= a_button class: 'mt-4', style: :primary, data: { action: "date-time-filter#changeFilter" }, size: :xs do %>
         <%= filter.button_label || "#{t("avo.filter_by")} #{filter.name}" %>
       <% end %>
     </div>

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

@@ -12,7 +12,7 @@
       'data-multiple-select-filter-target': 'selector'
     %>
     <div class="flex justify-end">
-      <%= a_button class: 'mt-4', color: :primary, size: :xs, data: { action: "multiple-select-filter#changeFilter" } do %>
+      <%= a_button class: 'mt-4', style: :primary, size: :xs, data: { action: "multiple-select-filter#changeFilter" } do %>
         <%= filter.button_label || "#{t("avo.filter_by")} #{filter.name}" %>
       <% end %>
     </div>

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

@@ -1,11 +1,10 @@
-<%= turbo_frame_tag "new_via_belongs_to" do %>
+<%= turbo_frame_tag Avo::MODAL_FRAME_ID do %>
   <%= render(Avo::ModalComponent.new(width: :xl, body_class: "bg-application")) do |c| %>
     <div class="pt-4 pb-8">
-      <%= render Avo::Views::ResourceEditComponent.new(
+      <%= render @component.new(
         resource: @resource,
         record: @record,
         view: @view,
-        display_breadcrumbs: false
       ) %>
     </div>
   <% end %>

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

@@ -13,7 +13,7 @@
       'data-action': 'keypress->text-filter#tryToSubmit'
     %>
     <div class="flex justify-end">
-      <%= a_button class: 'mt-4', color: :primary, data: { action: "text-filter#changeFilter" }, size: :xs do %>
+      <%= a_button class: 'mt-4', style: :primary, data: { action: "text-filter#changeFilter" }, size: :xs do %>
         <%= filter.button_label || "#{t("avo.filter_by")} #{filter.name}" %>
       <% end %>
     </div>

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

@@ -1,3 +1,4 @@
+<%# TODO: update this %>
 <%= turbo_frame_tag params[:turbo_frame] do %>
   <% if @authorized %>
     <%= content_tag :div, class: "-mx-2" do %>
@@ -6,7 +7,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(
@@ -16,19 +17,19 @@
                 view: Avo::ViewInquirer.new(:show)
               )
               .component_for_view(:show)
-              .new(field: field, resource: @resource, index: index, compact: true, short: true)
+              .new(field: field, resource: @resource, index: index, stacked: true)
             %>
           <% end %>
         </div>
       <% end %>
     <% end %>
   <% else %>
-    <div class="shadow-lg rounded px-4 py-3 rounded relative border text-white pointer-events-auto bg-blue-400 border-blue-600 m-2">
+    <div class="shadow-lg rounded px-4 py-3 relative border text-white pointer-events-auto bg-blue-400 border-blue-600 m-2">
       <div class="flex px-2">
         <div class="shrink-0">
           <%= svg "heroicons/solid/exclamation-circle", class: "h-6" %>
         </div>
-        <div class="ml-3 flex-1 pt-0.5">
+        <div class="ms-3 flex-1 pt-0.5">
           <p class="text-sm leading-5 font-semibold"><%= t "avo.not_authorized" %></p>
         </div>
       </div>

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

@@ -1,92 +1,5 @@
-<%
-  license = Avo.license
-  information_items = [
-    'license_key',
-    'ruby_version',
-    'rails_version',
-    'environment',
-    'host',
-    'port',
-    'ip',
-    'app_name',
-  ].excluding(Avo.configuration.exclude_from_status)
-
-  hq_payload = Avo::Licensing::HQ.new(request).payload
-%>
-<div class="flex flex-col">
-  <%= render Avo::PanelComponent.new(name: 'Avo Status', description: 'Use this page to debug your Avo instance.') do |c| %>
-    <% c.with_tools do %>
-    <% 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="flex justify-between w-full">
-            <div class="font-semibold">License info</div>
-            <div class="flex justify-self-end">
-              <%= a_button style: :outline,
-                color: :blue,
-                url: "#{root_path}avo_private/debug/refresh_license",
-                method: :post,
-                loading: true,
-                size: :xs,
-                icon: 'heroicons/outline/refresh' do %>
-                Refresh license
-              <% end %>
-            </div>
-          </div>
-          <div class="flex flex-col flex-1">
-            <div>
-              <div class="text-xl font-semibold"><%= render partial: "valid_indicator", locals: {valid: license.valid?} %> <%= license.name %> license </div>
-              <% if license.response['reason'] %>
-                <dl>
-                  <dt class="font-semibold text-sm">Error</dt>
-                  <dd class="text-red-600"><%= license.response['reason'] %></dd>
-                </dl>
-              <% end %>
-              <% if license.response['error'] %>
-                <dl>
-                  <dt class="font-semibold text-sm">Error</dt>
-                  <dd class="text-red-600"><%= license.response['error'] %></dd>
-                  <dt class="font-semibold text-sm">Exception message</dt>
-                  <dd class="text-red-600"><%= license.response['exception_message'] %></dd>
-                </dl>
-              <% end %>
-              <div class="mt-4">
-                <dl>
-                  <% 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>
-                  <% end %>
-                  <dt class="font-semibold text-sm">Cache store</dt>
-                  <dd>
-                    <%= Avo.cache_store.class %>
-                  </dd>
-                </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="flex justify-between w-full">
-            <div class="font-semibold">Plugins</div>
-          </div>
-          <div class="flex flex-col flex-1">
-            <div>
-              <ul>
-                <li>Avo <%= Avo::VERSION %></li>
-                <% Avo.plugin_manager.plugins.each do |plugin| %>
-                  <li><%= plugin.name %> - <%= plugin.version %></li>
-                <% end %>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    <% end %>
-  <% end %>
-</div>
+<% if defined?(Avo::Licensing::StatusComponent) %>
+  <%= render Avo::Licensing::StatusComponent.new %>
+<% else %>
+  <%= render Avo::Debug::StatusComponent.new %>
+<% end %>

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

@@ -1,6 +1,4 @@
 <!-- Avo version: <%= Avo::VERSION %> -->
 <!-- Rails version: <%= Rails::VERSION::STRING %> -->
 <!-- Environment: <%= Rails.env %> -->
-<!-- License ID: <%= Avo.license.id %> -->
-<!-- License valid?: <%= Avo.license.valid ? "valid" : "invalid" %>  -->
 <!-- Plugins: <%= Avo.plugin_manager.to_s %> -->

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>