beautiful_photons 0.1.0

data/app/controllers/beautiful_photons/api/v1/galleries_controller.rb

@@ -0,0 +1,60 @@
+module BeautifulPhotons
+  module Api
+    module V1
+      class GalleriesController < Api::BaseController
+        def index
+          galleries = Gallery.all
+          render json: galleries.map { |gallery| gallery_json(gallery) }
+        end
+
+        def show
+          gallery = Gallery.find(params[:id])
+          render json: gallery_json(gallery)
+        end
+
+        def destroy
+          gallery = Gallery.find(params[:id])
+          gallery.destroy!
+          head :no_content
+        end
+
+        def update
+          gallery = Gallery.find(params[:id])
+
+          if gallery.update(gallery_params)
+            render json: gallery_json(gallery)
+          else
+            render json: { errors: gallery.errors.full_messages }, status: :unprocessable_entity
+          end
+        end
+
+        def create
+          gallery = Gallery.new(gallery_params)
+
+          if gallery.save
+            render json: gallery_json(gallery), status: :created
+          else
+            render json: { errors: gallery.errors.full_messages }, status: :unprocessable_entity
+          end
+        end
+
+        private
+
+        def gallery_params
+          params.require(:gallery).permit(:name, :title, :description)
+        end
+
+        def gallery_json(gallery)
+          {
+            id: gallery.id,
+            name: gallery.name,
+            title: gallery.title,
+            description: gallery.description,
+            created_at: gallery.created_at,
+            updated_at: gallery.updated_at
+          }
+        end
+      end
+    end
+  end
+end

data/app/controllers/beautiful_photons/api/v1/gallery_photos_controller.rb

@@ -0,0 +1,60 @@
+module BeautifulPhotons
+  module Api
+    module V1
+      class GalleryPhotosController < Api::BaseController
+        def index
+          gallery = Gallery.find(params[:gallery_id])
+          gallery_photos = gallery.gallery_photos.order(:position)
+          render json: gallery_photos.map { |gp| gallery_photo_json(gp) }
+        end
+
+        def create
+          gallery = Gallery.find(params[:gallery_id])
+          gallery_photo = gallery.gallery_photos.new(gallery_photo_params)
+
+          if gallery_photo.save
+            render json: gallery_photo_json(gallery_photo), status: :created
+          else
+            render json: { errors: gallery_photo.errors.full_messages }, status: :unprocessable_entity
+          end
+        end
+
+        def destroy
+          gallery = Gallery.find(params[:gallery_id])
+          gallery_photo = gallery.gallery_photos.find(params[:id])
+          gallery_photo.destroy!
+          head :no_content
+        end
+
+        def update
+          gallery = Gallery.find(params[:gallery_id])
+          gallery_photo = gallery.gallery_photos.find(params[:id])
+
+          if gallery_photo.update(gallery_photo_params.except(:photo_id))
+            render json: gallery_photo_json(gallery_photo)
+          else
+            render json: { errors: gallery_photo.errors.full_messages }, status: :unprocessable_entity
+          end
+        end
+
+        private
+
+        def gallery_photo_params
+          params.require(:gallery_photo).permit(:photo_id, :position, :category)
+        end
+
+        def gallery_photo_json(gallery_photo)
+          {
+            id: gallery_photo.id,
+            gallery_id: gallery_photo.gallery_id,
+            photo_id: gallery_photo.photo_id,
+            position: gallery_photo.position,
+            category: gallery_photo.category,
+            created_at: gallery_photo.created_at,
+            updated_at: gallery_photo.updated_at
+          }
+        end
+      end
+    end
+  end
+end

data/app/controllers/beautiful_photons/api/v1/photos_controller.rb

@@ -0,0 +1,65 @@
+module BeautifulPhotons
+  module Api
+    module V1
+      class PhotosController < Api::BaseController
+        def index
+          photos = Photo.all
+          render json: photos.map { |photo| photo_json(photo) }
+        end
+
+        def show
+          photo = Photo.find(params[:id])
+          render json: photo_json(photo)
+        end
+
+        def update
+          photo = Photo.find(params[:id])
+
+          if photo.update(photo_params)
+            render json: photo_json(photo)
+          else
+            render json: { errors: photo.errors.full_messages }, status: :unprocessable_entity
+          end
+        end
+
+        def destroy
+          photo = Photo.find(params[:id])
+          photo.destroy!
+          head :no_content
+        end
+
+        def create
+          photo = Photo.new(photo_params)
+
+          if photo.save
+            render json: photo_json(photo), status: :created
+          else
+            render json: { errors: photo.errors.full_messages }, status: :unprocessable_entity
+          end
+        end
+
+        private
+
+        def photo_params
+          params.require(:photo).permit(:title, :description, :image, :focal_x, :focal_y,
+                                        :mobile_focal_x, :mobile_focal_y, :published)
+        end
+
+        def photo_json(photo)
+          {
+            id: photo.id,
+            title: photo.title,
+            description: photo.description,
+            focal_x: photo.focal_x.to_f,
+            focal_y: photo.focal_y.to_f,
+            mobile_focal_x: photo.mobile_focal_x&.to_f,
+            mobile_focal_y: photo.mobile_focal_y&.to_f,
+            published: photo.published,
+            created_at: photo.created_at,
+            updated_at: photo.updated_at
+          }
+        end
+      end
+    end
+  end
+end

data/app/controllers/beautiful_photons/application_controller.rb

@@ -0,0 +1,4 @@
+module BeautifulPhotons
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/controllers/beautiful_photons/standalone_photos_controller.rb

@@ -0,0 +1,16 @@
+module BeautifulPhotons
+  class StandalonePhotosController < ApplicationController
+    def show
+      @standalone = Standalone.find_by!(key: params[:key])
+      @photo = @standalone.photo
+
+      if @photo&.image&.attached?
+        if stale?(etag: [ @standalone, @photo ], last_modified: [ @standalone.updated_at, @photo.updated_at ].max)
+          expires_in 1.year, public: true
+        end
+      else
+        head :no_content
+      end
+    end
+  end
+end

data/app/helpers/beautiful_photons/application_helper.rb

@@ -0,0 +1,4 @@
+module BeautifulPhotons
+  module ApplicationHelper
+  end
+end

data/app/helpers/beautiful_photons/photo_helper.rb

@@ -0,0 +1,103 @@
+module BeautifulPhotons
+  module PhotoHelper
+    def beautiful_photons_image(photo, **options)
+      style = "object-fit: cover; object-position: #{photo.focal_x.to_f}% #{photo.focal_y.to_f}%"
+
+      if (aspect = options.delete(:aspect))
+        style = "#{style}; aspect-ratio: #{aspect}"
+      end
+
+      if options[:style]
+        style = "#{style}; #{options.delete(:style)}"
+      end
+
+      if photo.mobile_focal_x.present?
+        options[:data] = (options[:data] || {}).merge(
+          mobile_focal_x: photo.effective_mobile_focal_x.to_f,
+          mobile_focal_y: photo.effective_mobile_focal_y.to_f
+        )
+      end
+
+      options[:alt] ||= photo.title
+      image_tag(url_for(photo.image), **options.merge(style: style))
+    end
+
+    def beautiful_photons_photo(key, **options, &block)
+      aspect = options.delete(:aspect)
+      mobile_aspect = options.delete(:mobile_aspect)
+
+      standalone = Standalone.find_or_create_by!(key: key.to_s)
+      if aspect && (standalone.aspect != aspect || standalone.mobile_aspect != mobile_aspect)
+        standalone.update!(aspect: aspect, mobile_aspect: mobile_aspect)
+      end
+
+      return beautiful_photons_placeholder(**options, &block) unless standalone.photo
+
+      frame_id = "bp-photo-#{standalone.key}"
+      frame_src = beautiful_photons.standalone_photo_path(standalone.key)
+
+      fallback = beautiful_photons_placeholder(class: "bp-fallback", &block)
+
+      wrapper_class = [ "bp-photo", options[:class] ].compact.join(" ")
+      wrapper_style = [ "overflow: hidden", options[:style] ].compact.join("; ")
+
+      beautiful_photons_inline_styles +
+        content_tag(:div, class: wrapper_class, style: wrapper_style) do
+          turbo_frame_tag(frame_id, src: frame_src, loading: "lazy") do
+            beautiful_photons_loader
+          end +
+            content_tag(:div, fallback, class: "bp-fallback-wrap", style: "display: none; position: absolute; inset: 0;")
+        end
+    end
+
+    def beautiful_photons_inline_styles
+      return "".html_safe if @_bp_styles_rendered
+      @_bp_styles_rendered = true
+      content_tag(:style) { "@keyframes bp-spin { to { transform: rotate(360deg); } }".html_safe }
+    end
+
+    def beautiful_photons_loader
+      content_tag(:div, class: "bp-loader",
+        style: "position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: #1a1a1a; z-index: 1; color: currentColor;") do
+        content_tag(:svg, viewBox: "0 0 24 24", style: "width: 33%; max-width: 48px; height: auto; animation: bp-spin 1s linear infinite;",
+          fill: "none", xmlns: "http://www.w3.org/2000/svg") do
+          tag(:circle, cx: "12", cy: "12", r: "10", stroke: "currentColor", "stroke-width": "2", opacity: "0.25") +
+            tag(:path, d: "M12 2a10 10 0 0 1 10 10", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round")
+        end
+      end
+    end
+
+    def beautiful_photons_placeholder(**options, &block)
+      css_class = [ "bp-placeholder", options[:class] ].compact.join(" ")
+      content_tag(:div, class: css_class,
+        style: "display: flex; align-items: center; justify-content: center; background: #1a1a1a; color: currentColor; width: 100%; height: 100%; overflow: hidden;") do
+        if block
+          capture(&block)
+        else
+          content_tag(:svg, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24",
+            "stroke-width": "0.75", stroke: "currentColor", class: "bp-placeholder-icon",
+            style: "width: 33%; max-width: 120px; height: auto;") do
+            tag(:path, "stroke-linecap": "round", "stroke-linejoin": "round",
+              d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 21h16.5A2.25 2.25 0 0 0 22.5 18.75V5.25A2.25 2.25 0 0 0 20.25 3H3.75A2.25 2.25 0 0 0 1.5 5.25v13.5A2.25 2.25 0 0 0 3.75 21Z")
+          end
+        end
+      end
+    end
+
+    def beautiful_photons_gallery(gallery_name)
+      gallery = Gallery.find_by!(name: gallery_name)
+      photos = gallery.gallery_photos.joins(:photo).where(photo: { published: true }).order(:position).map(&:photo)
+      photos.each { |photo| yield photo }
+    end
+
+    def beautiful_photons_photos(gallery_name, category: nil)
+      gallery = Gallery.find_by!(name: gallery_name)
+      scope = gallery.gallery_photos.joins(:photo).where(photo: { published: true }).order(:position)
+      if category
+        scope = scope.joins(photo: :category)
+          .where(beautiful_photons_categories: { name: category })
+      end
+      scope.map(&:photo)
+    end
+  end
+end

data/app/jobs/beautiful_photons/application_job.rb

@@ -0,0 +1,4 @@
+module BeautifulPhotons
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/beautiful_photons/application_mailer.rb

@@ -0,0 +1,6 @@
+module BeautifulPhotons
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/beautiful_photons/application_record.rb

@@ -0,0 +1,5 @@
+module BeautifulPhotons
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/models/beautiful_photons/category.rb

@@ -0,0 +1,7 @@
+module BeautifulPhotons
+  class Category < ApplicationRecord
+    has_many :photos, dependent: :nullify
+
+    validates :name, presence: true, uniqueness: true
+  end
+end

data/app/models/beautiful_photons/gallery.rb

@@ -0,0 +1,17 @@
+module BeautifulPhotons
+  class Gallery < ApplicationRecord
+    has_many :gallery_photos, dependent: :destroy
+    has_many :photos, through: :gallery_photos
+
+    validates :name, presence: true, uniqueness: true
+    validates :title, presence: true
+
+    before_validation :generate_name, if: -> { name.blank? && title.present? }
+
+    private
+
+    def generate_name
+      self.name = title.parameterize(separator: "_")
+    end
+  end
+end

data/app/models/beautiful_photons/gallery_photo.rb

@@ -0,0 +1,22 @@
+module BeautifulPhotons
+  class GalleryPhoto < ApplicationRecord
+    belongs_to :gallery
+    belongs_to :photo
+
+    validates :position, presence: true
+    validates :photo_id, uniqueness: { scope: %i[gallery_id category] }
+
+    after_create :publish_photo
+    after_destroy :unpublish_photo
+
+    private
+
+    def publish_photo
+      photo.update_published!
+    end
+
+    def unpublish_photo
+      photo.update_published!
+    end
+  end
+end

data/app/models/beautiful_photons/photo.rb

@@ -0,0 +1,29 @@
+module BeautifulPhotons
+  class Photo < ApplicationRecord
+    belongs_to :category, optional: true
+
+    has_one_attached :image
+    has_many :gallery_photos, dependent: :destroy
+    has_many :galleries, through: :gallery_photos
+    has_many :standalones, dependent: :nullify
+
+    validates :image, presence: true
+    validates :focal_x, :focal_y, numericality: { in: 0..100 }
+    validates :mobile_focal_x, :mobile_focal_y, numericality: { in: 0..100 }, allow_nil: true
+
+    scope :published, -> { where(published: true) }
+
+    def update_published!
+      in_use = gallery_photos.exists? || standalones.exists?
+      update_column(:published, in_use) if published? != in_use
+    end
+
+    def effective_mobile_focal_x
+      mobile_focal_x || focal_x
+    end
+
+    def effective_mobile_focal_y
+      mobile_focal_y || focal_y
+    end
+  end
+end

data/app/models/beautiful_photons/standalone.rb

@@ -0,0 +1,23 @@
+module BeautifulPhotons
+  class Standalone < ApplicationRecord
+    belongs_to :photo, optional: true
+
+    validates :key, presence: true, uniqueness: true
+
+    before_validation :generate_label, if: -> { label.blank? && key.present? }
+    after_save :update_photo_published, if: :saved_change_to_photo_id?
+    after_destroy :update_photo_published
+
+    private
+
+    def generate_label
+      self.label = key.humanize
+    end
+
+    def update_photo_published
+      old_id, new_id = saved_change_to_photo_id || [ photo_id, nil ]
+      Photo.find_by(id: old_id)&.update_published! if old_id
+      Photo.find_by(id: new_id)&.update_published! if new_id
+    end
+  end
+end

data/app/views/beautiful_photons/admin/categories/index.html.erb

@@ -0,0 +1,28 @@
+<%= ui_page(max_width: :lg) do %>
+  <%= ui_page_header(title: "Categories") %>
+
+  <%= ui_section do %>
+    <%= ui_form(action: beautiful_photons.categories_path, method: :post) do %>
+      <div style="display: flex; gap: 0.5rem; align-items: center;">
+        <%= ui_input(name: "category[name]", placeholder: "New category name") %>
+        <%= ui_button(label: "Add", size: :sm) %>
+      </div>
+    <% end %>
+  <% end %>
+
+  <%= ui_section do %>
+    <% if @categories.any? %>
+      <% @categories.each do |category| %>
+        <div style="display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 0; border-bottom: 1px solid #e5e7eb;">
+          <span><%= category.name %></span>
+          <%= ui_form(action: beautiful_photons.category_path(category), method: :delete,
+            data: { turbo_confirm: "Delete this category?" }) do %>
+            <%= ui_button(label: "Delete", type: :submit, variant: :danger, size: :sm) %>
+          <% end %>
+        </div>
+      <% end %>
+    <% else %>
+      <p style="color: #6b7280;">No categories yet.</p>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/beautiful_photons/admin/galleries/add_photos_page.html.erb

@@ -0,0 +1,30 @@
+<%= ui_form_page(title: "Add Photos", back_url: beautiful_photons.gallery_path(@gallery)) %>
+
+<%= ui_page(max_width: :lg) do %>
+  <% if @available_photos.any? %>
+    <%= ui_form(action: beautiful_photons.add_photos_gallery_path(@gallery), method: :post) do %>
+      <%= ui_grid(cols: { default: 3, sm: 4, lg: 5 }, gap: :sm) do %>
+        <% @available_photos.each do |photo| %>
+          <% if photo.image.attached? %>
+            <label style="cursor: pointer; position: relative; display: block;">
+              <input type="checkbox" name="photo_ids[]" value="<%= photo.id %>"
+                     style="position: absolute; top: 6px; left: 6px; z-index: 1; width: 18px; height: 18px;">
+              <div style="aspect-ratio: 1; background: #1a1a1a; border-radius: 4px; overflow: hidden;">
+                <%= image_tag main_app.url_for(photo.image), alt: photo.title,
+                  loading: "lazy",
+                  style: "width: 100%; height: 100%; object-fit: cover;" %>
+              </div>
+            </label>
+          <% end %>
+        <% end %>
+      <% end %>
+      <div style="margin-top: 1rem; display: flex; gap: 0.75rem; align-items: center;">
+        <label class="text-sm font-medium text-surface-700">Category <span class="text-surface-400">(optional)</span></label>
+        <%= ui_input(name: "category", placeholder: "e.g. backsplashes") %>
+        <%= ui_button(label: "Add Selected") %>
+      </div>
+    <% end %>
+  <% else %>
+    <p>All photos are already in this gallery.</p>
+  <% end %>
+<% end %>

data/app/views/beautiful_photons/admin/galleries/edit.html.erb

@@ -0,0 +1,17 @@
+<%= ui_form_page(title: "Edit Gallery", back_url: beautiful_photons.gallery_path(@gallery)) %>
+
+<%= ui_page(max_width: :lg) do %>
+  <%= ui_form(action: beautiful_photons.gallery_path(@gallery), method: :patch) do %>
+    <%= ui_section do %>
+      <label class="block text-sm font-medium text-surface-700 mb-1">Title</label>
+      <%= ui_input(name: "gallery[title]", value: @gallery.title) %>
+    <% end %>
+
+    <%= ui_section do %>
+      <label class="block text-sm font-medium text-surface-700 mb-1">Description <span class="text-surface-400">(optional)</span></label>
+      <%= ui_textarea(name: "gallery[description]", value: @gallery.description) %>
+    <% end %>
+
+    <%= ui_button(label: "Save") %>
+  <% end %>
+<% end %>

data/app/views/beautiful_photons/admin/galleries/index.html.erb

@@ -0,0 +1,13 @@
+<%= ui_page(max_width: :lg) do %>
+  <%= ui_page_header(title: "Galleries") do |header| %>
+    <% header.action do %>
+      <%= ui_button(label: "New", href: beautiful_photons.new_gallery_path) %>
+    <% end %>
+  <% end %>
+
+  <% @galleries.each do |gallery| %>
+    <%= ui_card_link(href: beautiful_photons.gallery_path(gallery)) do %>
+      <%= gallery.title %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/beautiful_photons/admin/galleries/new.html.erb

@@ -0,0 +1,17 @@
+<%= ui_form_page(title: "New Gallery", back_url: beautiful_photons.galleries_path) %>
+
+<%= ui_page(max_width: :lg) do %>
+  <%= ui_form(action: beautiful_photons.galleries_path, method: :post) do %>
+    <%= ui_section do %>
+      <label class="block text-sm font-medium text-surface-700 mb-1">Title</label>
+      <%= ui_input(name: "gallery[title]", placeholder: "e.g. Backsplashes") %>
+    <% end %>
+
+    <%= ui_section do %>
+      <label class="block text-sm font-medium text-surface-700 mb-1">Description <span class="text-surface-400">(optional)</span></label>
+      <%= ui_textarea(name: "gallery[description]", placeholder: "Brief description for the public page") %>
+    <% end %>
+
+    <%= ui_button(label: "Create") %>
+  <% end %>
+<% end %>

data/app/views/beautiful_photons/admin/galleries/show.html.erb

@@ -0,0 +1,84 @@
+<%= ui_show_page(title: @gallery.title, back_url: beautiful_photons.galleries_path) %>
+
+<%= ui_page(max_width: :lg) do %>
+  <% if @gallery_photos.any? %>
+    <div data-controller="reorder bulk-select" data-reorder-url-value="<%= beautiful_photons.reorder_gallery_path(@gallery) %>">
+      <%= ui_form(action: beautiful_photons.remove_photos_gallery_path(@gallery), method: :delete,
+        data: { bulk_select_target: "form" }) do %>
+
+        <% if @category_stats.any? %>
+          <div style="display: flex; gap: 1rem; margin-bottom: 1rem; font-size: 0.875rem; color: #6b7280;">
+            <% total = @category_stats.values.sum %>
+            <% @category_stats.sort_by { |_, count| -count }.each do |category, count| %>
+              <span><%= ((count.to_f / total) * 100).round %>% <%= category %></span>
+            <% end %>
+          </div>
+        <% end %>
+
+        <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem; align-items: center;">
+          <%= ui_button(label: "Add Photos", href: beautiful_photons.add_photos_page_gallery_path(@gallery)) %>
+          <%= ui_button(label: "Edit", href: beautiful_photons.edit_gallery_path(@gallery), variant: :secondary, size: :sm) %>
+          <%= ui_form(action: beautiful_photons.gallery_path(@gallery), method: :delete,
+            data: { turbo_confirm: "Delete this gallery? This cannot be undone." }) do %>
+            <%= ui_button(label: "Delete", type: :submit, variant: :danger, size: :sm) %>
+          <% end %>
+          <%= ui_button(label: "Remove Selected", type: :button, variant: :danger, size: :sm,
+            data: { bulk_select_target: "removeButton", action: "click->bulk-select#showConfirm" }) %>
+        </div>
+
+        <%= ui_grid(cols: { default: 2, sm: 3, lg: 4 }, gap: :md) do %>
+          <% @gallery_photos.each do |gp| %>
+            <% if gp.photo.image.attached? %>
+              <div data-reorder-target="item" data-photo-id="<%= gp.photo.id %>" draggable="true"
+                   data-action="dragstart->reorder#dragstart dragover->reorder#dragover drop->reorder#drop"
+                   style="cursor: grab; position: relative;">
+                <label style="display: block; cursor: pointer;">
+                  <input type="checkbox" name="photo_ids[]" value="<%= gp.photo.id %>"
+                         data-bulk-select-target="checkbox"
+                         data-action="change->bulk-select#toggle"
+                         style="position: absolute; top: 6px; left: 6px; z-index: 1; width: 18px; height: 18px;">
+                  <div style="aspect-ratio: 1; background: #1a1a1a; border-radius: 4px; overflow: hidden;">
+                    <%= image_tag main_app.url_for(gp.photo.image), alt: gp.photo.title,
+                      loading: "lazy",
+                      style: "width: 100%; height: 100%; object-fit: cover;" %>
+                  </div>
+                </label>
+                <% if gp.photo.category.present? %>
+                  <span class="gallery-photo-category" style="display: block; margin-top: 0.25rem; font-size: 0.75rem; color: #6b7280;"><%= gp.photo.category.name %></span>
+                <% end %>
+              </div>
+            <% end %>
+          <% end %>
+        <% end %>
+      <% end %>
+
+      <%# Confirmation modal %>
+      <div data-bulk-select-target="modal"
+           data-action="click->bulk-select#closeOnBackdrop"
+           class="hidden fixed inset-0 z-50 flex items-center justify-center bg-black/60">
+        <div class="rounded-xl border border-gray-200 bg-white p-6 w-full mx-4 max-w-sm dark:border-zinc-700 dark:bg-zinc-800">
+          <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-200 mb-2">Remove Photos</h3>
+          <p data-bulk-select-target="modalMessage" class="text-gray-600 dark:text-gray-400 mb-6"></p>
+          <div style="display: flex; gap: 0.5rem; justify-content: flex-end;">
+            <%= ui_button(label: "Cancel", type: :button, variant: :secondary, size: :sm,
+              data: { action: "click->bulk-select#cancelRemove" }) %>
+            <%= ui_button(label: "Remove", type: :button, variant: :danger, size: :sm,
+              data: { action: "click->bulk-select#confirmRemove" }) %>
+          </div>
+        </div>
+      </div>
+    </div>
+  <% else %>
+    <div style="display: flex; gap: 0.5rem; margin-bottom: 1rem; align-items: center;">
+      <%= ui_button(label: "Add Photos", href: beautiful_photons.add_photos_page_gallery_path(@gallery)) %>
+      <%= ui_button(label: "Edit", href: beautiful_photons.edit_gallery_path(@gallery), variant: :secondary, size: :sm) %>
+      <%= ui_form(action: beautiful_photons.gallery_path(@gallery), method: :delete,
+        data: { turbo_confirm: "Delete this gallery? This cannot be undone." }) do %>
+        <%= ui_button(label: "Delete", type: :submit, variant: :danger, size: :sm) %>
+      <% end %>
+    </div>
+    <%= ui_section do %>
+      <p>No photos in this gallery yet.</p>
+    <% end %>
+  <% end %>
+<% end %>