katalyst-koi 4.0.0

data/app/views/admin/admin_users/_authentication.html.erb

@@ -0,0 +1,15 @@
+<h2>Authentication</h2>
+
+<%= table_with(collection: current_admin.credentials, class: "index-table") do |t, c| %>
+  <%= t.cell :nickname %>
+  <%= t.cell :sign_count %>
+  <%= t.cell :actions, label: "" do %>
+    <%= button_to "Remove device", admin_admin_user_credential_path(admin, c), method: :delete, class: "button button--text" %>
+  <% end if admin == current_admin %>
+<% end %>
+
+<% if admin == current_admin %>
+  <div class="actions-group">
+    <%= kpop_link_to "Add this device", new_admin_admin_user_credential_path(admin), class: "button button--primary" %>
+  </div>
+<% end %>

data/app/views/admin/admin_users/_fields.html.erb

@@ -0,0 +1,4 @@
+<%= form.govuk_text_field :email, label: { size: "s" } %>
+<%= form.govuk_text_field :name, label: { size: "s" } %>
+<%= form.govuk_password_field :password, label: { size: "s", text: "Password#{' (optional)' if form.object.persisted?}" } %>
+<%= form.govuk_check_box_field :archived, small: true, label: { size: "s" } if form.object.persisted? %>

data/app/views/admin/admin_users/edit.html.erb

@@ -0,0 +1,11 @@
+<% content_for :header do %>
+  <%= render Koi::Header::EditComponent.new(resource: admin) %>
+<% end %>
+
+<%= form_with(model: admin, url: admin_admin_user_path(admin)) do |form| %>
+  <%= render "fields", form: %>
+
+  <div class="actions">
+    <%= form.admin_save %>
+  </div>
+<% end %>

data/app/views/admin/admin_users/index.html.erb

@@ -0,0 +1,9 @@
+<% content_for :header do %>
+  <%= render Koi::Header::IndexComponent.new(model: Admin::User) %>
+<% end %>
+
+<%= koi_index_actions create: true, search: true do %>
+  <%= select_tag(:scope, options_for_select([["Active", :active], ["All", :all], ["Archived", :archived]], params[:scope])) %>
+<% end %>
+
+<%= render table %>

data/app/views/admin/admin_users/new.html.erb

@@ -0,0 +1,11 @@
+<% content_for :header do %>
+  <%= render Koi::Header::NewComponent.new(model: Admin::User) %>
+<% end %>
+
+<%= form_with(model: admin, url: admin_admin_users_path) do |form| %>
+  <%= render "fields", form: %>
+
+  <div class="actions">
+    <%= form.admin_save %>
+  </div>
+<% end %>

data/app/views/admin/admin_users/show.html.erb

@@ -0,0 +1,22 @@
+<% content_for :header do %>
+  <%= render Koi::Header::ShowComponent.new(resource: admin) %>
+<% end %>
+
+<%= definition_list(class: "item-table") do |builder| %>
+  <%= builder.item admin, :name %>
+  <%= builder.item admin, :email %>
+  <%= builder.item admin, :created_at %>
+  <%= builder.item admin, :last_sign_in_at, label: { text: "Last sign in" } %>
+  <%= builder.item admin, :archived? %>
+<% end %>
+
+<div class="actions">
+  <% if admin.archived? %>
+    <%= button_to "Delete", admin_admin_user_path(admin),
+                  class:  "button button--secondary",
+                  method: :delete,
+                  form:   { data: { turbo_confirm: "Are you sure?" } } %>
+  <% end %>
+</div>
+
+<%= render("authentication", admin:) %>

data/app/views/admin/credentials/new.html.erb

@@ -0,0 +1,14 @@
+<%= render_kpop title: "Register device" do %>
+  <%= form_with model: current_admin.credentials.new,
+                url:   admin_admin_user_credentials_path(current_admin),
+                data:  {
+                  controller:                          "webauthn-registration",
+                  action:                              "submit->webauthn-registration#submit",
+                  webauthn_registration_options_value: { publicKey: options },
+                } do |form| %>
+    <%= form.govuk_text_field :nickname %>
+    <%= form.hidden_field :response, data: { webauthn_registration_target: "response" } %>
+
+    <%= form.admin_save %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1 @@
+<% content_for :title, "Dashboard" %>

data/app/views/admin/sessions/new.html.erb

@@ -0,0 +1,19 @@
+<%= render "layouts/koi/navigation_header" %>
+<%= form_with(
+      model: admin_user,
+      url:   admin_session_path,
+      data:  {
+        controller:                            "webauthn-authentication",
+        webauthn_authentication_options_value: { publicKey: webauthn_auth_options },
+      },
+    ) do |f| %>
+  <%= f.govuk_fieldset legend: nil do %>
+    <%= f.govuk_email_field :email, autofocus: true, autocomplete: "email" %>
+    <%= f.govuk_password_field :password, autocomplete: "current-password" %>
+    <%= f.hidden_field :response, data: { webauthn_authentication_target: "response" } %>
+  <% end %>
+  <div class="actions-group">
+    <%= f.admin_save "Log in" %>
+    <%= f.button "🔑", type: :button, class: "button button--secondary", data: { action: "webauthn-authentication#authenticate" } %>
+  </div>
+<% end %>

data/app/views/admin/shared/icons/_close.html.erb

@@ -0,0 +1,8 @@
+<svg viewBox='0 0 18 18' width='<%= options[:width] %>' height='<%= options[:height] %>' class="icon-close">
+  <g id="Search-V2" sketch:type="MSPage">
+    <g id="Search-Results" transform="translate(-1074.000000, -111.000000)" sketch:type="MSArtboardGroup">
+      <path id="Imported-Layers" sketch:type="MSShapeGroup" fill="none" stroke="<%= options[:stroke] %>" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" d="
+        M1075.326,112L1091,127.675 M1090.674,112.073L1075,127.747" />
+    </g>
+  </g>
+</svg>

data/app/views/admin/shared/icons/_cross.html.erb

@@ -0,0 +1,3 @@
+<svg viewBox='0 0 16 16' width='<%= options[:width] %>' height='<%= options[:height] %>' class="icon-cross">
+  <path fill="<%= options[:fill] %>" d="M15.854 12.854c-0-0-0-0-0-0l-4.854-4.854 4.854-4.854c0-0 0-0 0-0 0.052-0.052 0.090-0.113 0.114-0.178 0.066-0.178 0.028-0.386-0.114-0.529l-2.293-2.293c-0.143-0.143-0.351-0.181-0.529-0.114-0.065 0.024-0.126 0.062-0.178 0.114 0 0-0 0-0 0l-4.854 4.854-4.854-4.854c-0-0-0-0-0-0-0.052-0.052-0.113-0.090-0.178-0.114-0.178-0.066-0.386-0.029-0.529 0.114l-2.293 2.293c-0.143 0.143-0.181 0.351-0.114 0.529 0.024 0.065 0.062 0.126 0.114 0.178 0 0 0 0 0 0l4.854 4.854-4.854 4.854c-0 0-0 0-0 0-0.052 0.052-0.090 0.113-0.114 0.178-0.066 0.178-0.029 0.386 0.114 0.529l2.293 2.293c0.143 0.143 0.351 0.181 0.529 0.114 0.065-0.024 0.126-0.062 0.178-0.114 0-0 0-0 0-0l4.854-4.854 4.854 4.854c0 0 0 0 0 0 0.052 0.052 0.113 0.090 0.178 0.114 0.178 0.066 0.386 0.029 0.529-0.114l2.293-2.293c0.143-0.143 0.181-0.351 0.114-0.529-0.024-0.065-0.062-0.126-0.114-0.178z"></path>
+</svg>

data/app/views/admin/shared/icons/_menu.html.erb

@@ -0,0 +1,3 @@
+<svg viewBox='0 0 16 16' width='<%= options[:width] %>' height='<%= options[:height] %>' class="icon-menu">
+  <path fill="<%= options[:fill] %>" d="M1 3h14v3h-14zM1 7h14v3h-14zM1 11h14v3h-14z"></path>
+</svg>

data/app/views/admin/shared/icons/_refresh.html.erb

@@ -0,0 +1,8 @@
+<svg viewBox="0 0 25 20" width='<%= options[:width] %>' height='<%= options[:height] %>' class="icon-refresh">
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Fill-2211-+-Fill-2212" transform="translate(1.000000, 0.000000)" fill="<%= options[:fill] %>" class="fill">
+            <path d="M23.3965,12.0071 L20.9765,7.8211 C20.9365,7.7521 20.8905,7.6871 20.8365,7.6301 C20.6685,7.4461 20.4385,7.3271 20.1855,7.3051 C19.8595,7.2801 19.5425,7.4091 19.3325,7.6581 L16.1185,11.4901 C15.7635,11.9131 15.8195,12.5441 16.2425,12.8991 C16.6655,13.2541 17.2965,13.1981 17.6505,12.7751 L19.1065,11.0401 C18.5535,13.8721 16.2895,16.3811 13.3045,17.0801 C10.7765,17.6741 8.1615,16.9351 6.3115,15.1041 C5.9185,14.7161 5.2855,14.7191 4.8965,15.1121 C4.5085,15.5051 4.5115,16.1371 4.9045,16.5261 C6.7145,18.3171 9.1025,19.2821 11.5715,19.2821 C12.2985,19.2821 13.0335,19.1981 13.7615,19.0281 C17.3675,18.1831 20.1395,15.2271 20.9755,11.8161 L21.6655,13.0081 C21.8505,13.3291 22.1865,13.5071 22.5315,13.5071 C22.7015,13.5071 22.8735,13.4651 23.0315,13.3731 C23.5095,13.0971 23.6725,12.4851 23.3965,12.0071" id="Fill-2211" vector-effect="non-scaling-stroke"></path>
+            <path d="M6.9453,7.6707 C6.5223,7.3167 5.8913,7.3717 5.5363,7.7947 L3.8143,9.8497 C3.8483,8.5677 4.2113,7.3007 4.8993,6.1517 C6.0103,4.2977 7.8273,2.9577 9.8823,2.4767 C12.5783,1.8437 15.3913,2.7437 17.2243,4.8217 C17.5893,5.2357 18.2213,5.2747 18.6353,4.9097 C19.0493,4.5447 19.0893,3.9127 18.7243,3.4987 C16.4023,0.8667 12.8393,-0.2733 9.4263,0.5287 C6.8473,1.1337 4.5713,2.8087 3.1843,5.1247 C2.5603,6.1657 2.1543,7.2857 1.9543,8.4347 L1.3883,7.4927 C1.1033,7.0197 0.4893,6.8667 0.0163,7.1497 C-0.4577,7.4347 -0.6107,8.0487 -0.3267,8.5227 L2.2333,12.7847 C2.4003,13.0617 2.6903,13.2407 3.0123,13.2667 C3.0393,13.2687 3.0653,13.2697 3.0913,13.2697 C3.3853,13.2697 3.6663,13.1397 3.8573,12.9117 L7.0693,9.0797 C7.4243,8.6567 7.3683,8.0257 6.9453,7.6707" id="Fill-2212" vector-effect="non-scaling-stroke"></path>
+        </g>
+    </g>
+</svg>

data/app/views/admin/url_rewrites/_form_fields.html.erb

@@ -0,0 +1,3 @@
+<%= form.govuk_text_field :from, label: { size: "s" }, hint: { text: "Should begin with /" } %>
+<%= form.govuk_text_field :to, label: { size: "s" } %>
+<%= form.govuk_check_box_field :active, small: true %>

data/app/views/admin/url_rewrites/_url_rewrite.html+row.erb

@@ -0,0 +1,7 @@
+<%= row.cell :from do |cell| %>
+  <%= link_to cell.value, admin_url_rewrite_path(url_rewrite) %>
+<% end %>
+<%= row.cell :to %>
+<%= row.cell :active do |cell| %>
+  <%= cell.value ? "Yes" : "No" %>
+<% end %>

data/app/views/admin/url_rewrites/edit.html.erb

@@ -0,0 +1,12 @@
+<% content_for :header do %>
+  <%= render Koi::Header::EditComponent.new(resource: url_rewrite) %>
+<% end %>
+
+<%= form_with(model: url_rewrite, url: admin_url_rewrite_path(url_rewrite)) do |form| %>
+  <%= render "form_fields", form: %>
+
+  <div class="actions">
+    <%= form.admin_save %>
+    <%= form.admin_delete %>
+  </div>
+<% end %>

data/app/views/admin/url_rewrites/index.html.erb

@@ -0,0 +1,10 @@
+<%# locals: { table:, collection } %>
+<% content_for :header do %>
+  <%= render Koi::Header::IndexComponent.new(model: UrlRewrite) %>
+<% end %>
+
+<%= koi_index_actions create: true, search: true do |form| %>
+  <%= select_tag(:scope, options_for_select([["Active", :active], ["All", :all], ["Inactive", :inactive]], params[:scope])) %>
+<% end %>
+
+<%= render(table) %>

data/app/views/admin/url_rewrites/new.html.erb

@@ -0,0 +1,11 @@
+<% content_for :header do %>
+  <%= render Koi::Header::NewComponent.new(model: UrlRewrite) %>
+<% end %>
+
+<%= form_with(model: url_rewrite, url: admin_url_rewrites_path) do |form| %>
+  <%= render "form_fields", form: %>
+
+  <div class="actions">
+    <%= form.admin_save %>
+  </div>
+<% end %>

data/app/views/admin/url_rewrites/show.html.erb

@@ -0,0 +1,16 @@
+<% content_for :header do %>
+  <%= render Koi::Header::ShowComponent.new(resource: url_rewrite) do |component| %>
+    <%= component.with_action "Preview", url_rewrite.to, target: "_blank" %>
+  <% end %>
+<% end %>
+
+<%= definition_list(class: "item-table") do |builder| %>
+  <%= builder.items_with(model: url_rewrite, attributes: UrlRewrite.attribute_names.sort, skip_blank: true) %>
+<% end %>
+
+<div class="actions-group">
+  <%= button_to "Delete", admin_url_rewrite_path(url_rewrite),
+                class:  "button button--secondary",
+                method: :delete,
+                form:   { data: { turbo_confirm: "Are you sure?" } } %>
+</div>

data/app/views/katalyst/content/asides/_aside.html+form.erb

@@ -0,0 +1,18 @@
+<%= form_with model: aside, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= render "hidden_fields", form: %>
+
+  <%= form.govuk_fieldset legend: nil do %>
+    <%= form.govuk_text_field :heading %>
+    <%= form.govuk_collection_radio_buttons :heading_style, Katalyst::Content.config.heading_styles, :itself, :itself,
+                                            legend: { text: "Heading style" } %>
+  <% end %>
+
+  <%= form.govuk_select :background, Katalyst::Content.config.backgrounds %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/content/columns/_column.html+form.erb

@@ -0,0 +1,18 @@
+<%= form_with model: column, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= render "hidden_fields", form: %>
+
+  <%= form.govuk_fieldset legend: nil do %>
+    <%= form.govuk_text_field :heading %>
+    <%= form.govuk_collection_radio_buttons :heading_style, Katalyst::Content.config.heading_styles, :itself, :itself,
+                                            legend: { text: "Heading style" } %>
+  <% end %>
+
+  <%= form.govuk_select :background, Katalyst::Content.config.backgrounds %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/content/contents/_content.html+form.erb

@@ -0,0 +1,20 @@
+<%= form_with model: content, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= render "hidden_fields", form: %>
+
+  <%= form.govuk_fieldset legend: nil do %>
+    <%= form.govuk_text_field :heading %>
+    <%= form.govuk_collection_radio_buttons :heading_style, Katalyst::Content.config.heading_styles, :itself, :itself,
+                                            legend: { text: "Heading style" } %>
+  <% end %>
+
+  <%= form.govuk_select :background, Katalyst::Content.config.backgrounds %>
+
+  <%= form.govuk_rich_text_area :content, **content_editor_rich_text_options(class: "content") %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/content/figures/_figure.html+form.erb

@@ -0,0 +1,17 @@
+<%= form_with model: figure, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= render "hidden_fields", form: %>
+
+  <%= form.govuk_image_field :image do %>
+    <%= form.govuk_text_field :heading, label: { text: "Alternate text" } %>
+    <%= form.govuk_text_field :caption %>
+  <% end %>
+
+  <%= form.govuk_select :background, Katalyst::Content.config.backgrounds %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/content/groups/_group.html+form.erb

@@ -0,0 +1,18 @@
+<%= form_with model: group, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= render "hidden_fields", form: %>
+
+  <%= form.govuk_fieldset legend: nil do %>
+    <%= form.govuk_text_field :heading %>
+    <%= form.govuk_collection_radio_buttons :heading_style, Katalyst::Content.config.heading_styles, :itself, :itself,
+                                            legend: { text: "Heading style" } %>
+  <% end %>
+
+  <%= form.govuk_select :background, Katalyst::Content.config.backgrounds %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/content/items/_item.html+form.erb

@@ -0,0 +1,18 @@
+<%= form_with model: item, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= render "hidden_fields", form: %>
+
+  <%= form.govuk_fieldset legend: nil do %>
+    <%= form.govuk_text_field :heading %>
+    <%= form.govuk_collection_radio_buttons :heading_style, Katalyst::Content.config.heading_styles, :itself, :itself,
+                                            legend: { text: "Heading style" } %>
+  <% end %>
+
+  <%= form.govuk_select :background, Katalyst::Content.config.backgrounds %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/content/sections/_section.html+form.erb

@@ -0,0 +1,18 @@
+<%= form_with model: section, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= render "hidden_fields", form: %>
+
+  <%= form.govuk_fieldset legend: nil do %>
+    <%= form.govuk_text_field :heading %>
+    <%= form.govuk_collection_radio_buttons :heading_style, Katalyst::Content.config.heading_styles, :itself, :itself,
+                                            legend: { text: "Heading style" } %>
+  <% end %>
+
+  <%= form.govuk_select :background, Katalyst::Content.config.backgrounds %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/navigation/items/_button.html.erb

@@ -0,0 +1,15 @@
+<%= form_with model: item, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= form.hidden_field :type %>
+  <%= form.govuk_text_field :title %>
+  <%= form.govuk_text_field :url %>
+
+  <%= form.govuk_select :http_method, Katalyst::Navigation::Button::HTTP_METHODS %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+  <%= form.govuk_select :target, Katalyst::Navigation::Item::TARGETS %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/navigation/items/_heading.html.erb

@@ -0,0 +1,11 @@
+<%= form_with model: item, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= form.hidden_field :type %>
+  <%= form.govuk_text_field :title %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/navigation/items/_link.html.erb

@@ -0,0 +1,13 @@
+<%= form_with model: item, scope: :item, url: path, builder: Koi::FormBuilder do |form| %>
+  <%= form.hidden_field :type %>
+  <%= form.govuk_text_field :title %>
+  <%= form.govuk_text_field :url %>
+
+  <%= form.govuk_check_box_field :visible, small: true, label: { text: "Visible?" } %>
+  <%= form.govuk_select :target, Katalyst::Navigation::Item::TARGETS %>
+
+  <div class="actions">
+    <%= form.admin_save "Done" %>
+    <%= form.admin_discard %>
+  </div>
+<% end %>

data/app/views/katalyst/navigation/menus/edit.html.erb

@@ -0,0 +1,12 @@
+<% content_for :title, "Edit navigation" %>
+<% content_for(:breadcrumbs) { link_to "Navigations", katalyst_navigation.menus_path } %>
+
+<%= form_with model: menu, url: katalyst_navigation.menu_path(menu), builder: Koi::FormBuilder do |form| %>
+  <%= form.govuk_text_field :title %>
+  <%= form.govuk_text_field :slug %>
+  <%= form.govuk_text_field :depth %>
+  <div class="actions">
+    <%= form.admin_save %>
+    <%= form.admin_delete url: katalyst_navigation.menu_path(menu) %>
+  </div>
+<% end %>

data/app/views/katalyst/navigation/menus/new.html.erb

@@ -0,0 +1,9 @@
+<% content_for :title, "New navigation" %>
+<% content_for(:breadcrumbs) { link_to "Navigations", katalyst_navigation.menus_path } %>
+
+<%= form_with model: menu, url: katalyst_navigation.menus_path, builder: Koi::FormBuilder do |form| %>
+  <%= form.govuk_text_field :title %>
+  <%= form.govuk_text_field :slug %>
+  <%= form.govuk_text_field :depth %>
+  <%= form.admin_save %>
+<% end %>

data/app/views/katalyst/navigation/menus/show.html.erb

@@ -0,0 +1,18 @@
+<% content_for :title, menu.title %>
+<% content_for(:breadcrumbs) { link_to "Navigations", katalyst_navigation.menus_path } %>
+
+<%= navigation_editor_status_bar menu: %>
+
+<%= navigation_editor_menu menu: do |form| %>
+  <div role="rowheader">
+    <h4>Title</h4>
+    <h4>Url</h4>
+    <h4>Actions</h4>
+  </div>
+
+  <%= navigation_editor_list menu: %>
+<% end %>
+
+<%= content_for :sidebar do %>
+  <%= render "katalyst/navigation/menus/new_items", menu: %>
+<% end %>

data/app/views/layouts/koi/_environment.html.erb

@@ -0,0 +1,4 @@
+<header role="banner" aria-label="Environment" data-environment="<%= Rails.env %>">
+  <span class="environment"><%= Rails.env.capitalize %></span>
+  <span class="release">(<%= Koi::Release.version %>)</span>
+</header>

data/app/views/layouts/koi/_flash.html.erb

@@ -0,0 +1,8 @@
+<ul id="flash" aria-label="Notifications" data-controller="flash" class="stack">
+  <% flash.each do |type, message| %>
+    <%= tag.li role: "alertdialog", class: type do %>
+      <%= message %>
+      <%= tag.button "Close", aria: { label: "Dismiss" }, data: { action: "flash#close" } %>
+    <% end %>
+  <% end %>
+</ul>

data/app/views/layouts/koi/_header.html.erb

@@ -0,0 +1,11 @@
+<header>
+  <h1 class="heading"><%= yield(:title) %></h1>
+
+  <div class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
+    <%= yield(:breadcrumbs) %>
+  </div>
+
+  <div class="actions" role="navigation" aria-label="Related pages">
+    <%= yield(:actions) %>
+  </div>
+</header>

data/app/views/layouts/koi/_navigation.html.erb

@@ -0,0 +1,13 @@
+<nav role="navigation" aria-label="Main menu" aria-expanded="true" data-controller="navigation"
+     data-action="shortcut:go@document->navigation#focus
+     navigation:toggle@document->navigation#toggle
+     shortcut:nav-toggle@document->navigation#toggle">
+  <%= render "layouts/koi/navigation_header" %>
+  <div class="filter">
+    <input type="search" placeholder="Filter menu" autocomplete="off"
+           data-navigation-target="filter"
+           data-action="input->navigation#filter change->navigation#filter keydown.enter->navigation#go">
+  </div>
+  <%= navigation_menu_with(menu: Koi::Menu.admin_menu(self)) %>
+</nav>
+<%= render "layouts/koi/navigation_collapse" %>

data/app/views/layouts/koi/_navigation_collapse.html.erb

@@ -0,0 +1,3 @@
+<div class="navigation-collapse" data-controller="navigation-toggle" data-action="click->navigation-toggle#trigger">
+  <%= image_tag "koi/application/chevron-right.svg" %>
+</div>

data/app/views/layouts/koi/_navigation_header.html.erb

@@ -0,0 +1,6 @@
+<header>
+  <h2 class="site-name"><%= URI.parse(root_url).host %></h2>
+  <h3 class="admin-name">Koi Admin</h3>
+  <%# default, prefer using an icon in a Koi override %>
+  <span class="site-icon"><%= URI.parse(root_url).host[0] %></span>
+</header>

data/app/views/layouts/koi/_navigation_item.html.erb

@@ -0,0 +1,12 @@
+<li class="<%= "selected" if request.path.eql?(item_url) %>">
+  <% if item_url.is_a?(Hash) %>
+    <a href="#"><%= item_name %></a>
+    <ul>
+      <% item_url.each do |child_name,child_url| %>
+        <%= render "layouts/koi/navigation_item", item_name: child_name, item_url: child_url %>
+      <% end %>
+    </ul>
+  <% else %>
+    <a href="<%= item_url %>"><%= item_name %></a>
+  <% end %>
+</li>

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

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- meta -->
+  <meta charset="UTF-8">
+
+  <!-- title -->
+  <title>Koi <%= "- #{yield :title}" if content_for? :title %></title>
+
+  <!-- META -->
+  <%= csrf_meta_tags %>
+  <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=0.6667">
+  <meta name="robots" content="noindex,nofollow">
+  <%= Koi::Release.meta_tags(self) %>
+
+  <!-- STYLES -->
+  <link rel="stylesheet" href="https://unpkg.com/modern-css-reset/dist/reset.min.css">
+  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+  <%= stylesheet_link_tag "koi/admin" %>
+
+  <!-- SCRIPTS -->
+  <%= javascript_importmap_tags "koi/admin" %>
+</head>
+<body data-controller="keyboard"
+      data-action="keyup->keyboard#event"
+      data-keyboard-mapping-value="
+          Slash->shortcut:search
+          KeyN->shortcut:create
+          KeyG->shortcut:go
+          BracketLeft->shortcut:nav-toggle
+          Escape->shortcut:cancel
+          ArrowLeft->shortcut:page-prev
+          ArrowRight->shortcut:page-next
+        ">
+<%= render "layouts/koi/navigation" %>
+<main>
+  <% if content_for? :header %>
+    <%= yield :header %>
+  <% else %>
+    <%= render "layouts/koi/header" %>
+  <% end %>
+
+  <div class="page <%= "has-sidebar" if content_for?(:sidebar) %>">
+    <div class="page--content stack" role="main">
+      <%= render "layouts/koi/flash" unless flash.empty? %>
+      <%= yield %>
+    </div>
+    <%= tag.div class: "page--sidebar" do %>
+      <%= yield :sidebar %>
+    <% end if content_for?(:sidebar) %>
+  </div>
+</main>
+<%= render "layouts/koi/environment" %>
+<%= scrim_tag %>
+<%= kpop_frame_tag do %>
+  <%= content_for :kpop %>
+<% end %>
+</body>
+</html>

data/app/views/layouts/koi/login.html.erb

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <!-- meta -->
+  <meta charset="UTF-8">
+
+  <!-- title -->
+  <title>Koi</title>
+
+  <!-- META -->
+  <%= csrf_meta_tags %>
+  <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=0.6667">
+  <meta name="robots" content="noindex,nofollow">
+  <%= yield :meta %>
+
+  <!-- STYLES -->
+  <link rel="stylesheet" href="https://unpkg.com/modern-css-reset/dist/reset.min.css">
+  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+  <%= stylesheet_link_tag "koi/admin" %>
+
+  <!-- SCRIPTS -->
+  <%= javascript_importmap_tags "koi/admin" %>
+</head>
+<body class="admin-login">
+<main class="stack">
+  <%= yield %>
+</main>
+</body>
+</html>

data/config/importmap.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
+pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+pin "@github/webauthn-json/browser-ponyfill", to: "https://ga.jspm.io/npm:@github/webauthn-json@2.1.1/dist/esm/webauthn-json.browser-ponyfill.js"
+
+pin_all_from Koi::Engine.root.join("app/assets/javascripts/koi"),
+             under: "koi", preload: Rails.env.test?

data/config/initializers/flipper.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+# Register koi admin roles with flipper for easy toggling
+
+return unless Object.const_defined?("Flipper")
+
+Flipper.register(:admins) do |actor, _context|
+  actor.respond_to?("role") && ((actor.role.eql? "Admin") || (actor.role.eql? "Super"))
+end
+
+Flipper.register(:super_admins) do |actor, _context|
+  actor.respond_to?("role") && (actor.role.eql? "Super")
+end