<%!-- Scope-invalid guard: scope folder was deleted --%> <%= if @scope_invalid do %>

<.icon name="hero-exclamation-triangle" class="w-5 h-5 shrink-0" /> The configured scope folder no longer exists. The media browser is disabled until the scope is reconfigured.

<% else %> <%!-- Upload Section --%> <%= if @show_upload and assigns[:parent_uploads] do %>

Upload Media

<%= if @has_buckets do %> <.file_upload upload={@parent_uploads.media_files} label="Upload Media Files" icon="hero-cloud-arrow-up" accept_description="All file types supported" max_size_description={"#{@max_upload_size_mb}MB per file"} /> <% else %>

<.icon name="hero-exclamation-triangle" class="w-6 h-6" />

No Storage Buckets Configured

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/settings/media")} class="link link-primary font-semibold" > Configure Storage Buckets

<% end %>

<% end %> <%!-- Main Layout: Sidebar + Content in a unified card --%>

<%!-- Folder Sidebar --%>

<%= if @sidebar_collapsed do %> <%!-- Collapsed strip --%>

<% else %> <%!-- Expanded sidebar --%>

<%= if is_nil(@scope_folder_id) do %>

Folders

<% else %>

<% end %>

<%!-- All Files flat view (only when unscoped — admin media page) --%> <%= if is_nil(@scope_folder_id) do %> <% end %> <%!-- Root (navigate to real root folder) --%>

<%!-- Folder Tree --%>

<.icon name="hero-folder-plus" class="w-4 h-4 shrink-0" />

<%!-- Trash --%>

<% end %>

<%!-- Main content area --%>

<%!-- Hidden upload input for folder drag-drop (always in DOM when in a folder) --%> <%= if @has_buckets && !@show_upload && assigns[:parent_uploads] do %> <% end %>

<%!-- Inline upload progress for drag-drop (no modal) --%> <%= if !@show_upload && assigns[:parent_uploads] && length(@parent_uploads.media_files.entries) > 0 do %>

<%= for entry <- @parent_uploads.media_files.entries do %>

{entry.client_name}

{entry.progress}% {entry.progress}%

<% end %>

<% end %> <%!-- Breadcrumbs --%> <%= if @current_folder do %>

{if @current_folder, do: @current_folder.name}

<% end %> <%!-- Search Bar (toggleable) --%> <%= if @show_search or @search_query != "" do %> <% end %> <%!-- Header --%>

<%= if @select_mode do %> <%!-- Selection Mode Header --%>

{MapSet.size(@selected_files) + MapSet.size(@selected_folders)} selected <%= if MapSet.size(@selected_files) + MapSet.size(@selected_folders) > 0 do %> <% end %>

<% else %> <%!-- Normal Header --%>

<%= cond do %> <% @filter_trash -> %> Trash <% @filter_orphaned -> %> Orphaned Files <% @file_view == "all" -> %> All Files <% @current_folder -> %> {@current_folder.name} <% true -> %> {@scope_folder_name} <% end %>

<%= if @filter_trash do %> <%= if @select_mode and MapSet.size(@selected_files) > 0 do %> <% end %> <%= if @total_count > 0 do %> <% end %> <% end %> <%= unless @show_upload or @filter_trash do %> <% end %> <%!-- Orphan filter is only meaningful at the global root (no scope set) --%> <%= if is_nil(@scope_folder_id) do %> <%= if @filter_orphaned && @total_count > 0 do %> <% end %> <% end %>

<% end %>

<%= if @total_count > 0 do %>

<.pagination_info page={@current_page} per_page={@per_page} total_count={@total_count} /> <% end %>

<%= if @uploaded_files == [] && (@folders == [] or @file_view == "all") do %> <%!-- Empty state --%>

<%= cond do %> <% @filter_trash -> %> <.icon name="hero-trash" class="w-12 h-12 mx-auto text-base-content/30 mb-2" />

Trash is empty.

Deleted files will appear here

<% @current_folder -> %> <.icon name="hero-cloud-arrow-up" class="w-12 h-12 mx-auto text-base-content/30 mb-2" />

This folder is empty.

Drop files here or click "Add Media" to upload

<% @file_view == "all" -> %> <.icon name="hero-folder-open" class="w-12 h-12 mx-auto text-base-content/30 mb-2" />

No files found.

<% true -> %> <.icon name="hero-folder-open" class="w-12 h-12 mx-auto text-base-content/30 mb-2" />

No media uploaded yet. Upload your first file above!

<% end %>

<% else %> <%= if @view_mode == "grid" do %> <%!-- Grid View --%>

<%!-- New Folder Input (Grid) --%> <%= if @show_new_folder and @file_view != "all" and not @filter_trash do %>

<.icon name="hero-folder-plus" class="w-10 h-10" />

<% end %> <%!-- Folders --%> <%= for folder <- if(@file_view == "all", do: [], else: @folders) do %>

<%= if @select_mode do %> <% end %> <%= if @renaming_folder == folder.uuid && @renaming_source == "content" do %> <%!-- Inline rename --%> <.icon name="hero-folder" class="w-12 h-12 mb-2" /> <% else %> <% end %>

<% end %> <%!-- Files --%> <%= for file <- @uploaded_files do %>

<%= if @select_mode do %> <% end %>

<.thumbnail_url :let={url} file={file} size={:small}> <%= if url do %> {file.filename}

<% else %>

<.icon name={file_icon(file.file_type)} class="w-12 h-12 mb-2" />

{String.upcase(file.file_type)}

<% end %> <%= if file.file_type == "video" do %>

<.icon name="hero-play-solid" class="w-4 h-4" />

<% end %> <%= if file.mime_type == "application/pdf" do %>

PDF

<% end %>

{format_file_size(file.size)}

<% end %>

<% end %> <%= if @view_mode == "list" do %> <%!-- List View --%>

<%= if @select_mode do %> <% end %> <%!-- New Folder Input (List) --%> <%= if @show_new_folder and @file_view != "all" and not @filter_trash do %> <%= if @select_mode do %> <% end %> <% end %> <%!-- Folders --%> <%= for folder <- if(@file_view == "all", do: [], else: @folders) do %> <%= if @renaming_folder == folder.uuid && @renaming_source == "content" do %> <%= if @select_mode do %> <% end %> <% else %> <%= if @select_mode do %> <% end %> <% end %> <% end %> <%!-- Files --%> <%= for file <- @uploaded_files do %> <%= if @select_mode do %> <% end %> <% end %>

	Name	Path	Type	Size	Date
<.icon name="hero-folder-plus" class="w-6 h-6" />
<.icon name="hero-folder" class="w-6 h-6" />
<.icon name="hero-folder" class="w-6 h-6" />	<%= if @renaming_folder == folder.uuid && @renaming_text != "" do %> {@renaming_text} <% else %> {folder.name} <% end %>					<.icon name="hero-ellipsis-vertical" class="w-4 h-4" /> Color <%= for color <- PhoenixKit.Modules.Storage.Folder.colors() do %> <% end %>
<.thumbnail_url :let={url} file={file} size={:small}> <%= if url do %> <% else %> <.icon name={file_icon(file.file_type)} class="w-5 h-5" /> <% end %>	{file.filename}	<%= if file.folder_path do %> {file.folder_path} <% else %> / <% end %>	{String.upcase(file.file_type)}	{format_file_size(file.size)}	{Calendar.strftime(file.inserted_at, "%b %d, %Y")}

<% end %> <% end %> <%!-- Pagination (event-based; URL sync deferred to Task 3) --%> <%= if @total_count > @per_page do %>

<%= if @current_page > 1 do %> <% end %> {@current_page} / {@total_pages} <%= if @current_page < @total_pages do %> <% end %>

<% end %>

<%!-- Move to Folder Modal --%> <%= if @show_move_modal do %> <% end %> <% end %>

Upload Media

No Storage Buckets Configured

Folders

<%= cond do %> <% @filter_trash -> %> Trash <% @filter_orphaned -> %> Orphaned Files <% @file_view == "all" -> %> All Files <% @current_folder -> %> {@current_folder.name} <% true -> %> {@scope_folder_name} <% end %>

Move {MapSet.size(@selected_files)} file(s) to folder