jav 2.55.4

data/app/views/jav/associations/new.html.erb

@@ -0,0 +1,52 @@
+<%= turbo_frame_tag 'attach_modal' do %>
+  <%
+    url = Jav::Services::URIService.parse(jav.root_url.to_s)
+      .append_paths('resources', params[:resource_name], params[:id], params[:related_name])
+      .to_s
+  %>
+  <%= form_with scope: 'fields',
+    url: url,
+    local: true,
+    data: {
+      'turbo-frame': '_top'
+    } do |form| %>
+    <%= render Jav::ModalComponent.new do |c| %>
+      <% c.with_heading do %>
+        <%= t 'jav.choose_item', item: @related_resource.name.downcase %>
+      <% end %>
+
+      <div class="flex-1 flex items-center justify-center px-0 lg:px-8 text-lg mt-8 mb-12">
+        <% if @field.searchable %>
+          <%= render Jav::Fields::BelongsToField::AutocompleteComponent.new form: form,
+            classes: input_classes("w-full"),
+            field: @field,
+            model_key: @field.target_resource&.model_key,
+            foreign_key: 'related_id',
+            resource: @resource,
+            view: :new
+          %>
+        <% else %>
+          <div class="flex-1 flex flex-col items-center justify-center px-0 md:px-24 text-base">
+            <%= form.select :related_id, options_for_select(@options, nil),
+              {
+                include_blank: t('jav.choose_an_option'),
+              },
+              {
+                class: input_classes('w-full'),
+              }
+            %>
+          </div>
+        <% end %>
+      </div>
+
+      <% c.with_controls do %>
+        <%= a_button 'data-action': 'click->modal#close', size: :sm, style: :outline, color: :gray do %>
+          <%= t('jav.cancel') %>
+        <% end %>
+        <%= a_button type: :submit, style: :primary, color: :green, size: :sm do %>
+          <%= t('jav.attach') %>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/jav/attachments/destroy.turbo_stream.erb

@@ -0,0 +1,7 @@
+<%= turbo_stream.remove dom_id(@destroyed) if @destroyed.present? %>
+
+<turbo-stream action="append" target="alerts">
+  <template>
+    <%= render Jav::FlashAlertsComponent.new flashes: flash %>
+  </template>
+</turbo-stream>

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

@@ -0,0 +1,29 @@
+<div
+  data-controller="boolean-filter"
+  data-filter-name="<%= filter.name %>"
+  data-boolean-filter-keep-filters-panel-open-value="<%= @resource.keep_filters_panel_open %>"
+>
+  <%= filter_wrapper name: filter.name do %>
+    <div class="flex items-center">
+      <% if filter.options.empty? %>
+        <div class="text-sm text-gray-600"><%= filter.class.empty_message %></div>
+      <% else %>
+        <div class="space-y-2">
+          <% 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',
+                id: "jav_filters_#{filter.id.parameterize.underscore}",
+                'data-filter-class': filter.class,
+                'data-boolean-filter-target': 'option',
+                'data-action': 'input->boolean-filter#changeFilter'
+              %>
+              <%= label %>
+            </label>
+          <% end %>
+        </div>
+      <% end %>
+      <%= link_to 'url_redirect', request.url, data: { 'boolean-filter-target': 'urlRedirect', 'turbo-frame': params[:turbo_frame] }, style: 'hidden', class: 'hidden' %>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,21 @@
+<div
+  data-controller="multiple-select-filter"
+  data-filter-name="<%= filter.name %>"
+  data-multiple-select-filter-keep-filters-panel-open-value="<%= @resource.keep_filters_panel_open %>"
+>
+  <%= filter_wrapper name: filter.name do %>
+    <%= select_tag filter.id, options_for_select(filter.options.invert, filter.selected_value(@applied_filters)),
+      class: input_classes('w-full mb-0'),
+      multiple: true,
+      id: "jav_filters_#{filter.id.parameterize.underscore}",
+      'data-filter-class': filter.class.to_s,
+      '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 %>
+        <%= t("jav.filter_by") %>
+      <% end %>
+    </div>
+    <%= link_to 'url_redirect', request.url, data: { 'multiple-select-filter-target': 'urlRedirect', 'turbo-frame': params[:turbo_frame] }, style: 'hidden', class: 'hidden' %>
+  <% end %>
+</div>

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

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

data/app/views/jav/base/_select_filter.html.erb

@@ -0,0 +1,17 @@
+<div
+  data-controller="select-filter"
+  data-filter-name="<%= filter.name %>"
+  data-select-filter-keep-filters-panel-open-value="<%= @resource.keep_filters_panel_open %>"
+>
+  <%= filter_wrapper name: filter.name do %>
+    <%= select_tag filter.id, options_for_select(filter.options.invert, filter.applied_or_default_value(@applied_filters)),
+      class: input_classes('w-full mb-0'),
+      include_blank: filter.class.empty_message || '—',
+      id: "jav_filters_#{filter.id.parameterize.underscore}",
+      'data-filter-class': filter.class,
+      'data-select-filter-target': 'selector',
+      'data-action': "change->select-filter#changeFilter"
+    %>
+    <%= link_to 'url_redirect', request.url, data: { 'select-filter-target': 'urlRedirect', 'turbo-frame': params[:turbo_frame] }, style: 'hidden', class: 'hidden' %>
+  <% end %>
+</div>

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

@@ -0,0 +1,22 @@
+<div
+  data-controller="text-filter"
+  data-filter-name="<%= filter.name %>"
+  data-text-filter-keep-filters-panel-open-value="<%= @resource.keep_filters_panel_open %>"
+>
+  <%= filter_wrapper name: filter.name do %>
+    <%= text_field_tag filter.id, filter.applied_or_default_value(@applied_filters),
+      class: input_classes('w-full mb-0'),
+      id: "jav_filters_#{filter.id.parameterize.underscore}",
+      placeholder: filter.class.empty_message,
+      'data-filter-class': filter.class.to_s,
+      'data-text-filter-target': 'text',
+      '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 %>
+        <%= filter.button_label || "Filter by #{filter.name}" %>
+      <% end %>
+    </div>
+    <%= link_to 'url_redirect', request.url, data: { 'text-filter-target': 'urlRedirect', 'turbo-frame': params[:turbo_frame] }, style: 'hidden', class: 'hidden' %>
+  <% end %>
+</div>

data/app/views/jav/base/close_modal_and_reload_field.turbo_stream.erb

@@ -0,0 +1,8 @@
+<%= turbo_stream.remove("new_via_belongs_to") %>
+
+<turbo-stream action="update-belongs-to"
+              data-relation-name="<%= params[:via_relation] %>"
+              data-target-resource-id="<%= @model.id %>"
+              data-target-resource-label="<%= @resource.label %>"
+              data-target-resource-class="<%= @model.class.name %>">
+</turbo-stream>

data/app/views/jav/base/create_fail_action.turbo_stream.erb

@@ -0,0 +1,13 @@
+<%= turbo_stream.replace(frame_id(@resource), template: "jav/base/new")  %>
+
+<%= turbo_stream.append "alerts" do %>
+  <%= render Jav::FlashAlertsComponent.new flashes: flash %>
+<% end %>
+
+<% if @model.errors.any? %>
+  <%= turbo_stream.append("alerts") do %>
+    <% @model.errors.full_messages.each do |message| %>
+      <%= render Jav::AlertComponent.new :error, message %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/jav/base/edit.html.erb

@@ -0,0 +1 @@
+<%= render Jav::Views::ResourceEditComponent.new(resource: @resource, view: @view, actions: @actions) %>

data/app/views/jav/base/index.html.erb

@@ -0,0 +1,18 @@
+<%= render Jav::TurboFrameWrapperComponent.new(params[:turbo_frame]) do %>
+  <%= render Jav::Views::ResourceIndexComponent.new(
+      resource: @resource,
+      resources: @resources,
+      models: @models,
+      pagy: @pagy,
+      index_params: @index_params,
+      filters: @filters,
+      actions: @actions,
+      reflection: @reflection,
+      turbo_frame: params[:turbo_frame],
+      parent_model: @parent_model,
+      parent_resource: @parent_resource,
+      applied_filters: @applied_filters,
+      query: @query,
+    )
+  %>
+<% end %>

data/app/views/jav/base/new.html.erb

@@ -0,0 +1 @@
+<%= render Jav::Views::ResourceEditComponent.new(resource: @resource, model: @model, view: @view, actions: @actions) %>

data/app/views/jav/base/show.html.erb

@@ -0,0 +1,9 @@
+<%= render Jav::TurboFrameWrapperComponent.new(params[:turbo_frame]) do %>
+  <%= render Jav::Views::ResourceShowComponent.new(
+    resource: @resource,
+    reflection: @reflection,
+    actions: @actions,
+    parent_model: @parent_model,
+    parent_resource: @parent_resource,
+  ) %>
+<% end %>

data/app/views/jav/dashboards/cards/_chartkick_card.html.erb

@@ -0,0 +1,3 @@
+<div class="relative flex flex-col <%= @card.chartkick_classes %>">
+  <%= send(@card.chart_type, @card.result_data, **@card.chartkick_options) %>
+</div>

data/app/views/jav/dashboards/cards/_metric_card.html.erb

@@ -0,0 +1,5 @@
+<div class="flex mt-4 items-end">
+  <span class="text-3xl"><%= @card.prefix %></span>
+  <span class="text-5xl"><%= @card.result_data %></span>
+  <span class="text-3xl"><%= @card.suffix %></span>
+</div>

data/app/views/jav/dashboards/cards/chartkick_missing.html.erb

@@ -0,0 +1,14 @@
+<%= render Jav::TurboFrameWrapperComponent.new(params[:turbo_frame]) do %>
+  <div class="w-full h-full flex items-center text-center">
+    <div class="flex-1">
+      Chartkick is missing.
+      <a
+        href="https://docs.javhq.io/2.0/upgrade.html#upgrade-from-2-17-to-2-18"
+        target="_blank"
+      >
+        Manually require it in your
+        <code class="inline">Gemfile</code>
+      </a>.
+    </div>
+  </div>
+<% end %>

data/app/views/jav/dashboards/cards/show.html.erb

@@ -0,0 +1,3 @@
+<%= render Jav::TurboFrameWrapperComponent.new(params[:turbo_frame]) do %>
+  <%= render Jav::CardComponent.new card: @card %>
+<% end %>

data/app/views/jav/dashboards/show.html.erb

@@ -0,0 +1,38 @@
+<%= render Jav::PanelComponent.new(name: @dashboard.name, description: @dashboard.description) do |c| %>
+  <% c.with_bare_content do %>
+    <% if @dashboard.items.present? %>
+      <div class="min-h-24">
+        <%= content_tag(:div, class: "grid gap-4 grid-cols-1 #{@dashboard.classes}") do %>
+          <% @dashboard.items.each do |item| %>
+            <% if item.is_divider? %>
+              <%= render Jav::Dashboards::DividerComponent.new(divider: item) %>
+            <% elsif item.is_card? %>
+              <%= content_tag(:div, class: "relative bg-white rounded-sm shadow-panel space-y-2 #{item.card_classes} overflow-hidden") do %>
+                <turbo-frame id="<%= item.turbo_frame %>"
+                  src="<%= item.frame_url(enforced_range: @range, params: params) %>"
+                  data-card-index="<%= item.index %>"
+                >
+                  <%= render(Jav::LoadingComponent.new(title: item.label)) %>
+                </turbo-frame>
+              <% end %>
+            <% end %>
+          <% end %>
+        <% end %>
+      </div>
+    <% else %>
+      <div class="w-full h-full">
+        <% if Rails.env.development? %>
+          <%= render Jav::PanelComponent.new do |c| %>
+            <% c.with_body do %>
+              <div class="p-6">
+                <%= t 'jav.empty_dashboard_message' %>. <%= link_to 'Docs', 'https://docs.javhq.io/2.0/dashboards.html', target: '_blank' %>
+              </div>
+            <% end %>
+          <% end %>
+        <% end %>
+
+        <%= empty_state message: t('jav.no_cards_present') %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/jav/debug/index.html.erb

@@ -0,0 +1,80 @@
+<%
+  license = Jav::App.license
+  information_items = [
+    'license',
+    'license_key',
+    'ruby_version',
+    'rails_version',
+    'environment',
+    'host',
+    'port',
+    'ip',
+    'app_name',
+  ]
+  hq_payload = Jav::Licensing::HQ.new(request).payload
+%>
+<div class="flex flex-col">
+  <%= render Jav::PanelComponent.new(name: 'Debug Jav', description: 'Use this page to debug the Jav license.') do |c| %>
+    <% c.with_tools do %>
+    <% end %>
+    <% c.with_bare_content do %>
+      <div class="grid gap-4 sm:grid-cols-3">
+        <div class="relative flex flex-col bg-white rounded-sm shadow-panel p-4 space-y-4 h-full col-span-1">
+        <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}jav_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"><%= license.name %></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><%= Jav::App.cache_store.class.to_s %> - <%= Jav::App.cache_store.options.inspect %></dd>
+                </dl>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="relative bg-white rounded-sm shadow-panel p-4 space-y-4 col-span-2">
+          <turbo-frame id="debug-report" src="<%= root_path %>jav_private/debug/report" target="_top" class="block">
+            Loading...
+          </turbo-frame>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+</div>

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

@@ -0,0 +1,22 @@
+<turbo-frame id="debug-report">
+  <div class="font-semibold">Debug report <small class="font-normal">(don't post this anywhere public)</small></div>
+  <div>
+    <% if defined?(ap) %>
+      <%== ap Jav::App.debug_report(request) %>
+    <% else %>
+      <pre><%== JSON.pretty_generate(Jav::App.debug_report(request)) %></pre>
+    <% end %>
+  </div>
+  <div class="flex justify-end">
+    <%= a_button icon: 'heroicons/outline/clipboard',
+      color: :primary,
+      style: :primary,
+      data: {
+        controller: 'copy-to-clipboard',
+        action: "click->copy-to-clipboard#copy",
+        text: Jav::App.debug_report(request),
+      } do %>
+      Copy debug info
+    <% end %>
+  </div>
+</turbo-frame>

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

@@ -0,0 +1,16 @@
+<div>
+  <h3>Actions</h3>
+
+  <div class="mt-2">
+    Jav actions allow you to perform specific tasks on one or more of your records. For example, you might want to mark a user as inactive and optionally send a message that may be customized by the person that wants to run the action.
+
+    <div class="mt-2">
+      <code class="text-lg">Toggle published</code>
+      <div class="mt-1">
+        <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate jav:action toggle_published</code>
+      </div>
+    </div>
+
+    <a href="https://docs.javhq.io/2.0/actions.html" target="_blank" title="Jav Actions documentation" class="text-bold cursor-pointer block mt-2">Actions in the docs 👉</a>
+  </div>
+</div>

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

@@ -0,0 +1,19 @@
+<div>
+  <h3>Dashboards</h3>
+
+  <div>There comes the point in your app's life when you need to display the data in an aggregated form like a metric or chart. That's what Jav's Dashboards are all about.</div>
+
+  <div>Generate a dashboard using the command below 👇👇</div>
+
+
+  <div class="mt-2">
+    <div class="mt-1">
+      <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate jav:dashboard dashy</code>
+    </div>
+  </div>
+
+  <p>
+    <a href="https://docs.javhq.io/2.0/dashboards.html" target="_blank" title="Jav Dashboards documentation">Docs</a>
+  </p>
+</div>
+

data/app/views/jav/home/_docs.html.erb

@@ -0,0 +1,9 @@
+<div>
+  <h3>Documentation</h3>
+
+  <div class="mt-2">
+    We take pride in our documentation. Please check it out to see what you can build with Jav
+
+    <a href="https://docs.javhq.io" target="_blank" title="Jav documentation" class="text-bold cursor-pointer block mt-2">Check out the docs 👉</a>
+  </div>
+</div>

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

@@ -0,0 +1,16 @@
+<div>
+  <h3>Filters</h3>
+
+  <div class="mt-2" data-controller="hidden-input">
+    Filters allow you to better scope the index queries for records you are looking for.
+
+    <div class="mt-2">
+      <code class="text-lg">Published filter</code>
+      <div class="mt-1">
+        <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate jav:filter published_filter</code>
+      </div>
+    </div>
+
+    <a href="https://docs.javhq.io/2.0/filters.html" target="_blank" title="Jav Filters documentation" class="text-bold cursor-pointer block mt-2">Filters in the docs 👉</a>
+  </div>
+</div>

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

@@ -0,0 +1,41 @@
+<%
+  models = begin
+    ApplicationRecord.descendants
+  rescue => exception
+    []
+  end
+%>
+<div>
+  <h3>Resources</h3>
+
+  <div>The primary goal of Jav is to administer your database records. To do that Jav, uses the concept of a <strong>Resource</strong>. Each Jav <strong>Resource</strong> corresponds to a <strong>Rails Model</strong>.</div>
+
+  <% if models.present? %>
+    <div class="mt-2" data-controller="hidden-input">
+      It seems you already have <%= models.count %> <%= 'model'.pluralize models.count %> in your app. You can generate resources for each one with the following commands.
+
+      <strong class="cursor-pointer block mt-2" data-action="click->hidden-input#showContent">Generate resources 👇 (click to reveal)</strong>
+
+      <div class="mt-2 hidden" data-hidden-input-target="content">
+        <% models.each do |model| %>
+          <code class="text-lg"><%= model.to_s %></code>
+          <div>
+            <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate jav:resource <%= model.to_s %></code>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  <% else %>
+    <div class="mt-2" data-controller="hidden-input">
+      You may generate a resource using the following command:
+      <br>
+
+      <code class="p-1 rounded-sm bg-sky-500 text-white">bin/rails generate jav:resource post</code>
+    </div>
+  <% end %>
+
+  <p>
+    <a href="https://docs.javhq.io/2.0/resources.html" target="_blank" title="Jav Resources documentation">Docs</a>
+  </p>
+</div>
+

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

@@ -0,0 +1,18 @@
+<%= render Jav::TurboFrameWrapperComponent.new(params[:turbo_frame]) do %>
+  <%
+  classes = 'absolute inset-auto left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2'
+  label = t 'jav.failed_to_load'
+  src_url = params[:src].present? && !params[:src].starts_with?('http://') ? params.permit(:src).fetch(:src) : nil
+%>
+  <div class="relative flex-1 py-4">
+    <div class="relative block text-gray-300 h-64 w-full">
+      <%= svg '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>
+    <% if Rails.env.development? && src_url %>
+      <div class="text-center text-sm w-full pb-3">
+        This is not an issue with Jav. Use <%= link_to 'this page', src_url, target: :_blank %> to see why this frame failed to load.
+      </div>
+    <% end %>
+  </div>
+<% end %>

data/app/views/jav/home/index.html.erb

@@ -0,0 +1,62 @@
+<div class="flex flex-col">
+  <%= render Jav::PanelComponent.new(name: 'Welcome to Jav', description: 'This page is visible only in development. It will be hidden in other environments.') do |c| %>
+    <% c.with_body do %>
+      <div class="flex flex-col justify-between py-6 min-h-24">
+        <div class="px-6 space-y-4">
+          <h3>About</h3>
+
+          <p>
+            <strong>Jav</strong>'s mission is to make it easy for you to manage your content and build tools that are ready to deploy, all while using your favorite framework, Ruby on Rails.
+          </p>
+
+          <h3>Vision</h3>
+
+          <p>
+            We have big plans for Jav to make it the default starting point of your application. We'll be releasing features as soon as their ready.
+
+            <ul class="grid sm:grid-cols-2 max-w-168">
+              <li><span class="mr-2">👍</span> Built with Hotwire</li>
+              <li><span class="mr-2">👍</span> Resources</li>
+              <li><span class="mr-2">👍</span> Ordering</li>
+              <li><span class="mr-2">👍</span> Filters</li>
+              <li><span class="mr-2">👍</span> Actions</li>
+              <li><span class="mr-2">👍</span> Grid view</li>
+              <li><span class="mr-2">👍</span> Authorization</li>
+              <li><span class="mr-2">👍</span> Localization</li>
+              <li><span class="mr-2">👍</span> Resource tools</li>
+              <li><span class="mr-2">👍</span> Custom tools</li>
+              <li><span class="mr-2">👍</span> Custom fields</li>
+              <li><span class="mr-2">👍</span> Menu editor</li>
+              <li><span class="mr-2">👍</span> Search</li>
+              <li><span class="mr-2">👍</span> Dashboards</li>
+              <li><span class="mr-2">👍</span> Responsive design</li>
+              <li><span class="mr-2">👍</span> Menu editor</li>
+              <li><span class="mr-2">👍</span> Stimulus JS integration</li>
+              <li><span class="mr-2">👍</span> Tabs and panels</li>
+              <li><span class="mr-2">🕐</span> Resource cards</li>
+              <li><span class="mr-2">🕐</span> Track resource changes</li>
+              <li><span class="mr-2">🕐</span> Smart resource generation</li>
+              <li><span class="mr-2">🕐</span> Records preview</li>
+              <li><span class="mr-2">🕐</span> Themes</li>
+            </ul>
+          </p>
+
+        </div>
+
+        <div class="px-6 mt-8">
+          <div class="space">
+            <%= render partial: 'resources' %>
+            <hr class="my-6">
+            <%= render partial: 'dashboards' %>
+            <hr class="my-6">
+            <%= render partial: 'filters' %>
+            <hr class="my-6">
+            <%= render partial: 'actions' %>
+            <hr class="my-6">
+            <%= render partial: 'docs' %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+</div>

data/app/views/jav/partials/_branding.html.erb

@@ -0,0 +1,6 @@
+<%= content_tag(:style, nonce: content_security_policy_nonce) do %>
+  :root {
+    <%= Jav.configuration.branding.css_colors %>
+  }
+<% end %>
+<%= favicon_link_tag Jav.configuration.branding.favicon %>

data/app/views/jav/partials/_custom_tools_alert.html.erb

@@ -0,0 +1,31 @@
+<% if @custom_tools_alert_visible %>
+  <div class="w-full inset-auto bottom-0 z-50 mb-4 opacity-75 hover:opacity-100 transition-opacity duration-150">
+    <a href="https://javhq.io/pricing" target="_blank" class="rounded-sm bg-orange-700 text-white py-2 px-4 text-sm block items-center flex leading-tight">
+      <%= svg "exclamation", class: "h-6 inline mr-2 text-bold flex-shrink-0 mr-1" %> Warning. <%= @custom_tools_alert_visible %> This page will not be visible in a production environment.
+    </a>
+  </div>
+<% end %>
+<% if Jav::App.error_messages.present? %>
+  <% Jav::App.error_messages.each do |error| %>
+    <% if error.is_a? Hash %>
+      <%
+        url, message, target = error.values_at :url, :message, :target
+      %>
+      <div class="w-full inset-auto bottom-0 z-50 mb-4 opacity-75 hover:opacity-100 transition-opacity duration-150">
+        <a href="<%= url %>" target="<%= target %>" class="rounded-sm bg-orange-700 text-white py-2 px-4 text-sm items-center flex leading-tight space-x-2">
+          <%= svg "exclamation", class: "h-6 inline mr-2 text-bold flex-shrink-0 mr-1" %>
+          <div>
+            <%= simple_format message %>
+          </div>
+        </a>
+      </div>
+    <% elsif error.is_a? String %>
+      <div class="w-full inset-auto bottom-0 z-50 mb-4 opacity-75 hover:opacity-100 transition-opacity duration-150">
+        <div class="rounded-sm bg-orange-700 text-white py-2 px-4 text-sm items-center flex leading-tight space-x-2">
+          <%= svg "exclamation", class: "h-6 inline mr-2 text-bold flex-shrink-0 mr-1" %>
+          <div><%= simple_format error %></div>
+        </div>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/jav/partials/_flash_alerts.turbo_stream.erb

@@ -0,0 +1,3 @@
+<%= turbo_stream.append "alerts" do %>
+  <%= render Jav::FlashAlertsComponent.new flashes: flash.discard %>
+<% end %>