rails_den 2.0.0

data/app/views/admin/rails_den/profile_fields/_form.html.erb

@@ -0,0 +1,169 @@
+<% profile_field = page.resource %>
+
+<%= form_with model: profile_field,
+              url: [namespace, profile_field],
+              scope: profile_field,
+              local: true,
+              class: "form rails-den-admin-form" do |form| %>
+  <% if profile_field.errors.any? %>
+    <div id="error_explanation">
+      <h2>
+        <%= pluralize(profile_field.errors.count, "error") %>
+        prevented this profile field from being saved.
+      </h2>
+
+      <ul>
+        <% profile_field.errors.full_messages.each do |message| %>
+          <li class="flash-error"><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <fieldset class="rails-den-admin-section">
+    <legend>Profile Field</legend>
+
+    <div class="field-unit field-unit--string">
+      <div class="field-unit__label">
+        <%= form.label :label %>
+      </div>
+
+      <div class="field-unit__field">
+        <%= form.text_field :label,
+                            required: true,
+                            autocomplete: "off" %>
+
+        <p class="rails-den-admin-muted">
+          The name members will see on their profile.
+        </p>
+      </div>
+    </div>
+
+    <div class="field-unit field-unit--string">
+      <div class="field-unit__label">
+        <%= form.label :key %>
+      </div>
+
+      <div class="field-unit__field">
+        <% if profile_field.persisted? %>
+          <code><%= profile_field.key %></code>
+
+          <p class="rails-den-admin-muted">
+            The key cannot be changed after this field is created because
+            host integrations may depend on it.
+          </p>
+        <% else %>
+          <%= form.text_field :key,
+                              required: true,
+                              maxlength: 50,
+                              autocomplete: "off",
+                              placeholder: "github_username" %>
+
+          <p class="rails-den-admin-muted">
+            Lowercase letters, numbers, and underscores only. Must begin
+            with a letter.
+          </p>
+        <% end %>
+      </div>
+    </div>
+
+    <div class="field-unit field-unit--select">
+      <div class="field-unit__label">
+        <%= form.label :field_type, "Type" %>
+      </div>
+
+      <div class="field-unit__field">
+        <%= form.select :field_type,
+                        [
+                          ["Text", "text"],
+                          ["Textarea", "textarea"],
+                          ["URL", "url"],
+                          ["Select", "select"],
+                          ["Checkbox", "checkbox"]
+                        ],
+                        {},
+                        required: true %>
+
+        <p class="rails-den-admin-muted">
+          Determines how members enter this value on their profile.
+        </p>
+      </div>
+    </div>
+  </fieldset>
+
+  <fieldset class="rails-den-admin-section">
+    <legend>Options</legend>
+
+    <div class="field-unit field-unit--text">
+      <div class="field-unit__label">
+        <%= form.label :options_text, "Select options" %>
+      </div>
+
+      <div class="field-unit__field">
+        <%= form.text_area :options_text,
+                           rows: 7,
+                           placeholder: "Option one&#10;Option two&#10;Option three" %>
+
+        <p class="rails-den-admin-muted">
+          Used only when Type is Select. Enter one option per line.
+        </p>
+      </div>
+    </div>
+  </fieldset>
+
+  <fieldset class="rails-den-admin-section">
+    <legend>Behavior</legend>
+
+    <div class="field-unit field-unit--number">
+      <div class="field-unit__label">
+        <%= form.label :position %>
+      </div>
+
+      <div class="field-unit__field">
+        <%= form.number_field :position,
+                              required: true,
+                              min: 0 %>
+
+        <p class="rails-den-admin-muted">
+          Lower numbers appear first.
+        </p>
+      </div>
+    </div>
+
+    <div class="field-unit field-unit--boolean">
+      <div class="field-unit__label">
+        <%= form.label :required %>
+      </div>
+
+      <div class="field-unit__field">
+        <%= form.check_box :required %>
+
+        <p class="rails-den-admin-muted">
+          Members must provide a value for this field.
+        </p>
+      </div>
+    </div>
+
+    <div class="field-unit field-unit--boolean">
+      <div class="field-unit__label">
+        <%= form.label :enabled %>
+      </div>
+
+      <div class="field-unit__field">
+        <%= form.check_box :enabled %>
+
+        <p class="rails-den-admin-muted">
+          Disabled fields retain existing values but are hidden from
+          profile editing and public profiles.
+        </p>
+      </div>
+    </div>
+  </fieldset>
+
+  <div class="form-actions rails-den-admin-form-actions">
+    <%= form.submit(
+          profile_field.persisted? ? "Update Profile Field" : "Create Profile Field",
+          class: "button"
+        ) %>
+  </div>
+<% end %>

data/app/views/admin/rails_den/reaction_types/_catalog_search.html.erb

@@ -0,0 +1,22 @@
+<div class="rails-den-emoji-catalog" data-rails-den-emoji-catalog>
+  <label for="emoji-catalog-query-<%= mode %>">Search all <%= RailsDen::EmojiCatalog.count %> Unicode emoji</label>
+  <div class="rails-den-emoji-search-row">
+    <input id="emoji-catalog-query-<%= mode %>" type="search" name="q" value="<%= params[:q] %>" placeholder="Try ‘heart’, ‘flag’, ‘skin tone’, or ‘celebrate’" data-rails-den-catalog-query>
+    <button type="button" class="button button--alt" data-rails-den-catalog-search>Search</button>
+  </div>
+  <p class="rails-den-emoji-result-summary" data-rails-den-catalog-summary>Showing <%= entries.length %> of <%= total %> matching emoji</p>
+  <div class="rails-den-emoji-grid" data-rails-den-catalog-results aria-live="polite">
+    <% entries.each do |entry| %>
+      <label class="rails-den-emoji-choice" title="<%= entry.name %>">
+        <% if mode == "multiple" %>
+          <input type="checkbox" name="catalog_ids[]" value="<%= entry.id %>" data-rails-den-catalog-id="<%= entry.id %>">
+        <% else %>
+          <button type="button" data-rails-den-catalog-choice data-id="<%= entry.id %>" data-emoji="<%= entry.emoji %>" data-name="<%= entry.name %>" data-key="<%= entry.key %>">
+            <span aria-hidden="true"><%= entry.emoji %></span><span><%= entry.name %></span>
+          </button>
+        <% end %>
+        <% if mode == "multiple" %><span class="rails-den-emoji-choice-content"><span aria-hidden="true"><%= entry.emoji %></span><span><%= entry.name %></span></span><% end %>
+      </label>
+    <% end %>
+  </div>
+</div>

data/app/views/admin/rails_den/reaction_types/_errors.html.erb

@@ -0,0 +1,3 @@
+<% if reaction_type.errors.any? %>
+  <div class="rails-den-errors"><strong>We couldn't save this reaction type.</strong><ul><% reaction_type.errors.full_messages.each do |message| %><li><%= message %></li><% end %></ul></div>
+<% end %>

data/app/views/admin/rails_den/reaction_types/index.html.erb

@@ -0,0 +1,66 @@
+<% content_for(:title, "Reaction Types") %>
+
+<% if params[:import_label].present? %>
+  <div class="rails-den-emoji-import-result <%= "has-failures" if params[:failed].to_i.positive? %>" role="status">
+    <strong><%= params[:import_label] %></strong>
+    <span>Imported <%= params[:imported].to_i %> · Skipped <%= params[:skipped].to_i %> · Failed <%= params[:failed].to_i %></span>
+  </div>
+<% end %>
+
+<header class="main-content__header rails-den-emoji-admin-header">
+  <div>
+    <h1 class="main-content__page-title">Reaction Types</h1>
+    <p>Manage member reactions or import from the complete Unicode emoji catalog.</p>
+  </div>
+  <div class="rails-den-emoji-admin-actions">
+    <%= link_to "Add one", new_admin_rails_den_reaction_type_path, class: "button" %>
+    <%= link_to "Add selected", selected_admin_rails_den_reaction_types_path, class: "button button--alt" %>
+    <%= button_to "Add common", import_common_admin_rails_den_reaction_types_path, method: :post, class: "button button--alt" %>
+    <%= button_to "Add all", import_all_admin_rails_den_reaction_types_path,
+                  method: :post,
+                  class: "button rails-den-emoji-add-all",
+                  form: {
+                    data: {
+                      rails_den_catalog_confirm: "Import all #{RailsDen::EmojiCatalog.count} catalog emoji as enabled reactions?"
+                    }
+                  } %>
+  </div>
+</header>
+
+<section class="main-content__body rails-den-emoji-admin-panel">
+  <form method="get" class="rails-den-emoji-record-search">
+    <label for="reaction-type-search">Search configured reactions</label>
+    <div>
+      <input id="reaction-type-search" type="search" name="search" value="<%= params[:search] %>" placeholder="Name or key">
+      <button class="button button--alt" type="submit">Search</button>
+    </div>
+  </form>
+
+  <p class="rails-den-emoji-result-summary"><%= @total_count %> configured reaction types</p>
+
+  <div class="rails-den-emoji-record-table-wrap">
+    <table class="rails-den-emoji-record-table">
+      <thead><tr><th>Emoji</th><th>Name</th><th>Key</th><th>Position</th><th>Status</th><th></th></tr></thead>
+      <tbody>
+        <% @reaction_types.each do |reaction_type| %>
+          <tr>
+            <td class="rails-den-emoji-cell"><%= reaction_type.emoji %></td>
+            <td><%= reaction_type.name %></td>
+            <td><code><%= reaction_type.key %></code></td>
+            <td><%= reaction_type.position %></td>
+            <td><span class="rails-den-emoji-status <%= "is-disabled" unless reaction_type.enabled? %>"><%= reaction_type.enabled? ? "Enabled" : "Disabled" %></span></td>
+            <td><%= link_to "Edit", edit_admin_rails_den_reaction_type_path(reaction_type), class: "button button--alt" %></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  </div>
+
+  <% if @total_pages > 1 %>
+    <nav class="rails-den-pagination" aria-label="Reaction type pages">
+      <% if @page > 1 %><%= link_to "Previous", admin_rails_den_reaction_types_path(page: @page - 1, search: params[:search]), class: "button button--alt" %><% end %>
+      <span>Page <%= @page %> of <%= @total_pages %></span>
+      <% if @page < @total_pages %><%= link_to "Next", admin_rails_den_reaction_types_path(page: @page + 1, search: params[:search]), class: "button button--alt" %><% end %>
+    </nav>
+  <% end %>
+</section>

data/app/views/admin/rails_den/reaction_types/new.html.erb

@@ -0,0 +1,23 @@
+<% content_for(:title, "Add one reaction") %>
+<% content_for(:head) do %><meta name="rails-den-emoji-catalog-url" content="<%= catalog_admin_rails_den_reaction_types_path %>"><% end %>
+
+<header class="main-content__header">
+  <div><h1 class="main-content__page-title">Add one</h1><p>Search the Unicode catalog or enter an emoji manually.</p></div>
+  <%= link_to "Back", admin_rails_den_reaction_types_path, class: "button button--alt" %>
+</header>
+
+<section class="main-content__body rails-den-emoji-workflow" data-rails-den-catalog-mode="single">
+  <%= render "admin/rails_den/reaction_types/catalog_search", entries: @catalog_entries, total: @catalog_total, mode: "single" %>
+
+  <%= form_with model: @reaction_type,
+                url: admin_rails_den_reaction_types_path,
+                class: "rails-den-emoji-reaction-form" do |form| %>
+    <%= render "admin/rails_den/reaction_types/errors", reaction_type: @reaction_type %>
+    <div class="field-unit"><%= form.label :emoji %><%= form.text_field :emoji, required: true, data: { rails_den_emoji_target: true } %><p>Choose above or paste any supported emoji.</p></div>
+    <div class="field-unit"><%= form.label :name %><%= form.text_field :name, required: true %></div>
+    <div class="field-unit"><%= form.label :key %><%= form.text_field :key, required: true %></div>
+    <div class="field-unit"><%= form.label :position %><%= form.number_field :position, min: 0, required: true %></div>
+    <div class="field-unit"><%= form.label :enabled %><%= form.check_box :enabled %></div>
+    <%= form.submit "Create reaction type", class: "button" %>
+  <% end %>
+</section>

data/app/views/admin/rails_den/reaction_types/selected.html.erb

@@ -0,0 +1,15 @@
+<% content_for(:title, "Add selected reactions") %>
+<% content_for(:head) do %><meta name="rails-den-emoji-catalog-url" content="<%= catalog_admin_rails_den_reaction_types_path %>"><% end %>
+
+<header class="main-content__header">
+  <div><h1 class="main-content__page-title">Add selected</h1><p>Search the complete catalog and import several enabled reactions at once.</p></div>
+  <%= link_to "Back", admin_rails_den_reaction_types_path, class: "button button--alt" %>
+</header>
+
+<section class="main-content__body rails-den-emoji-workflow" data-rails-den-catalog-mode="multiple">
+  <%= form_with url: import_selected_admin_rails_den_reaction_types_path, method: :post, data: { rails_den_selected_form: true } do |form| %>
+    <%= hidden_field_tag :selected_catalog_ids, "", data: { rails_den_selected_ids: true } %>
+    <%= render "admin/rails_den/reaction_types/catalog_search", entries: @catalog_entries, total: @catalog_total, mode: "multiple" %>
+    <div class="rails-den-emoji-selection-bar"><strong><span data-rails-den-selected-count>0</span> selected</strong><%= form.submit "Import selected", class: "button", data: { rails_den_import_selected: true }, disabled: true %></div>
+  <% end %>
+</section>

data/app/views/admin/rails_den/roles/_form.html.erb

@@ -0,0 +1,64 @@
+<%= form_with model: role,
+              url: role.persisted? ? admin_rails_den_role_path(role) : admin_rails_den_roles_path,
+              method: role.persisted? ? :patch : :post,
+              local: true,
+              class: "form rails-den-admin-form" do |form| %>
+  <% if role.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(role.errors.count, "error") %> prevented this role from being saved.</h2>
+      <ul>
+        <% role.errors.full_messages.each do |message| %>
+          <li class="flash-error"><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <fieldset class="rails-den-admin-section">
+    <legend>Role details</legend>
+    <% if role.built_in? %>
+      <p class="rails-den-admin-callout"><strong><%= role.name %></strong> is built in. Its identity and key are protected, but compatible capabilities can be changed.</p>
+    <% else %>
+      <div class="field-unit field-unit--string">
+        <%= form.label :name %>
+        <%= form.text_field :name, required: true, autofocus: true %>
+      </div>
+      <div class="field-unit field-unit--string">
+        <%= form.label :key %>
+        <%= form.text_field :key, required: true, placeholder: "paid_member" %>
+        <p class="rails-den-admin-field-help">Lowercase letters, numbers, and underscores. Used by host integrations.</p>
+      </div>
+      <div class="field-unit field-unit--number">
+        <%= form.label :position %>
+        <%= form.number_field :position, min: 0, required: true %>
+      </div>
+    <% end %>
+  </fieldset>
+
+  <fieldset class="rails-den-admin-section">
+    <legend>Global capabilities</legend>
+    <p class="rails-den-admin-muted">These apply throughout RailsDen unless a board has an advanced override. Access requirements apply separately.</p>
+    <% if role.key == "administrator" %>
+      <p class="rails-den-admin-callout">Administrators always have every capability after satisfying category, board, and topic access requirements.</p>
+    <% else %>
+      <div class="rails-den-admin-choice-grid">
+        <% @capabilities.each do |capability| %>
+          <% field_id = "role-capability-#{capability}" %>
+          <label class="rails-den-admin-choice" for="<%= field_id %>">
+            <%= hidden_field_tag "permissions[#{capability}]", "0" %>
+            <%= check_box_tag "permissions[#{capability}]", "1", @selected_capabilities.include?(capability), id: field_id %>
+            <span>
+              <strong><%= { "post" => "Start topics", "message" => "Send private messages" }.fetch(capability, capability.humanize) %></strong>
+              <small><%= { "view" => "See readable community content", "post" => "Create topics in readable boards", "reply" => "Reply to readable discussions", "upload" => "Attach files while writing", "message" => "Start and reply to private member conversations", "moderate" => "Use current moderation-like actions" }.fetch(capability) %></small>
+            </span>
+          </label>
+        <% end %>
+      </div>
+    <% end %>
+  </fieldset>
+
+  <div class="form-actions rails-den-admin-form-actions">
+    <%= form.submit role.persisted? ? "Save Role" : "Create Role", class: "button" %>
+    <%= link_to "Cancel", admin_rails_den_roles_path, class: "button button--alt" %>
+  </div>
+<% end %>

data/app/views/admin/rails_den/roles/edit.html.erb

@@ -0,0 +1,18 @@
+<% content_for(:title) { "Edit #{@role.name}" } %>
+<header class="main-content__header">
+  <div>
+    <h1 class="main-content__page-title">Edit <%= @role.name %></h1>
+    <p class="rails-den-admin-lede"><%= @role.built_in? ? "Built-in role" : "Custom role" %></p>
+  </div>
+  <%= link_to "Back to Roles", admin_rails_den_roles_path, class: "button button--alt" %>
+</header>
+<section class="main-content__body">
+  <%= render "form", role: @role %>
+  <% unless @role.built_in? %>
+    <section class="rails-den-admin-danger-zone">
+      <h2>Delete role</h2>
+      <p>Deletes this role and its assignments, requirements, and permission settings.</p>
+      <%= button_to "Delete #{@role.name}", admin_rails_den_role_path(@role), method: :delete, class: "button button--danger", data: { turbo_confirm: "Delete #{@role.name} and all of its assignments?" } %>
+    </section>
+  <% end %>
+</section>

data/app/views/admin/rails_den/roles/index.html.erb

@@ -0,0 +1,49 @@
+<% content_for(:title) { "Roles & Permissions" } %>
+
+<header class="main-content__header rails-den-admin-heading">
+  <div>
+    <h1 class="main-content__page-title">Roles & Permissions</h1>
+    <p class="rails-den-admin-lede">Define who members are and what they can do across the community.</p>
+  </div>
+  <%= link_to "New Role", new_admin_rails_den_role_path, class: "button" %>
+</header>
+
+<section class="main-content__body">
+  <div class="rails-den-admin-card-grid" data-role-list>
+    <% @roles.each do |role| %>
+      <% enabled_capabilities = role.role_permissions.select(&:allowed?).map(&:capability) %>
+      <article class="rails-den-admin-card" data-role-key="<%= role.key %>">
+        <header class="rails-den-admin-card__header">
+          <div>
+            <h2><%= role.name %></h2>
+            <span class="rails-den-admin-badge"><%= role.built_in? ? "Built-in" : "Custom" %></span>
+          </div>
+          <%= link_to "Edit", edit_admin_rails_den_role_path(role), class: "button button--alt" %>
+        </header>
+        <p class="rails-den-admin-muted">
+          <%= pluralize(@global_member_counts.fetch(role.id, 0), "global assignment") %>
+          <% if @board_member_counts.fetch(role.id, 0).positive? %>
+            · <%= pluralize(@board_member_counts.fetch(role.id, 0), "board assignment") %>
+          <% end %>
+        </p>
+        <div class="rails-den-admin-chip-list" aria-label="Capabilities">
+          <% if role.key == "administrator" %>
+            <span class="rails-den-admin-chip">All capabilities</span>
+          <% elsif enabled_capabilities.any? %>
+            <% enabled_capabilities.each do |capability| %>
+              <span class="rails-den-admin-chip"><%= capability == "post" ? "Start topics" : capability.humanize %></span>
+            <% end %>
+          <% else %>
+            <span class="rails-den-admin-muted">No global capabilities</span>
+          <% end %>
+        </div>
+      </article>
+    <% end %>
+  </div>
+
+  <section class="rails-den-admin-secondary-action">
+    <h2>Advanced board permissions</h2>
+    <p class="rails-den-admin-muted">Fine-tune capabilities for a board after configuring its basic access on the board form.</p>
+    <%= link_to "Choose a board", admin_rails_den_boards_path, class: "button button--alt" %>
+  </section>
+</section>

data/app/views/admin/rails_den/roles/new.html.erb

@@ -0,0 +1,6 @@
+<% content_for(:title) { "New Role" } %>
+<header class="main-content__header">
+  <h1 class="main-content__page-title">New Role</h1>
+  <%= link_to "Back to Roles", admin_rails_den_roles_path, class: "button button--alt" %>
+</header>
+<section class="main-content__body"><%= render "form", role: @role %></section>

data/app/views/admin/rails_den/shared/_access_form.html.erb

@@ -0,0 +1,59 @@
+<%= form_with model: page.resource,
+              url: [namespace, page.resource],
+              scope: page.resource,
+              local: true,
+              class: "form rails-den-admin-form" do |form| %>
+  <% if page.resource.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= pluralize(page.resource.errors.count, "error") %> prevented this record from being saved.</h2>
+      <ul>
+        <% page.resource.errors.full_messages.each do |message| %>
+          <li class="flash-error"><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <% page.attributes(controller.action_name).each do |title, attributes| %>
+    <fieldset class="<%= "field-unit--nested" if title.present? %>">
+      <% if title.present? %><legend><%= title %></legend><% end %>
+      <% attributes.each do |attribute| %>
+        <div class="field-unit field-unit--<%= attribute.html_class %> field-unit--<%= requireness(attribute) %>">
+          <%= render_field attribute, f: form %>
+        </div>
+      <% end %>
+    </fieldset>
+  <% end %>
+
+  <fieldset class="rails-den-admin-section" data-access-control>
+    <legend>Access</legend>
+    <p class="rails-den-admin-muted"><%= access_help %></p>
+
+    <label class="rails-den-admin-radio-row">
+      <%= radio_button_tag :access_mode, "everyone", @required_role_ids.empty? %>
+      <span><strong><%= everyone_label %></strong><small>No additional role requirement.</small></span>
+    </label>
+    <label class="rails-den-admin-radio-row">
+      <%= radio_button_tag :access_mode, "specific", @required_role_ids.any? %>
+      <span><strong>Specific roles</strong><small>Matching any selected role is sufficient.</small></span>
+    </label>
+
+    <div class="rails-den-admin-access-roles">
+      <%= hidden_field_tag "required_role_ids[]", "" %>
+      <% @roles.each do |role| %>
+        <% field_id = "required-role-#{role.id}" %>
+        <label class="rails-den-admin-choice" for="<%= field_id %>">
+          <%= check_box_tag "required_role_ids[]", role.id, @required_role_ids.include?(role.id), id: field_id %>
+          <span><strong><%= role.name %></strong><small><%= role.built_in? ? "Built-in" : "Custom" %></small></span>
+        </label>
+      <% end %>
+    </div>
+  </fieldset>
+
+  <div class="form-actions rails-den-admin-form-actions">
+    <%= form.submit class: "button" %>
+    <% if local_assigns[:advanced_url].present? %>
+      <%= link_to "Advanced Permissions", advanced_url, class: "button button--alt" %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/admin/rails_den/themes/index.html.erb

@@ -0,0 +1,129 @@
+<% content_for(:title) { "Themes" } %>
+<% installed_configured_key = @themes.any? { |theme| theme.key == @configured_theme_key } ? @configured_theme_key : nil %>
+<% picker_key = installed_configured_key || "" %>
+
+<header class="main-content__header rails-den-admin-heading">
+  <div>
+    <h1 class="main-content__page-title">Themes</h1>
+    <p class="rails-den-admin-lede">Choose the presentation used by the RailsDen community. Administration always keeps its standard interface.</p>
+  </div>
+</header>
+
+<section class="main-content__body">
+  <% if flash[:notice].present? %>
+    <p class="rails-den-admin-callout"><%= flash[:notice] %></p>
+  <% end %>
+  <% if flash[:alert].present? %>
+    <p class="rails-den-admin-callout"><%= flash[:alert] %></p>
+  <% end %>
+
+  <% if @stale_theme_key %>
+    <p class="rails-den-admin-callout" data-theme-warning="stale">
+      The configured theme <strong><%= @stale_theme_key %></strong> is no longer installed. RailsDen Default is active; select a theme below to recover.
+    </p>
+  <% end %>
+
+  <% configured_result = @license_results[@configured_theme_key] %>
+  <% if @configured_theme_key.present? && !@stale_theme_key && @active_theme_key != @configured_theme_key && configured_result&.invalid? %>
+    <p class="rails-den-admin-callout" data-theme-warning="invalid">
+      The configured theme has an invalid license, so RailsDen Default is active.
+    </p>
+  <% end %>
+
+  <div class="rails-den-admin-card-grid">
+    <article class="rails-den-admin-card" data-theme-key="default">
+      <header class="rails-den-admin-card__header">
+        <div>
+          <h2>RailsDen Default</h2>
+          <% unless @configured_theme_key.present? %>
+            <span class="rails-den-admin-badge">Configured</span>
+          <% end %>
+          <% unless @active_theme_key.present? %>
+            <span class="rails-den-admin-badge">Active</span>
+          <% end %>
+        </div>
+      </header>
+      <p class="rails-den-admin-muted">The built-in, permanently available RailsDen presentation.</p>
+      <div class="rails-den-admin-chip-list">
+        <span class="rails-den-admin-chip">Built-in</span>
+        <span class="rails-den-admin-chip">Free</span>
+      </div>
+    </article>
+
+    <% @themes.each do |theme| %>
+      <% result = @license_results[theme.key] %>
+      <article class="rails-den-admin-card" data-theme-key="<%= theme.key %>">
+        <header class="rails-den-admin-card__header">
+          <div>
+            <h2><%= theme.name %></h2>
+            <span class="rails-den-admin-badge">Compatible</span>
+            <% if theme.key == @configured_theme_key %>
+              <span class="rails-den-admin-badge">Configured</span>
+            <% end %>
+            <% if theme.key == @active_theme_key %>
+              <span class="rails-den-admin-badge">Active</span>
+            <% end %>
+            <% if result %>
+              <span class="rails-den-admin-badge"><%= result.status.to_s.humanize %></span>
+            <% end %>
+          </div>
+        </header>
+
+        <p class="rails-den-admin-muted">
+          Key: <strong><%= theme.key %></strong><br>
+          Version: <%= theme.version %><br>
+          Requires RailsDen <%= theme.rails_den_requirement %>
+        </p>
+
+        <div class="rails-den-admin-chip-list" aria-label="License">
+          <% if theme.licensed? %>
+            <span class="rails-den-admin-chip"><%= theme.license_product %></span>
+          <% else %>
+            <span class="rails-den-admin-chip">Free</span>
+          <% end %>
+        </div>
+
+        <% if result&.message.present? %>
+          <p class="rails-den-admin-muted"><%= result.message %></p>
+        <% end %>
+      </article>
+    <% end %>
+  </div>
+
+  <% unless @themes.any? %>
+    <p class="rails-den-admin-empty">No additional themes are installed.</p>
+  <% end %>
+
+  <section class="rails-den-admin-section">
+    <h2>Active Theme</h2>
+    <p class="rails-den-admin-muted">Changes apply to community pages on the next request.</p>
+
+    <%= form_with url: admin_rails_den_themes_path,
+                  method: :patch,
+                  class: "rails-den-admin-form" do %>
+      <div class="rails-den-admin-choice-grid">
+        <label class="rails-den-admin-radio-row">
+          <%= radio_button_tag "theme[key]", "", picker_key.empty? %>
+          <span>
+            <strong>RailsDen Default</strong>
+            <small>Use the built-in community presentation.</small>
+          </span>
+        </label>
+
+        <% @themes.each do |theme| %>
+          <label class="rails-den-admin-radio-row">
+            <%= radio_button_tag "theme[key]", theme.key, picker_key == theme.key %>
+            <span>
+              <strong><%= theme.name %></strong>
+              <small><%= theme.key %></small>
+            </span>
+          </label>
+        <% end %>
+      </div>
+
+      <div class="form-actions rails-den-admin-form-actions">
+        <%= submit_tag "Save Active Theme", class: "button" %>
+      </div>
+    <% end %>
+  </section>
+</section>