uchi 0.1.5 → 0.1.6

data/app/components/uchi/ui/index/records_table/records_table.html.erb

@@ -1,31 +1,86 @@
-<table class="w-full text-left text-gray-500 rtl:text-right dark:text-gray-400">
-  <thead class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">
+<%# Styles from https://flowbite.com/docs/components/tables/#default-table %>
+<table class="w-full text-sm text-left text-body rtl:text-right">
+  <thead
+    class="
+      text-sm text-body bg-neutral-secondary-soft border-b rounded-base
+      border-default
+    "
+  >
     <tr>
       <% columns.each do |field| %>
         <% component_class = field.index_component_class %>
-        <th scope="col" class="px-4 py-3 md:px-6 whitespace-nowrap <%= component_class.classes_for_table_cell.join(" ") %>">
+
+        <th
+          scope="col"
+          class="px-6 py-3 font-medium whitespace-nowrap <%= component_class.classes_for_table_cell.join(" ") %>"
+        >
           <% if field.sortable? %>
             <% if field.name == sort_order&.name %>
               <% if sort_order&.ascending? %>
                 <%= link_to(repository.routes.path_for(:index, query: query, scope: scope, sort: {:by => field.name, :direction => :desc})) do %>
                   <%= repository.translate.field_label(field) %>
-                  <svg class="inline w-4 h-4 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19V5m0 14-4-4m4 4 4-4"/>
+
+                  <svg
+                    class="inline w-4 h-4 text-heading"
+                    aria-hidden="true"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M12 19V5m0 14-4-4m4 4 4-4"
+                    />
                   </svg>
                 <% end %>
               <% else %>
                 <%= link_to(repository.routes.path_for(:index, query: query, scope: scope, sort: {:by => field.name, :direction => :asc})) do %>
                   <%= repository.translate.field_label(field) %>
-                  <svg class="inline w-4 h-4 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v13m0-13 4 4m-4-4-4 4"/>
+
+                  <svg
+                    class="inline w-4 h-4 text-heading"
+                    aria-hidden="true"
+                    xmlns="http://www.w3.org/2000/svg"
+                    width="24"
+                    height="24"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                  >
+                    <path
+                      stroke="currentColor"
+                      stroke-linecap="round"
+                      stroke-linejoin="round"
+                      stroke-width="2"
+                      d="M12 6v13m0-13 4 4m-4-4-4 4"
+                    />
                   </svg>
                 <% end %>
               <% end %>
             <% else %>
               <%= link_to(repository.routes.path_for(:index, query: query, scope: scope, sort: {:by => field.name, :direction => :asc})) do %>
                 <%= repository.translate.field_label(field) %>
-                <svg class="inline w-4 h-4 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 20V7m0 13-4-4m4 4 4-4m4-12v13m0-13 4 4m-4-4-4 4"/>
+
+                <svg
+                  class="inline w-4 h-4 text-heading"
+                  aria-hidden="true"
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="24"
+                  height="24"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                >
+                  <path
+                    stroke="currentColor"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                    stroke-width="2"
+                    d="M8 20V7m0 13-4-4m4 4 4-4m4-12v13m0-13 4 4m-4-4-4 4"
+                  />
                 </svg>
               <% end %>
             <% end %>
@@ -34,29 +89,65 @@
           <% end %>
         </th>
       <% end %>
-      <th scope="col" class="px-4 py-3 md:px-6"></th>
+
+      <th scope="col" class="px-6 py-3"></th>
     </tr>
   </thead>
+
   <tbody>
     <% records.each do |record| %>
-      <tr class="bg-white border-b border-gray-200 dark:bg-gray-800 dark:border-gray-700">
+      <tr class="bg-neutral-primary border-b border-default">
         <% columns.each do |field| %>
           <% component_class = field.index_component_class %>
-          <td class="px-4 py-4 md:px-6 <%= component_class.classes_for_table_cell.join(" ") %>">
+
+          <td class="px-6 py-4 <%= component_class.classes_for_table_cell.join(" ") %>">
             <%= render(field.index_component(record: record, repository: repository)) %>
           </td>
         <% end %>
-        <td class="px-4 py-4 text-right md:px-6">
+
+        <td class="px-6 py-4 text-right">
           <div class="flex justify-end space-x-2">
             <%= link_to(repository.routes.path_for(:show, id: record.id), class: "inline-block hover:text-blue-600 hover:dark:text-blue-500", :data => {:"turbo-frame" => "_top"}) do %>
-              <svg class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                <path stroke="currentColor" stroke-width="2" d="M21 12c0 1.2-4.03 6-9 6s-9-4.8-9-6c0-1.2 4.03-6 9-6s9 4.8 9 6Z"/>
-                <path stroke="currentColor" stroke-width="2" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
+              <svg
+                class="w-6 h-6"
+                aria-hidden="true"
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                fill="none"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke="currentColor"
+                  stroke-width="2"
+                  d="M21 12c0 1.2-4.03 6-9 6s-9-4.8-9-6c0-1.2 4.03-6 9-6s9 4.8 9 6Z"
+                />
+
+                <path
+                  stroke="currentColor"
+                  stroke-width="2"
+                  d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+                />
               </svg>
             <% end %>
+
             <%= link_to(path_for_edit(record), class: "inline-block hover:text-blue-600 hover:dark:text-blue-500", :data => {:"turbo-frame" => "_top"}) do %>
-              <svg class="w-6 h-6" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m14.304 4.844 2.852 2.852M7 7H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-4.5m2.409-9.91a2.017 2.017 0 0 1 0 2.853l-6.844 6.844L8 14l.713-3.565 6.844-6.844a2.015 2.015 0 0 1 2.852 0Z"/>
+              <svg
+                class="w-6 h-6"
+                aria-hidden="true"
+                xmlns="http://www.w3.org/2000/svg"
+                width="24"
+                height="24"
+                fill="none"
+                viewBox="0 0 24 24"
+              >
+                <path
+                  stroke="currentColor"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  stroke-width="2"
+                  d="m14.304 4.844 2.852 2.852M7 7H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-4.5m2.409-9.91a2.017 2.017 0 0 1 0 2.853l-6.844 6.844L8 14l.713-3.565 6.844-6.844a2.015 2.015 0 0 1 2.852 0Z"
+                />
               </svg>
             <% end %>
           </div>

data/app/components/uchi/ui/index/records_table/search_form/search_form.html.erb

@@ -1,12 +1,27 @@
-<%= form_tag(repository.routes.path_for(:index), class: "flex items-center max-w-sm", method: :get) do %>
+<%= form_tag(repository.routes.path_for(:index), class: "flex items-center max-w-sm space-x-2", method: :get) do %>
   <%= label_tag(:query, repository.translate.search_label, class: "sr-only") %>
+
   <div class="relative w-full">
-    <%= search_field_tag(:query, query, class: "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500") %>
+    <%= search_field_tag(:query, query, class: "px-3 py-2.5 bg-neutral-secondary-medium border border-default-medium rounded-base text-heading text-sm focus:ring-brand focus:border-brand block w-full placeholder:text-body") %>
   </div>
-  <%= button_tag(class: "p-2.5 ms-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800") do %>
-    <svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
+
+  <%= button_tag(class: "inline-flex items-center justify-center shrink-0 text-white bg-brand hover:bg-brand-strong focus:ring-4 focus:ring-brand-medium shadow-xs rounded-base w-10 h-10 focus:outline-none") do %>
+    <svg
+      class="w-4 h-4"
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 20 20"
+    >
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
+      />
     </svg>
+
     <span class="sr-only"><%= repository.translate.search_button %></span>
   <% end %>
 
@@ -16,6 +31,7 @@
     <%= hidden_field_tag("scope[inverse_of]", scope[:inverse_of]) %>
     <%= hidden_field_tag("scope[model]", scope[:model]) %>
   <% end %>
+
   <%= hidden_field_tag("sort[by]", sort_by) if sort_by? %>
   <%= hidden_field_tag("sort[direction]", sort_direction) if sort_direction? %>
 <% end %>

data/app/components/uchi/ui/navigation/navigation.html.erb

@@ -0,0 +1,9 @@
+<ul class="space-y-2 font-medium">
+  <% items.each do |item| %>
+    <li>
+      <%= link_to(item[:path], :class => "flex items-center px-2 py-1.5 text-body rounded-base hover:bg-neutral-tertiary hover:text-fg-brand group") do %>
+        <span class="ms-3"><%= item[:label] %></span>
+      <% end %>
+    </li>
+  <% end %>
+</ul>

data/app/components/uchi/ui/navigation.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Uchi
+  module Ui
+    # Renders the main navigation menu visible at the side of the viewport.
+    #
+    # The template for this component has access to the following methods:
+    #
+    # - `items`: Returns an `Array` of `Hashes` containing :label and :path keys
+    #   for each item to render in the navigation.
+    # - `navigatable_repositories`: Returns an `Array` of `Uchi::Repository`
+    #   instances. The `Array` is sorted alphanumerically by the
+    #   `navigation_label` for each repository.
+    # - `repositories`: Returns an `Array` with an instance of each
+    #   `Uchi::Repository` in the application.
+    class Navigation < ViewComponent::Base
+      protected
+
+      def items
+        navigatable_repositories.map do |repository|
+          {
+            label: repository.translate.navigation_label,
+            path: repository.routes.path_for(:index)
+          }
+        end
+      end
+
+      def navigatable_repositories
+        repositories.sort_by { |repository| repository.translate.navigation_label.downcase }
+      end
+
+      def repositories
+        Uchi::Repository.all.map(&:new)
+      end
+    end
+  end
+end

data/app/components/uchi/ui/no_value/no_value.html.erb

@@ -0,0 +1 @@
+<span class="text-body-subtle">—</span>

data/app/components/uchi/ui/no_value.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Uchi
+  module Ui
+    class NoValue < ViewComponent::Base
+    end
+  end
+end

data/app/components/uchi/ui/page_header/page_header.html.erb

@@ -7,9 +7,14 @@
 
   <div class="items-start justify-between space-x-6 md:flex md:px-0">
     <div>
-      <h1 class="text-3xl font-semibold tracking-tight text-gray-900 dark:text-white group"><%= title %></h1>
+      <h1 class="text-3xl font-semibold tracking-tight text-heading group">
+        <%= title %>
+      </h1>
+
       <% if description.present? %>
-        <div class="text-lg text-gray-500 lg:mb-0 dark:text-gray-400 lg:max-w-2xl"><%= description %></div>
+        <div class="text-lg text-body-subtle lg:mb-0 lg:max-w-2xl">
+          <%= description %>
+        </div>
       <% end %>
     </div>
 

data/app/components/uchi/ui/pagination/current_link.html.erb

@@ -1,3 +1,3 @@
 <li>
-  <%= link_to(@paginator.page, page_url(page_number), aria: { current: "page" }, class: "z-10 flex items-center justify-center px-3 h-8 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white") %>
+  <%= link_to(@paginator.page, page_url(page_number), aria: { current: "page" }, class: "flex items-center justify-center text-fg-brand bg-neutral-tertiary-medium box-border border border-default-medium hover:text-fg-brand font-medium text-sm w-9 h-9 focus:outline-none") %>
 </li>

data/app/components/uchi/ui/pagination/gap.html.erb

@@ -1,3 +1,9 @@
-<li class="flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400">
+<li
+  class="
+    flex items-center justify-center text-body bg-neutral-secondary-medium
+    box-border border border-default-medium hover:bg-neutral-tertiary-medium
+    hover:text-heading font-medium text-sm w-9 h-9 focus:outline-none
+  "
+>
   &hellip;
 </li>

data/app/components/uchi/ui/pagination/link.html.erb

@@ -1,3 +1,3 @@
 <li>
-  <%= link_to(page_number, page_url(page_number), class: "flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white") %>
+  <%= link_to(page_number, page_url(page_number), class: "flex items-center justify-center text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading font-medium text-sm w-9 h-9 focus:outline-none") %>
 </li>

data/app/components/uchi/ui/pagination/next_link.html.erb

@@ -1,8 +1,23 @@
 <li>
-  <%= link_to(url, class: "flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white") do %>
+  <%= link_to(url, class: "flex items-center justify-center text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading font-medium rounded-e-base text-sm w-9 h-9 focus:outline-none") do %>
     <span class="sr-only">Next</span>
-    <svg class="w-3 h-3 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
+
+    <svg
+      class="w-4 h-4 rtl:rotate-180"
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        d="m9 5 7 7-7 7"
+      />
     </svg>
   <% end %>
 </li>

data/app/components/uchi/ui/pagination/pagination.html.erb

@@ -1,6 +1,7 @@
 <nav aria-label="<%= aria_label %>">
-  <ul class="flex items-center -space-x-px h-8 text-sm">
+  <ul class="flex -space-x-px text-sm">
     <%= render(Uchi::Ui::Pagination::PreviousLink.new(paginator: @paginator)) %>
+
     <% pages.each do |page_number| %>
       <% if page_number.nil? %>
         <%= render(Uchi::Ui::Pagination::Gap.new(page_number: page_number, paginator: @paginator)) %>
@@ -10,6 +11,7 @@
         <%= render(Uchi::Ui::Pagination::Link.new(page_number: page_number, paginator: @paginator)) %>
       <% end %>
     <% end %>
+
     <%= render(Uchi::Ui::Pagination::NextLink.new(paginator: @paginator)) %>
   </ul>
 </nav>

data/app/components/uchi/ui/pagination/previous_link.html.erb

@@ -1,8 +1,23 @@
 <li>
-  <%= link_to(url, class: "flex items-center justify-center px-3 h-8 ms-0 leading-tight text-gray-500 bg-white border border-e-0 border-gray-300 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white") do %>
+  <%= link_to(url, class: "flex items-center justify-center text-body bg-neutral-secondary-medium box-border border border-default-medium hover:bg-neutral-tertiary-medium hover:text-heading font-medium rounded-s-base text-sm w-9 h-9 focus:outline-none") do %>
     <span class="sr-only">Previous</span>
-    <svg class="w-3 h-3 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
-      <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
+
+    <svg
+      class="w-4 h-4 rtl:rotate-180"
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill="none"
+      viewBox="0 0 24 24"
+    >
+      <path
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        d="m15 19-7-7 7-7"
+      />
     </svg>
   <% end %>
 </li>

data/app/components/uchi/ui/pagination.rb

@@ -41,7 +41,7 @@ module Uchi
       end
 
       def render?
-        paginator.present?
+        paginator.present? && paginator.last > 1
       end
     end
   end

data/app/components/uchi/ui/show/attribute_fields/attribute_fields.html.erb

@@ -1,11 +1,12 @@
 <%= render(Uchi::Ui::Frame.new) do %>
-  <dl class="divide-y divide-gray-200 dark:divide-white/5">
+  <dl class="divide-y divide-default">
     <% attribute_fields.each do |field| %>
       <div class="px-4 py-4 sm:grid sm:grid-cols-4 sm:gap-4 sm:px-6">
-        <dt class="font-semibold text-gray-900 dark:text-white">
+        <dt class="font-semibold text-heading">
           <%= repository.translate.field_label(field) %>
         </dt>
-        <dd class="font-light text-gray-500 dark:text-gray-400 col-span-3">
+
+        <dd class="font-light text-body col-span-3">
           <%= render(field.show_component(record: record, repository: repository)) %>
         </dd>
       </div>

data/app/components/uchi/ui/spinner/spinner.html.erb

@@ -1,7 +1,21 @@
 <div role="status">
-  <svg aria-hidden="true" class="w-8 h-8 text-gray-200 animate-spin dark:text-gray-600 fill-blue-600" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"/>
-    <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"/>
+  <svg
+    aria-hidden="true"
+    class="w-8 h-8 text-neutral-tertiary animate-spin fill-brand"
+    viewBox="0 0 100 101"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z"
+      fill="currentColor"
+    />
+
+    <path
+      d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
+      fill="currentFill"
+    />
   </svg>
+
   <span class="sr-only"><%= message %></span>
 </div>

data/app/controllers/uchi/actions/executions_controller.rb

@@ -0,0 +1,107 @@
+# frozen_string_literal: true
+
+module Uchi
+  module Actions
+    # Controller for creating action executions on repository records.
+    #
+    # This controller handles POST requests to execute actions registered on
+    # repositories. It finds the appropriate action, loads the records, executes
+    # the action, and handles the response.
+    class ExecutionsController < Uchi::Controller
+      def create
+        repository = find_repository
+        action = find_action(repository: repository)
+        input = build_input(action: action)
+        records = find_records(repository: repository)
+
+        response = action.perform(records, input)
+        response = default_response unless response.is_a?(Uchi::ActionResponse)
+        handle_response(response: response, repository: repository)
+      end
+
+      private
+
+      def default_response
+        ActionResponse.success
+      end
+
+      # Finds and instantiates the repository based on the model param.
+      #
+      # @return [Uchi::Repository]
+      # @raise [NameError] if the repository is not found
+      def find_repository
+        model_name = params[:model]
+        repository_class = Uchi::Repository.for_model(model_name)
+
+        unless repository_class
+          raise NameError, "Repository for model '#{model_name}' not found"
+        end
+
+        repository_class.new
+      end
+
+      # Finds the action instance on the repository.
+      #
+      # @param repository [Uchi::Repository] - The repository instance
+      # @return [Uchi::Action]
+      # @raise [NameError] if the action is not found
+      def find_action(repository:)
+        action_name = params[:action_name]
+        action = repository.actions.find { |a| a.class.name.to_s == action_name }
+        return action if action
+
+        raise \
+          NameError,
+          "Action #{action_name.inspect} not found on " \
+          "#{repository.class.name}. Expected one of " \
+          "#{repository.actions.map { |a| a.class.name }.join(", ")}"
+      end
+
+      # Loads the records to operate on based on the ids or id params.
+      #
+      # @param repository [Uchi::Repository] - The repository instance
+      # @return [ActiveRecord::Relation]
+      def find_records(repository:)
+        ids = Array(params[:ids] || params[:id])
+        repository.find_many(ids)
+      end
+
+      # Builds the input hash from params for actions with fields.
+      #
+      # @param action [Uchi::Action] - The action instance
+      # @return [Hash]
+      def build_input(action:)
+        return {} unless action.requires_input?
+
+        action.fields.each_with_object({}) do |field, hash|
+          key = field.name
+          hash[key] = params[key] if params.key?(key)
+        end
+      end
+
+      # Handles the action response by redirecting, sending a file, rendering
+      # turbo stream, or falling back to the repository index.
+      #
+      # @param response [Uchi::ActionResponse] - The action response
+      # @param repository [Uchi::Repository] - The repository instance
+      def handle_response(response:, repository:)
+        flash_key = response.success? ? :success : :alert
+
+        if response.redirect?
+          flash[flash_key] = response.message_text if response.message_text
+          redirect_to(response.redirect_path, status: :see_other)
+        elsif response.download?
+          send_file(response.file_path, filename: response.filename)
+        elsif response.turbo_stream?
+          render(turbo_stream: response.turbo_stream_block.call)
+        else
+          flash[flash_key] = response.message_text if response.message_text
+          redirect_back_or_to(
+            repository.routes.path_for(:index),
+            status: :see_other
+          )
+        end
+      end
+    end
+  end
+end

data/app/controllers/uchi/repository_controller.rb

@@ -134,8 +134,28 @@ module Uchi
         .permit(*permitted_params)
     end
 
+    # Returns the repository class associated with this controller.
+    #
+    # For example, Uchi::AuthorsController would return
+    # Uchi::Repositories::Author.
+    #
+    # @return [Class<Uchi::Repository>]
     def repository_class
-      raise NotImplementedError, "Subclasses must implement repository_class"
+      return @repository_class if defined?(@repository_class)
+
+      controller_name = self.class.name.demodulize
+      base_name = controller_name.sub(/Controller$/, "")
+      repository_name = base_name.singularize
+      begin
+        @repository_class = Uchi::Repositories.const_get(repository_name)
+      rescue NameError
+        raise \
+          NameError,
+          "No repository found for controller #{self.class.name}. Expected " \
+          "Uchi::Repositories::#{repository_name} to exist. If you want to " \
+          "a repository with a different name, override #repository_class in " \
+          "your controller."
+      end
     end
 
     helper_method def scope_params

data/app/views/layouts/uchi/_flash_messages.html.erb

@@ -1,7 +1,7 @@
 <% if flash.any? %>
   <div class="fixed bottom-4 right-4 z-50 space-y-4">
     <% flash.to_hash.each do |type, message| %>
-      <%= render Flowbite::Toast.new(
+      <%= render Uchi::Flowbite::Toast.new(
         message: message,
         style: flash_style(type),
       ) %>

data/app/views/layouts/uchi/application.html.erb

@@ -1,31 +1,25 @@
 <!DOCTYPE html>
+
 <html>
   <head>
-    <title><%= content_for?(:page_title) ? yield(:page_title) : "Uchi" %></title>
+    <title>
+      <%= content_for?(:page_title) ? yield(:page_title) : "Uchi" %>
+    </title>
+
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <%= javascript_include_tag "uchi/application", "data-turbo-track" => "reload" %>
     <%= stylesheet_link_tag "uchi/application", media: "all", "data-turbo-track": "reload" %>
   </head>
-  <body class="antialiased bg-gray-50 dark:bg-gray-900 p-2">
+
+  <body class="antialiased bg-neutral-secondary-medium p-2">
     <div class="md:flex">
-      <nav class="w-64 h-full px-3 py-4 overflow-y-auto shrink-0 bg-gray-50 dark:bg-gray-800" aria-label="Main">
-        <ul class="space-y-2 font-medium">
-          <% Uchi::Repository.all.map { |repository| repository.new }.sort_by { |repository| repository.translate.navigation_label.downcase }.each do |repository| %>
-            <li>
-              <%= link_to(repository.routes.path_for(:index), :class => "flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group") do %>
-                <span class="ms-3"><%= repository.translate.navigation_label %></span>
-              <% end %>
-            </li>
-          <% end %>
-        </ul>
-      </nav>
+      <%= render(partial: "uchi/navigation/main") %>
 
-      <main class="py-6 overflow-x-hidden grow md:px-6">
-        <%= yield %>
-      </main>
+      <main class="py-6 overflow-x-hidden grow md:px-6"><%= yield %></main>
     </div>
 
     <%= render "layouts/uchi/flash_messages" %>