decidim-core 0.30.2 → 0.31.0.rc1

data/app/views/decidim/doorkeeper/authorizations/new.html.erb

@@ -13,16 +13,41 @@
 
     <p><%= t("this_application_will_be_able_to", scope: "decidim.doorkeeper.authorizations.new") %></p>
     <ul class="list-disc ml-4">
-      <li><%= t("see_name", scope: "decidim.doorkeeper.authorizations.new") %></li>
-      <li><%= t("see_username", scope: "decidim.doorkeeper.authorizations.new") %></li>
-      <li><%= t("see_email", scope: "decidim.doorkeeper.authorizations.new") %></li>
+      <% if @scopes.include?("profile") || @scopes.include?("user") %>
+        <li><%= t("see_name", scope: "decidim.doorkeeper.authorizations.new") %></li>
+        <li><%= t("see_username", scope: "decidim.doorkeeper.authorizations.new") %></li>
+        <li><%= t("see_email", scope: "decidim.doorkeeper.authorizations.new") %></li>
+      <% end %>
+      <% if @scopes.include?("user") %>
+        <li><%= t("update_profile", scope: "decidim.doorkeeper.authorizations.new") %></li>
+      <% end %>
+      <% if @scopes.include?("api:read") %>
+        <li><%= t("api_read", scope: "decidim.doorkeeper.authorizations.new") %></li>
+      <% end %>
+      <% if @scopes.include?("api:write") %>
+        <li><%= t("publish_content", scope: "decidim.doorkeeper.authorizations.new") %></li>
+      <% end %>
     </ul>
 
-    <p><%= t("this_application_will_not_be_able_to", scope: "decidim.doorkeeper.authorizations.new") %></p>
-    <ul class="list-disc ml-4">
-      <li><%= t("update_profile", scope: "decidim.doorkeeper.authorizations.new") %></li>
-      <li><%= t("publish_content", scope: "decidim.doorkeeper.authorizations.new") %></li>
-    </ul>
+    <% unless all_abilities? %>
+      <p><%= t("this_application_will_not_be_able_to", scope: "decidim.doorkeeper.authorizations.new") %></p>
+      <ul class="list-disc ml-4">
+        <% if !@scopes.include?("profile") && !@scopes.include?("user") %>
+          <li><%= t("see_name", scope: "decidim.doorkeeper.authorizations.new") %></li>
+          <li><%= t("see_username", scope: "decidim.doorkeeper.authorizations.new") %></li>
+          <li><%= t("see_email", scope: "decidim.doorkeeper.authorizations.new") %></li>
+        <% end %>
+        <% unless @scopes.include?("user") %>
+          <li><%= t("update_profile", scope: "decidim.doorkeeper.authorizations.new") %></li>
+        <% end %>
+        <% unless @scopes.include?("api:read") %>
+          <li><%= t("api_read", scope: "decidim.doorkeeper.authorizations.new") %></li>
+        <% end %>
+        <% unless @scopes.include?("api:write") %>
+          <li><%= t("publish_content", scope: "decidim.doorkeeper.authorizations.new") %></li>
+        <% end %>
+      </ul>
+    <% end %>
   </div>
 
   <div class="form__wrapper-block flex-col-reverse md:flex-row justify-between">
@@ -31,7 +56,10 @@
       <%= hidden_field_tag :redirect_uri, @pre_auth.redirect_uri %>
       <%= hidden_field_tag :state, @pre_auth.state %>
       <%= hidden_field_tag :response_type, @pre_auth.response_type %>
+      <%= hidden_field_tag :response_mode, @pre_auth.response_mode, id: nil %>
       <%= hidden_field_tag :scope, @pre_auth.scope %>
+      <%= hidden_field_tag :code_challenge, @pre_auth.code_challenge, id: nil %>
+      <%= hidden_field_tag :code_challenge_method, @pre_auth.code_challenge_method, id: nil %>
 
       <button type="submit" class="button button__lg button__transparent-secondary">
         <span><%= t("cancel", scope: "decidim.doorkeeper.authorizations.new") %></span>
@@ -43,7 +71,10 @@
       <%= hidden_field_tag :redirect_uri, @pre_auth.redirect_uri %>
       <%= hidden_field_tag :state, @pre_auth.state %>
       <%= hidden_field_tag :response_type, @pre_auth.response_type %>
+      <%= hidden_field_tag :response_mode, @pre_auth.response_mode, id: nil %>
       <%= hidden_field_tag :scope, @pre_auth.scope %>
+      <%= hidden_field_tag :code_challenge, @pre_auth.code_challenge, id: nil %>
+      <%= hidden_field_tag :code_challenge_method, @pre_auth.code_challenge_method, id: nil %>
 
       <button type="submit" class="button button__lg button__secondary">
         <span><%= t("authorize", scope: "decidim.doorkeeper.authorizations.new") %></span>

data/app/views/decidim/errors/internal_server_error.html.erb

@@ -22,6 +22,7 @@
       <textarea id="referenceData" class="reset-defaults" hidden><%= @plain_info %></textarea>
 
       <button class="button button__lg button__secondary"
+        data-controller="clipboard-copy"
         data-clipboard-copy="#referenceData"
         data-clipboard-copy-label="<%= t("copied", scope: "decidim.errors.internal_server_error") %>"
         aria-label="<%= t("copy_error_message_clarification", scope: "decidim.errors.internal_server_error") %>">

data/app/views/decidim/likes/update_buttons_and_counters.js.erb

@@ -0,0 +1,21 @@
+updateLikeBlock();
+function updateLikeBlock() {
+  var $likeBlock = document.getElementById('resource-<%= resource.reload.id %>-like-block');
+  var $likeButton = document.getElementById('resource-<%= resource.id %>-like-button');
+  var $likeListGrid = document.getElementById('liker-list-<%= resource.id %>');
+
+  var $likesModal = document.getElementById('likesModal-<%= resource.id %>');
+
+  if ($likesModal !== null) {
+    $likesModal.remove();
+  }
+
+  $likeListGrid.outerHTML = '<%= j(cell("decidim/likers_list", resource)).strip.html_safe %>';
+
+  $likeButton.outerHTML = '<%= j(cell("decidim/like_buttons", resource).show).strip.html_safe %>';
+
+  $likeListGrid = document.getElementById('liker-list-<%= resource.id %>');
+
+  document.dispatchEvent(new CustomEvent("ajax:loaded", { detail: $likeBlock }));
+  document.dispatchEvent(new CustomEvent("ajax:loaded", { detail: $likeListGrid }));
+}

data/app/views/decidim/messaging/conversations/_add_conversation_users.html.erb

@@ -2,9 +2,9 @@
   <%= icon "question-answer-line" %>
   <h2 id="dialog-title-conversation" tabindex="-1" data-dialog-title><%= t("modal_title", scope: "decidim.messaging.conversations.add_conversation_users") %></h2>
   <div>
-    <div class="form__wrapper gap-1 js-multiple-mentions" data-name="recipient_id[]" data-multiple="true">
+    <div data-controller="multiple-mentions" class="form__wrapper gap-1" data-name="recipient_id[]" data-multiple="true">
       <label for="add_conversation_users">
-        <%= t("decidim.metrics.participants.title") %>
+        <%= t("participants.title", scope: "decidim.messaging.conversations.add_conversation_users") %>
       </label>
       <span id="dialog-desc-conversation" class="help-text"><%= t("add_max_users", scope: "decidim.messaging.conversations.add_conversation_users") %></span>
       <input id="add_conversation_users" type="text"

data/app/views/decidim/messaging/conversations/_reply_form.html.erb

@@ -1,7 +1,7 @@
 <div data-conversation-reply>
   <%= decidim_form_for form, url: decidim.conversation_path(conversation.id), method: :put, remote: true do |f| %>
     <div class="conversation__reply">
-      <%= f.text_area :body, label: false, rows: 4, required: true, placeholder: t(".placeholder"), data: { "input-emoji": true }, aria: { label: t(".placeholder") } %>
+      <%= f.text_area :body, label: false, rows: 4, required: true, placeholder: t(".placeholder"), data: { controller: "character-counter emoji" }, aria: { label: t(".placeholder") } %>
       <%= f.submit "#{t(".send")} #{icon "arrow-right-line", class: "fill-current"}".html_safe, class: "button button__sm button__secondary self-end mt-4" %>
     </div>
   <% end %>

data/app/views/decidim/messaging/conversations/_start.html.erb

@@ -5,7 +5,7 @@
         <%= f.hidden_field :recipient_id, id: nil, name: "conversation[recipient_id][]", value: recipient.id %>
       <% end %>
       <%= f.label :body, nil, class: "sr-only" %>
-      <%= f.text_area :body, label: false, rows: 4, required: true, placeholder: t(".placeholder"), data: { "input-emoji": true }, aria: { label: t(".placeholder") } %>
+      <%= f.text_area :body, label: false, rows: 4, required: true, placeholder: t(".placeholder"), data: { controller: "emoji character-counter" }, aria: { label: t(".placeholder") } %>
       <%= f.submit "#{t(".send")} #{icon "arrow-right-line", class: "fill-current"}".html_safe, class: "button button__sm button__secondary self-end mt-4" %>
     </div>
   <% end %>

data/app/views/decidim/messaging/conversations/create.js.erb

@@ -1,4 +1,3 @@
 $("#messages").append("<%= j(render "messages", sender: conversation.messages.first.sender, messages: [conversation.messages.first]).html_safe %>");
 $("div[data-add-message]").replaceWith("<%= j(render "reply", form:, conversation:).html_safe %>");
 window.initFoundation($("#new_message_"));
-Decidim.addInputEmoji();

data/app/views/decidim/messaging/conversations/new.html.erb

@@ -1,4 +1,4 @@
 <%= render layout: "show", locals: { participants: @form.recipient.to_a } do %>
-  <div id="messages" class="space-y-6" data-scroll-last-child></div>
+  <div id="messages" class="space-y-6" data-controller="scroll-to-last"></div>
   <%= render "start", form: @form %>
 <% end %>

data/app/views/decidim/messaging/conversations/show.html.erb

@@ -1,5 +1,5 @@
 <%= render layout: "show", locals: { participants: conversation.interlocutors(current_user) } do %>
-  <div id="messages" class="space-y-6" data-scroll-last-child>
+  <div id="messages" class="space-y-6" data-controller="scroll-to-last">
     <% user_grouped_messages.each do |sender, messages| %>
       <%= render "messages", sender:, messages: %>
     <% end %>

data/app/views/decidim/notifications_settings/show.html.erb

@@ -2,7 +2,7 @@
   <% add_decidim_page_title(t("notifications_settings", scope: "layouts.decidim.user_profile")) %>
   <% content_for(:subtitle) { t("notifications_settings", scope: "layouts.decidim.user_profile") } %>
 
-  <%= form_for(@notifications_settings, url: notifications_settings_path, method: :put) do |f| %>
+  <%= decidim_form_for(@notifications_settings, url: notifications_settings_path, method: :put) do |f| %>
     <div class="form__wrapper pt-0">
       <label>
         <%= t("receive_notifications_about", scope: "decidim.notifications_settings.show") %>
@@ -100,7 +100,7 @@
       </div>
 
       <label>
-        <%= t("valuators", scope: "decidim.notifications_settings.show") %>
+        <%= t("evaluators", scope: "decidim.notifications_settings.show") %>
       </label>
       <div class="toggle__switch-trigger">
         <label for="email_on_assigned_proposals" class="toggle__switch-toggle">
@@ -194,7 +194,7 @@
           </div>
         </div>
 
-        <input id="vapidPublicKey" name="vapid_public_key" type="hidden" value="<%= Base64.urlsafe_decode64(Rails.application.secrets.vapid[:public_key]).bytes %>">
+        <input id="vapidPublicKey" name="vapid_public_key" type="hidden" value="<%= Base64.urlsafe_decode64(Decidim.vapid_public_key.to_s).bytes %>">
         <input id="subKeys" name="sub_key" type="hidden" value="<%= current_user.notifications_subscriptions.keys %>">
       <% end %>
 

data/app/views/decidim/pages/_tabbed.html.erb

@@ -11,7 +11,7 @@
 
   <div class="vertical-tabs">
     <nav role="navigation" aria-label="<%= I18n.t("layouts.decidim.navigation.aria_label", title: translated_attribute(page.title)) %>">
-      <button id="dropdown-trigger-pages" data-component="dropdown" data-target="dropdown-menu-pages" data-open-md="true" data-auto-close="true">
+      <button id="dropdown-trigger-pages" data-controller="dropdown" data-target="dropdown-menu-pages" data-open-md="true" data-auto-close="true">
         <span>
           <%= translated_attribute(page.title) %>
         </span>

data/app/views/decidim/pages/index.html.erb

@@ -22,7 +22,7 @@ edit_link(
       <div class="space-y-6">
         <h2 class="h2 decorator"><%= t "decidim.pages.index.topics" %></h2>
 
-        <div class="space-y-6" data-component="accordion" id="topics-accordion">
+        <div class="space-y-6" data-controller="accordion" id="topics-accordion">
           <% @topics.each_with_index do |topic, ix| %>
             <% if topic.pages.any? %>
               <div class="page__accordion">

data/app/views/decidim/participants_account_mailer/inactivity_notification.html.erb

@@ -0,0 +1,13 @@
+<p class="email-greeting"><%= t(".hello_html", username: @user.name) %></p>
+
+<p class="email-instructions"><%= t(
+                                    ".body_html",
+                                    organization_name: organization_name(@organization),
+                                    date_account_creation: I18n.l(@user.created_at.to_date , format: :decidim_with_month_name),
+                                    date_last_connection: @user.current_sign_in_at&.then { |date| I18n.l(date.to_date , format: :decidim_with_month_name) } || t(".never_logged_in"),
+                                    days: @days_before_deletion,
+                                    login_url: link_to(t(".log_in"), decidim.new_user_session_url(host: @organization.host))
+                                  ) %></p>
+<p class="email-closing">
+  <%= t(".greetings_html", organization_name: organization_name(@user.organization), organization_url: decidim.root_url(host: @user.organization.host)) %>
+</p>

data/app/views/decidim/participants_account_mailer/removal_notification.html.erb

@@ -0,0 +1,11 @@
+<p class="email-greeting">
+  <%= t(".hello", username: @user_name) %>
+</p>
+
+<p class="email-body">
+  <%= t(".body", organization_name: organization_name(@organization)) %>
+</p>
+
+<p class="email-closing">
+  <%= t(".greetings_html", organization_name: organization_name(@organization), organization_url: decidim.root_url(host: @organization.host)) %>
+</p>

data/app/views/decidim/profiles/show.html.erb

@@ -2,7 +2,7 @@
 <% add_decidim_page_title(profile_holder.name) %>
 
 <% content_for :header_snippets do %>
-  <meta name="robots" content="noindex">
+  <%= tag :meta, name: "robots", content: "noindex" %>
 <% end %>
 
 <%# NOTE: this page does not use a regular layout %>

data/app/views/decidim/qr/show.html.erb

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="<%= I18n.locale %>">
+  <head>
+    <%= tag :meta, charset: "utf-8" %>
+    <title><%= t(".title", resource_title: resource.presenter.title(html_escape: true)) %></title>
+    <%= stylesheet_pack_tag "decidim_qr", media: "all" %>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+  </head>
+  <body>
+    <h1><%= resource.presenter.title(html_escape: true) %></h1>
+
+    <% if resource.respond_to?(:attachments) && resource.attachments.first&.url %>
+      <div class="card__grid-img">
+        <%= image_tag resource.attachments.first&.url, alt: resource.presenter.title(html_escape: true) %>
+      </div>
+    <% end %>
+
+    <h3><%= t(".scan") %></h3>
+    <div>
+      <img src="data:;base64,<%= qr_code_image %>" alt="<%= t(".title", resource_title: resource.presenter.title(html_escape: true) ) %>" class="code-qr">
+    </div>
+
+    <div class="logo">
+      <%= render partial: "layouts/decidim/logo", locals: { organization: current_organization } %>
+    </div>
+  </body>
+</html>

data/app/views/decidim/searches/_filters.html.erb

@@ -1,6 +1,22 @@
-<nav role="navigation" aria-labelledby="search-results-title">
+<nav role="navigation" aria-labelledby="search-results-title" class="w-full">
   <div class="filter-container search__filter">
-    <button id="dropdown-trigger-search" data-component="dropdown" data-target="dropdown-menu-search" data-auto-close="true">
+    <div class="filter-search filter-container border-none mb-15 md:mb-8">
+      <%= form_tag(decidim.search_path, method: :get) do %>
+        <%= text_field_tag(
+              :term,
+              nil,
+              id: "input-search-page",
+              value: params[:term] || params.dig(:filter, :term),
+              placeholder: t("decidim.search.term_input_placeholder"),
+              title: t("decidim.search.term_input_placeholder"),
+              "aria-label": t("decidim.search.term_input_placeholder")
+            ) %>
+        <button type="submit" aria-controls="results" aria-label="<%= t("decidim.search.term_input_placeholder") %>">
+          <%= icon "search-line" %>
+        </button>
+      <% end %>
+    </div>
+    <button id="dropdown-trigger-search" data-controller="dropdown" data-target="dropdown-menu-search" data-auto-close="true" aria-expanded="true">
       <%= content_tag :span, t("decidim.searches.filters_small_view.filter_by"), class: "#{"is-active" if params.dig(:filter, :with_resource_type) == nil}" %>
       <% @blocks.each do |elements| %>
         <% elements.each do |type, results| %>

data/app/views/decidim/searches/index.html.erb

@@ -1,17 +1,20 @@
 <% add_decidim_page_title(t("term_input_placeholder", scope: "decidim.search")) %>
 
 <% content_for :header_snippets do %>
-  <meta name="robots" content="noindex">
+  <%= tag :meta, name: "robots", content: "noindex" %>
 <% end %>
 
 <% content_for :aside do %>
+  <h1 class="title-decorator"><%= t("term_input_placeholder", scope: "decidim.search") %></h1>
   <%= render partial: "filters" %>
 <% end %>
 
 <%= render layout: "layouts/decidim/shared/layout_two_col" do %>
 
   <section id="search-count" class="layout-main__section">
-    <%= render partial: "count" %>
+    <h2 class="h3 decorator mb-10">
+      <%= t("decidim.search.results_found_for_term", count: @results_count, term:) %>
+    </h2>
   </section>
 
   <section id="results" class="layout-main__section">

data/app/views/decidim/shared/_confirm_modal.html.erb

@@ -1,14 +1,16 @@
 <%= decidim_modal id: "confirm-modal" do %>
   <div data-dialog-container>
+    <%= icon "delete-bin-line", class: "confirm-modal-icon" %>
     <h2 class="h2" data-dialog-title id="dialog-title-confirm-modal"><%= t("title", scope: "decidim.shared.confirm_modal") %></h2>
+
     <div data-confirm-modal-content></div>
   </div>
 
-  <div data-dialog-actions class="flex flex-col-reverse md:flex-row">
-    <button class="button button__lg button__transparent-secondary w-full md:w-auto" data-confirm-cancel data-dialog-close="confirm-modal">
+  <div data-dialog-actions>
+    <button class="button button__lg button__transparent-secondary" data-confirm-cancel data-dialog-close="confirm-modal">
       <span><%= t("cancel", scope: "decidim.shared.confirm_modal") %></span>
     </button>
-    <button class="button button__lg button__secondary w-full md:w-auto" data-confirm-ok>
+    <button class="button button__lg button__secondary" data-confirm-ok>
       <span><%= t("ok", scope: "decidim.shared.confirm_modal") %></span>
     </button>
   </div>

data/app/views/decidim/shared/_filters.html.erb

@@ -2,9 +2,9 @@
 <% search_label = t("decidim.searches.filters.search") unless local_assigns.has_key?(:search_label) %>
 
 <% if filter_sections.present? || local_assigns.has_key?(:search_variable) %>
-  <%= filter_form_for filter, url_for, class: "new_filter self-stretch", data: { filters: "", component: "accordion" } do |form| %>
+  <%= filter_form_for filter, url_for, class: "new_filter self-stretch", data: { filters: "", controller: "accordion form-filter" } do |form| %>
 
-    <button id="dropdown-trigger-filters" data-component="dropdown" data-target="dropdown-menu-filters" data-open-md="true">
+    <button id="dropdown-trigger-filters" data-controller="dropdown" data-target="dropdown-menu-filters" data-open-md="true">
       <%= icon "arrow-down-s-line" %>
       <%= icon "arrow-up-s-line" %>
       <span>

data/app/views/decidim/shared/_orders.html.erb

@@ -1,4 +1,4 @@
-<button class="order-by__button <%= b_css_class if defined?(b_css_class) %>" id="dropdown-trigger-order" data-component="dropdown" data-target="dropdown-menu-order" data-open-md="true">
+<button class="order-by__button <%= b_css_class if defined?(b_css_class) %>" id="dropdown-trigger-order" data-controller="dropdown" data-target="dropdown-menu-order" data-open-md="true">
   <%= icon "arrow-down-s-line" %>
   <%= icon "arrow-up-s-line" %>
   <span><%= t("#{i18n_scope}.label") %></span>

data/app/views/decidim/shared/_resource_actions.html.erb

@@ -1,6 +1,6 @@
 <div class="relative ml-auto">
   <button id="dropdown-trigger-resource-<%= resource.id %>"
-          data-component="dropdown"
+          data-controller="dropdown"
           data-target="dropdown-menu-resource-<%= resource.id %>"
           aria-label="<%= t("decidim.resource.controls_label") %>">
     <span class="sr-only"><%= t("decidim.resource.controls_label") %></span>
@@ -9,13 +9,16 @@
     <%= icon "more-2-fill" %>
   </button>
   <div id="dropdown-menu-resource-<%= resource.id %>" aria-hidden="true">
-    <ul class="dropdown dropdown__bottom divide-y divide-gray-3 px-4" role="menu">
+    <ul class="dropdown dropdown__bottom divide-y divide-gray-3" role="menu">
       <%= yield %>
       <% unless defined?(skip_report) && skip_report %>
-        <li role="menuitem"><%= cell "decidim/report_button", resource %></li>
+        <li role="menuitem" class="dropdown__item">
+          <%= cell "decidim/report_button", resource, button_classes: "dropdown__button" %>
+        </li>
       <% end %>
-      <li role="menuitem">
-        <%= cell "decidim/follow_button", resource, large: false %></li>
+      <li role="menuitem" class="dropdown__item">
+        <%= cell "decidim/follow_button", resource, large: false, button_classes: "dropdown__button" %>
+      </li>
     </ul>
   </div>
 </div>

data/app/views/decidim/user_activities/index.html.erb

@@ -2,7 +2,7 @@
 <% add_decidim_page_title(user.name) %>
 
 <% content_for :header_snippets do %>
-  <meta name="robots" content="noindex">
+  <%= tag :meta, name: "robots", content: "noindex" %>
 <% end %>
 
 <%# NOTE: this page does not use a regular layout %>

data/app/views/decidim/user_group_mailer/notify_deprecation_to_member.html.erb

@@ -0,0 +1,15 @@
+<p class="email-greeting"><%= t(".greeting", name: @user.name) %></p>
+
+<p class="email-instructions"><%= t(".body_1", group_name: @group_name).html_safe %></p>
+
+<p class="email-instructions"><%= t(".body_2") %></p>
+
+<p class="email-instructions"><%= t(".instructions_title").html_safe %></p>
+
+<p class="email-instructions"><%= t(".instructions_intro") %></p>
+
+<ul class="list-decimal">
+  <li>
+    <%= t(".instructions_1") %>
+  </li>
+</ul>

data/app/views/decidim/user_group_mailer/notify_deprecation_to_owner.html.erb

@@ -0,0 +1,22 @@
+<p class="email-greeting"><%= t(".greeting", name: @group_name) %></p>
+
+<p class="email-instructions"><%= t(".body_1", organization_name: organization_name(@organization)) %></p>
+
+<p class="email-instructions"><%= t(".body_2", name: @group_name).html_safe %></p>
+
+<p class="email-instructions"><%= t(".body_3") %></p>
+
+<p class="email-instructions"><%= t(".instructions_title").html_safe %></p>
+
+<ol class="email-instructions list-decimal">
+  <li>
+    <%= t(".instructions_1") %>
+    <p class="email-button email-button__cta"><%= link_to t(".set_password"), new_password_url(:user, host: @organization.host) %></p>
+  </li>
+  <li>
+    <%= t(".instructions_2") %>
+  </li>
+  <li>
+    <%= t(".instructions_3") %>
+  </li>
+</ol>

data/app/views/layouts/decidim/_head.html.erb

@@ -1,26 +1,29 @@
 <%= csrf_meta_tags %>
 
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <% available_locales.each do |locale| %>
   <link rel="alternate" href="<%= current_url(request.parameters.merge(locale:)) %>" hreflang="<%= locale %>">
 <% end %>
 
-<meta name="twitter:card" content="summary_large_image">
-<meta name="twitter:site" content="@<%= decidim_meta_twitter_handler %>">
-<meta name="twitter:title" content="<%= decidim_page_title %>">
-<meta name="twitter:description" content="<%= decidim_meta_description %>">
-<meta name="twitter:image" content="<%= decidim_meta_image_url %>">
+<%= tag :meta, name: "viewport", content: "width=device-width, initial-scale=1.0" %>
 
-<meta property="og:url" content="<%= decidim_meta_url %>">
-<meta property="og:type" content="article">
-<meta property="og:title" content="<%= decidim_page_title %>">
-<meta property="og:description" content="<%= decidim_meta_description %>">
-<meta property="og:image" content="<%= decidim_meta_image_url %>">
+<%= tag :meta, name: "twitter:card", content: "summary_large_image" %>
+<%= tag :meta, name: "twitter:site", content: "@#{decidim_meta_twitter_handler}" %>
+<%= tag :meta, name: "twitter:title", content: decidim_page_title %>
+<%= tag :meta, name: "twitter:description", content: decidim_meta_description %>
+<%= tag :meta, name: "twitter:image", content: decidim_meta_image_url.presence || "" %>
+
+<%= tag :meta, property: "og:image", content: decidim_meta_image_url.presence || "" %>
+<%= tag :meta, property: "og:type", content: "article" %>
+<%= tag :meta, property: "og:title", content: decidim_page_title %>
+<%= tag :meta, property: "og:description", content: decidim_meta_description %>
+<%= tag :meta, property: "og:url", content: decidim_meta_url %>
 
 <% if current_organization.colors.present? %>
-  <meta name="theme-color" content="<%= current_organization.colors["primary"] %>">
+  <%= tag :meta, name: "theme-color", content: current_organization.colors["primary"] %>
 <% end %>
 
+<%= render partial: "layouts/decidim/meta_tags_context" %>
+
 <%= legacy_favicon %>
 <%= favicon %>
 <%= apple_favicon %>

data/app/views/layouts/decidim/_impersonation_warning.html.erb

@@ -1,5 +1,5 @@
 <% if current_user_impersonated? %>
-  <div data-impersonation-warning class="flash warning my-0 flex justify-center text-center" data-session-ends-at="<%= impersonation_session_ends_at.iso8601 %>">
+  <div data-controller="impersonation-warning" data-impersonation-warning-session-ends-at-value="<%= impersonation_session_ends_at.iso8601 %>" class="flash warning my-0 flex justify-center text-center">
     <div class="flash__message">
       <%= t(".description_html", user_name: current_user.name) %>
       <%= t(".expire_time_html", minutes: impersonation_session_remaining_duration_in_minutes) %>

data/app/views/layouts/decidim/_js_configuration.html.erb

@@ -11,37 +11,35 @@ js_configs = {
     emojis: I18n.t("emojis").deep_transform_keys { |k| k.to_s.camelize(:lower) },
     editor: I18n.t("editor"),
     date: I18n.t("date"),
-    time: I18n.t("time")
-  },
-  notifications: {
-    action_error: I18n.t("decidim.notifications.action_error")
+    time: I18n.t("time"),
+    forms: {
+      correct_errors: t("forms.correct_errors")
+    },
+    notifications: {
+      action_error: I18n.t("decidim.notifications.action_error")
+    },
+    characterCounter: {
+      charactersAtLeast: {
+        one: t("forms.length_validator.minimum.one", count: "%count%", default: "forms.length_validator.minimum.other"),
+        other: t("forms.length_validator.minimum.other", count: "%count%")
+      },
+      charactersLeft: {
+        one: t("decidim.components.add_comment_form.remaining_characters_1", count: "%count%"),
+        other: t("decidim.components.add_comment_form.remaining_characters", count: "%count%")
+      }
+    }
   },
   external_domain_allowlist: [current_organization.host] + current_organization.external_domain_allowlist,
   consent_cookie_name: Decidim.consent_cookie_name,
   sign_out_path: decidim.destroy_user_session_path
 }
-character_messages = {
-  "charactersAtLeast": {
-    one: t("forms.length_validator.minimum.one", count: "%count%", default: "forms.length_validator.minimum.other"),
-    other: t("forms.length_validator.minimum.other", count: "%count%")
-  },
-  "charactersLeft": {
-    one: t("decidim.components.add_comment_form.remaining_characters_1", count: "%count%"),
-    other: t("decidim.components.add_comment_form.remaining_characters", count: "%count%")
-  }
-}
 external_link_messages = {
   "externalLink": t("decidim.accessibility.external_link"),
   "opensInNewTab": t("decidim.accessibility.opens_in_new_tab")
 }
-validator_messages = {
-  "correctErrors": t("forms.correct_errors")
-}
 %>
 
 <script>
   Decidim.config.set(<%== js_configs.to_json %>);
-  Decidim.InputCharacterCounter.configureMessages(<%== character_messages.to_json %>);
   Decidim.ExternalLink.configureMessages(<%== external_link_messages.to_json %>);
-  Decidim.FormValidator.configureMessages(<%== validator_messages.to_json %>);
 </script>

data/app/views/layouts/decidim/_meta_tags_context.html.erb

@@ -0,0 +1,3 @@
+<% if defined?(current_participatory_space) && current_participatory_space.present? %>
+  <meta name="context-current-participatory-space" content="<%= current_participatory_space.to_global_id %>">
+<% end %>

data/app/views/layouts/decidim/_offline_banner.html.erb

@@ -2,7 +2,7 @@
   <%= cell("decidim/announcement", t(".cache_version_page"), callout_class: "alert" ) %>
 </div>
 <script>
-  document.addEventListener("DOMContentLoaded", () => {
+  document.addEventListener("turbo:load", () => {
     // show the banner if it is offline AND the offline-fallback is not displaying
     if (!navigator.onLine && !document.querySelector("#offline-fallback-html")) {
       document.querySelector(".js-offline-message").style.display = "block"

data/app/views/layouts/decidim/_wrapper.html.erb

@@ -12,7 +12,7 @@ end
 
 <div class="layout-container">
   <header <%= "class=with-admin-bar" if current_user && allowed_to?(:read, :admin_dashboard) %>>
-    <div id="sticky-header-container" data-sticky-header>
+    <div id="sticky-header-container" data-controller="sticky-header">
       <%= render partial: "layouts/decidim/impersonation_warning" %>
       <%= render partial: "layouts/decidim/omnipresent_banner" %>
       <%= render partial: "layouts/decidim/offline_banner" %>
@@ -20,7 +20,7 @@ end
       <%= render partial: "layouts/decidim/header/main" %>
     </div>
     <div id="menu-bar-container">
-      <% unless current_user&.ephemeral? %>
+      <% if !current_user&.ephemeral? && !content_for?(:focus_mode) %>
         <%= render partial: "layouts/decidim/header/menu" unless controller_name == "homepage" %>
       <% end %>
     </div>
@@ -37,10 +37,12 @@ end
     <%= yield %>
   </div>
 
-  <% unless current_user&.ephemeral? %>
-    <footer>
+  <footer>
+    <% if current_user&.ephemeral? || content_for?(:focus_mode) %>
+      <%= render partial: "layouts/decidim/footer/focus_mode_main" %>
+    <% else %>
       <%= render partial: "layouts/decidim/footer/main" %>
       <%= render partial: "layouts/decidim/footer/mini" %>
-    </footer>
-  <% end %>
+    <% end %>
+  </footer>
 </div>

data/app/views/layouts/decidim/footer/_focus_mode_main.html.erb

@@ -0,0 +1,7 @@
+<div class="main-footer">
+  <div class="main-footer__down">
+    <%= render partial: "layouts/decidim/footer/main_legal" %>
+    <div class="w-full md:w-auto md:ml-auto"></div>
+    <%= render partial: "layouts/decidim/footer/main_language_chooser" %>
+  </div>
+</div>