mailscope 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: db87fb72ccde481718a35a6a8902eeb1e2fbfc423c8292e17b0d5fb3b97afa0e
-  data.tar.gz: 85b4a41a9c9afb1231092a1030e631ca22fef3b9113a24b8b734281343dd6de7
+  metadata.gz: 19f786326def785dfcd3da7cb0b4e41bfb4397a0f98c9fe45ad9f12b04414f45
+  data.tar.gz: d1c3d1b5eb0f9d13cba31bc51827fad2ab41ce734acd8dd591b09b6cf1fdfa50
 SHA512:
-  metadata.gz: df401455be0fd9677dbd74b2c2aed038277370f61b8f15ec8f0e841bb31c39365fafdaa20ea691d1faa9660d0eb93fb0b29c53f010037e2f59b8fabe29916430
-  data.tar.gz: ea923fff2de475991245b5850b26ef21a9619588f3b4b922e9989d95d75d546c7319ba220d0c7fb861736f79a0231ca5833a29b8953cfdb2a9c3e6d2b39f1e6b
+  metadata.gz: bf9af26bdcb82142354e62d7ab4a1398dde03952473207a48e86b4966acacd8c917553614f89fee7319f3c8bafad99f4edaea417482e2dda68d41897cc237527
+  data.tar.gz: b37911850eb6b561d12c4ea4ca8b56caa37b68a7e6a20a34bbdd3acf44142a71d90136944f6d976ecc66099e36f139fa20a96a9bf86c7396255e14196e46f895

data/CHANGELOG.md

@@ -2,7 +2,25 @@
 
 ## [Unreleased]
 
-[Unreleased]: https://github.com/renatomeloferraz/mailscope/compare/v0.1.0...HEAD
+[Unreleased]: https://github.com/renatomeloferraz/mailscope/compare/v0.1.1...HEAD
+
+## [0.1.1] — 2026-08-22
+
+[0.1.1]: https://github.com/renatomeloferraz/mailscope/compare/v0.1.0...v0.1.1
+
+### Changed
+
+- Clearing the inbox asks through an in-app dialog instead of `window.confirm`,
+  which could not be themed and prefixed the browser origin. Escape and the
+  backdrop cancel, focus starts on Cancel and is trapped while it is open.
+- The header's utility controls (refresh, live, theme, shortcuts) sit in one
+  group, with the destructive Clear action kept outside it.
+- The empty-inbox notice sits near the top of the message list, centred, and
+  now says how to make messages appear; centring it vertically in a tall empty
+  column read as a loading state.
+- Dropped the rail's "no recipients yet" line and the reading pane's "no
+  message selected" notice when nothing has been captured — three empty states
+  for one empty inbox, and the pane invited you to pick from an empty list.
 
 ## [0.1.0] — 2026-08-22
 

data/README.md

@@ -1,5 +1,9 @@
 # Mailscope
 
+[![Gem Version](https://img.shields.io/gem/v/mailscope)](https://rubygems.org/gems/mailscope)
+[![CI](https://github.com/renatomeloferraz/mailscope/actions/workflows/main.yml/badge.svg)](https://github.com/renatomeloferraz/mailscope/actions/workflows/main.yml)
+[![License: MIT](https://img.shields.io/badge/license-MIT-blue)](LICENSE.txt)
+
 A mail inspector for Rails development and staging environments. It captures
 everything your app sends and gives you a fast web UI to **search, preview and
 inspect** it: HTML, plain text, the raw `.eml`, real headers and attachments —

data/app/assets/mailscope/mailscope.css

@@ -193,7 +193,24 @@ kbd {
 .ms-search__kbd { flex: none; }
 .ms-search:focus-within .ms-search__kbd { opacity: 0; }
 
-.ms-topbar__actions { display: flex; align-items: center; gap: 6px; margin-left: auto; flex: none; }
+.ms-topbar__actions { display: flex; align-items: center; gap: 10px; margin-left: auto; flex: none; }
+
+/* One surface for the utility controls, so they stop floating loose next to
+   the destructive one. */
+.ms-cluster {
+  display: flex; align-items: center; gap: 1px;
+  padding: 2px;
+  background: var(--sunken);
+  border: 1px solid var(--border-soft);
+  border-radius: 9px;
+}
+.ms-cluster .ms-btn,
+.ms-cluster .ms-live { height: 28px; border-radius: 7px; }
+.ms-cluster .ms-btn:hover,
+.ms-cluster .ms-live:hover { background: var(--surface); }
+.ms-cluster .ms-live:has(input:checked) { background: var(--surface); }
+.ms-topbar__actions > .ms-btn--danger { border: 1px solid transparent; }
+.ms-topbar__actions > .ms-btn--danger:hover { border-color: color-mix(in oklab, var(--danger) 30%, transparent); }
 
 /* Opens the mailbox rail once it stops fitting beside the list. */
 .ms-topbar .ms-rail-toggle { display: none; }
@@ -271,7 +288,6 @@ kbd {
   font-size: 10.5px; font-weight: 680; letter-spacing: .07em; text-transform: uppercase;
   color: var(--muted);
 }
-.ms-rail__hint { padding: 6px 8px; font-size: 12.5px; color: var(--muted); }
 
 .ms-box {
   display: flex; align-items: center; gap: 9px;
@@ -516,9 +532,14 @@ kbd {
 
 /* ── empty states ───────────────────────────────────────────────────── */
 .ms-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; padding: 40px 24px; }
-.ms-empty--list { flex: 1; }
+/* Anchored to the top of the list column: centring it in a tall, otherwise
+   empty column reads as a loading state. */
+.ms-empty--list { justify-content: flex-start; padding: 48px 22px; }
+.ms-empty--list .ms-empty__text { max-width: 34ch; }
+.ms-empty--list .ms-empty__text strong { color: var(--text-2); font-weight: 600; }
 .ms-empty--pane { height: 100%; }
 .ms-empty__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 6px; border-radius: 14px; background: var(--sunken); color: var(--muted); }
+.ms-empty--list .ms-empty__icon { width: 34px; height: 34px; border-radius: 10px; margin-bottom: 4px; }
 .ms-empty__icon--lg { width: 66px; height: 66px; border-radius: 18px; }
 .ms-empty__title { font-size: 14.5px; font-weight: 620; color: var(--text); }
 .ms-empty__text { font-size: 13px; color: var(--muted); line-height: 1.6; }
@@ -535,6 +556,18 @@ kbd {
 }
 .ms-modal__card header { display: flex; align-items: center; padding: 14px 12px 14px 18px; border-bottom: 1px solid var(--border-soft); }
 .ms-modal__card h2 { flex: 1; font-size: 14.5px; font-weight: 620; }
+/* Confirmation dialog */
+.ms-modal__card--confirm { width: min(400px, calc(100vw - 32px)); }
+.ms-modal__card--confirm header { gap: 10px; border-bottom: 0; padding: 18px 18px 0; }
+.ms-confirm__icon {
+  display: grid; place-items: center; width: 32px; height: 32px; flex: none;
+  border-radius: 9px; background: var(--danger-soft); color: var(--danger);
+}
+.ms-confirm__body { padding: 8px 18px 0; color: var(--text-2); font-size: 13px; line-height: 1.55; }
+.ms-confirm__actions { display: flex; justify-content: flex-end; gap: 8px; padding: 18px; }
+.ms-btn--solid-danger { background: var(--danger); color: #fff; font-weight: 600; }
+.ms-btn--solid-danger:hover { background: color-mix(in oklab, var(--danger) 85%, #000); color: #fff; }
+
 .ms-shortcuts { padding: 8px 18px 18px; }
 .ms-shortcuts > div { display: flex; align-items: center; gap: 12px; padding: 6px 0; }
 .ms-shortcuts dt { flex: none; width: 88px; display: flex; gap: 4px; }

data/app/assets/mailscope/mailscope.js

@@ -78,6 +78,55 @@
     function hide() { node.classList.remove('is-visible'); }
   })();
 
+  // ── confirmation dialog ──────────────────────────────────────────────
+  // Replaces window.confirm: that one cannot be themed, ignores the app's
+  // typography and prefixes the origin, so it reads as a browser warning
+  // rather than a deliberate action inside the tool.
+  var confirmDialog = (function () {
+    var modal = $('[data-confirm]');
+    var pending = null;
+    var lastFocused = null;
+
+    function close(accepted) {
+      if (!pending) return;
+      var resolve = pending;
+      pending = null;
+      modal.hidden = true;
+      if (lastFocused && lastFocused.isConnected) lastFocused.focus();
+      resolve(accepted);
+    }
+
+    function open(options) {
+      if (!modal) return Promise.resolve(window.confirm(options.body)); // no markup: degrade
+
+      $('[data-confirm-title]', modal).textContent = options.title;
+      $('[data-confirm-body]', modal).textContent = options.body;
+      $('[data-confirm-accept]', modal).textContent = options.accept;
+
+      lastFocused = document.activeElement;
+      modal.hidden = false;
+      // Focus the safe option, so Enter never destroys anything by reflex.
+      $('[data-confirm-cancel]', modal).focus();
+
+      return new Promise(function (resolve) { pending = resolve; });
+    }
+
+    if (modal) {
+      // Keep Tab inside the dialog while it is open.
+      modal.addEventListener('keydown', function (event) {
+        if (event.key !== 'Tab') return;
+        var focusable = $$('button', modal);
+        var first = focusable[0];
+        var last = focusable[focusable.length - 1];
+        if (event.shiftKey && document.activeElement === first) { event.preventDefault(); last.focus(); }
+        else if (!event.shiftKey && document.activeElement === last) { event.preventDefault(); first.focus(); }
+      });
+    }
+
+    return { open: open, cancel: function () { close(false); }, accept: function () { close(true); },
+             get isOpen() { return !!pending; } };
+  })();
+
   // ── theme ────────────────────────────────────────────────────────────
   function currentTheme() { return document.documentElement.dataset.theme || 'system'; }
 
@@ -345,9 +394,15 @@
       .catch(function () { toast(t('deleteFailed')); });
   }
 
-  function clearAll(url) {
-    if (!window.confirm(t('clearConfirm'))) return;
+  function clearAll(url, count) {
+    confirmDialog.open({
+      title: t('confirmClearTitle'),
+      body: count === 1 ? t('confirmClearBodyOne') : t('confirmClearBody', { count: count }),
+      accept: t('confirmClearAccept')
+    }).then(function (accepted) { if (accepted) performClear(url); });
+  }
 
+  function performClear(url) {
     request(url, { method: 'DELETE', headers: { Accept: 'application/json' } })
       .then(function (r) { return r.ok ? r.json() : Promise.reject(r.status); })
       .then(function (data) {
@@ -417,13 +472,14 @@
     if (event.metaKey || event.ctrlKey || event.altKey) return;
 
     if (event.key === 'Escape') {
+      if (confirmDialog.isOpen) { confirmDialog.cancel(); return; }
       if (!$('[data-shortcuts]').hidden) { $('[data-shortcuts]').hidden = true; return; }
       closeRail();
       if (typingInField(event)) event.target.blur();
       return;
     }
 
-    if (typingInField(event)) return;
+    if (typingInField(event) || confirmDialog.isOpen) return;
 
     switch (event.key) {
       case 'j': case 'ArrowDown': event.preventDefault(); moveSelection(1); break;
@@ -494,7 +550,12 @@
       }
       case 'shortcuts': event.preventDefault(); $('[data-shortcuts]').hidden = false; break;
       case 'close-shortcuts': event.preventDefault(); $('[data-shortcuts]').hidden = true; break;
-      case 'clear': event.preventDefault(); clearAll(action.dataset.url); break;
+      case 'clear':
+        event.preventDefault();
+        clearAll(action.dataset.url, parseInt(action.dataset.count, 10) || 0);
+        break;
+      case 'confirm-cancel': event.preventDefault(); confirmDialog.cancel(); break;
+      case 'confirm-accept': event.preventDefault(); confirmDialog.accept(); break;
       case 'delete-item': {
         event.preventDefault();
         var item = action.closest('[data-item]');

data/app/helpers/mailscope/application_helper.rb

@@ -49,7 +49,10 @@ module Mailscope
     # bundle stays a static, cacheable asset with no locale baked in.
     def mailscope_js_strings
       {
-        clearConfirm: ms_t('actions.clear_confirm'),
+        confirmClearTitle: ms_t('confirm.clear_title'),
+        confirmClearBodyOne: ms_t('confirm.clear_body', count: 1),
+        confirmClearBody: ms_t('confirm.clear_body', count: 2).sub('2', '%{count}'),
+        confirmClearAccept: ms_t('confirm.clear_accept'),
         deleted: ms_t('toasts.deleted'),
         deleteFailed: ms_t('toasts.delete_failed'),
         clearedOne: ms_t('toasts.cleared', count: 1),

data/app/views/mailscope/messages/_confirm.html.erb

@@ -0,0 +1,20 @@
+<%# Generic confirmation dialog. The copy is filled in by mailscope.js so one
+    element serves every destructive action. %>
+<div class="ms-modal" data-confirm hidden>
+  <div class="ms-modal__backdrop" data-action="confirm-cancel"></div>
+  <div class="ms-modal__card ms-modal__card--confirm" role="alertdialog" aria-modal="true"
+       aria-labelledby="ms-confirm-title" aria-describedby="ms-confirm-body">
+    <header>
+      <span class="ms-confirm__icon" aria-hidden="true"><%= mailscope_icon('i-trash', size: 18) %></span>
+      <h2 id="ms-confirm-title" data-confirm-title></h2>
+    </header>
+    <p class="ms-confirm__body" id="ms-confirm-body" data-confirm-body></p>
+    <footer class="ms-confirm__actions">
+      <button type="button" class="ms-btn ms-btn--soft" data-action="confirm-cancel" data-confirm-cancel>
+        <%= ms_t('actions.cancel') %>
+      </button>
+      <button type="button" class="ms-btn ms-btn--solid-danger" data-action="confirm-accept" data-confirm-accept>
+      </button>
+    </footer>
+  </div>
+</div>

data/app/views/mailscope/messages/_list.html.erb

@@ -11,24 +11,27 @@
     </div>
   </header>
 
-  <ol class="ms-list__items" data-list role="listbox" tabindex="0"
-      aria-label="<%= ms_t('list.listbox') %>">
-    <% @messages.each do |message| %>
-      <%= render 'mailscope/messages/list_item', message: message, selected: @message&.id == message.id %>
-    <% end %>
-  </ol>
-
-  <% if @messages.empty? %>
-    <div class="ms-empty ms-empty--list">
-      <span class="ms-empty__icon"><%= mailscope_icon('i-inbox', size: 28) %></span>
-      <% if @query.filtered? %>
-        <p class="ms-empty__title"><%= ms_t('empty.no_results_title') %></p>
-        <p class="ms-empty__text"><%= ms_t('empty.no_results_text') %></p>
-        <a class="ms-btn ms-btn--soft" href="<%= root_path %>"><%= ms_t('actions.clear_filters_button') %></a>
-      <% else %>
-        <p class="ms-empty__title"><%= ms_t('empty.inbox_title') %></p>
-        <p class="ms-empty__text"><%= ms_t('empty.inbox_text') %></p>
+  <% if @messages.any? %>
+    <ol class="ms-list__items" data-list role="listbox" tabindex="0"
+        aria-label="<%= ms_t('list.listbox') %>">
+      <% @messages.each do |message| %>
+        <%= render 'mailscope/messages/list_item', message: message, selected: @message&.id == message.id %>
       <% end %>
+    </ol>
+  <% elsif @query.filtered? %>
+    <div class="ms-empty ms-empty--list">
+      <span class="ms-empty__icon"><%= mailscope_icon('i-search', size: 24) %></span>
+      <p class="ms-empty__title"><%= ms_t('empty.no_results_title') %></p>
+      <p class="ms-empty__text"><%= ms_t('empty.no_results_text') %></p>
+      <a class="ms-btn ms-btn--soft" href="<%= root_path %>"><%= ms_t('actions.clear_filters_button') %></a>
+    </div>
+  <% else %>
+    <div class="ms-empty ms-empty--list">
+      <span class="ms-empty__icon"><%= mailscope_icon('i-inbox', size: 24) %></span>
+      <p class="ms-empty__title"><%= ms_t('empty.inbox_title') %></p>
+      <p class="ms-empty__text">
+        <%= ms_t('empty.inbox_text_html', live: tag.strong(ms_t('actions.live'))) %>
+      </p>
     </div>
   <% end %>
 </section>

data/app/views/mailscope/messages/_rail.html.erb

@@ -8,10 +8,6 @@
       <span class="ms-box__count"><%= @all.size %></span>
     </a>
 
-    <% if @mailboxes.empty? %>
-      <p class="ms-rail__hint"><%= ms_t('rail.empty') %></p>
-    <% end %>
-
     <% @mailboxes.each do |box| %>
       <a class="ms-box <%= 'is-active' if @mailbox == box.address %>"
          href="<%= mailscope_filter_url(mailbox: box.address) %>"

data/app/views/mailscope/messages/index.html.erb

@@ -22,28 +22,32 @@
     </form>
 
     <div class="ms-topbar__actions">
-      <button type="button" class="ms-btn ms-btn--ghost" data-action="refresh" title="<%= ms_t('actions.refresh_hint') %>">
-        <%= mailscope_icon('i-refresh') %><span class="ms-sr"><%= ms_t('actions.refresh') %></span>
-      </button>
+      <%# Utilities travel together; the destructive action stands apart. %>
+      <div class="ms-cluster">
+        <button type="button" class="ms-btn ms-btn--ghost" data-action="refresh" title="<%= ms_t('actions.refresh_hint') %>">
+          <%= mailscope_icon('i-refresh') %><span class="ms-sr"><%= ms_t('actions.refresh') %></span>
+        </button>
 
-      <label class="ms-live" title="<%= ms_t('actions.live_hint') %>">
-        <input type="checkbox" data-live-toggle <%= 'checked' if mailscope_config.auto_refresh %>>
-        <span class="ms-live__dot" aria-hidden="true"></span>
-        <span class="ms-live__label"><%= ms_t('actions.live') %></span>
-      </label>
+        <label class="ms-live" title="<%= ms_t('actions.live_hint') %>">
+          <input type="checkbox" data-live-toggle <%= 'checked' if mailscope_config.auto_refresh %>>
+          <span class="ms-live__dot" aria-hidden="true"></span>
+          <span class="ms-live__label"><%= ms_t('actions.live') %></span>
+        </label>
 
-      <button type="button" class="ms-btn ms-btn--ghost" data-action="theme" title="<%= ms_t('actions.theme') %>">
-        <span data-theme-icon="light"><%= mailscope_icon('i-sun') %></span>
-        <span data-theme-icon="dark"><%= mailscope_icon('i-moon') %></span>
-        <span class="ms-sr"><%= ms_t('actions.theme') %></span>
-      </button>
+        <button type="button" class="ms-btn ms-btn--ghost" data-action="theme" title="<%= ms_t('actions.theme') %>">
+          <span data-theme-icon="light"><%= mailscope_icon('i-sun') %></span>
+          <span data-theme-icon="dark"><%= mailscope_icon('i-moon') %></span>
+          <span class="ms-sr"><%= ms_t('actions.theme') %></span>
+        </button>
 
-      <button type="button" class="ms-btn ms-btn--ghost" data-action="shortcuts" title="<%= ms_t('actions.shortcuts_hint') %>">
-        <%= mailscope_icon('i-keyboard') %><span class="ms-sr"><%= ms_t('actions.shortcuts') %></span>
-      </button>
+        <button type="button" class="ms-btn ms-btn--ghost" data-action="shortcuts" title="<%= ms_t('actions.shortcuts_hint') %>">
+          <%= mailscope_icon('i-keyboard') %><span class="ms-sr"><%= ms_t('actions.shortcuts') %></span>
+        </button>
+      </div>
 
       <button type="button" class="ms-btn ms-btn--danger" data-action="clear"
-              data-url="<%= clear_messages_path %>" <%= 'disabled' if @all.empty? %>>
+              data-url="<%= clear_messages_path %>" data-count="<%= @all.size %>"
+              <%= 'disabled' if @all.empty? %>>
         <%= mailscope_icon('i-trash') %><span><%= ms_t('actions.clear') %></span>
       </button>
     </div>
@@ -56,11 +60,12 @@
     <section class="ms-pane" data-pane aria-live="polite">
       <% if @message %>
         <%= render 'mailscope/messages/pane', message: @message %>
-      <% else %>
+      <% elsif @all.any? %>
         <%= render 'mailscope/messages/blank_pane' %>
       <% end %>
     </section>
   </div>
 
   <%= render 'mailscope/messages/shortcuts' %>
+  <%= render 'mailscope/messages/confirm' %>
 </div>

data/config/locales/mailscope.en.yml

@@ -12,7 +12,6 @@ en:
       shortcuts: "Shortcuts"
       shortcuts_hint: "Shortcuts (?)"
       clear: "Clear"
-      clear_confirm: "Delete every captured message? This cannot be undone."
       clear_filters: "clear filters"
       clear_filters_button: "Clear filters"
       delete: "Delete"
@@ -23,11 +22,17 @@ en:
       open_preview: "Open the preview"
       allow_remote: "Load anyway"
       close: "Close"
+      cancel: "Cancel"
+    confirm:
+      clear_title: "Delete every captured message?"
+      clear_body:
+        one: "The message is removed from disk. This cannot be undone."
+        other: "All %{count} messages are removed from disk. This cannot be undone."
+      clear_accept: "Delete all"
     rail:
       heading: "Mailboxes"
       label: "Mailboxes"
       all: "All messages"
-      empty: "No recipients yet."
     list:
       label: "Messages"
       listbox: "Message list"
@@ -42,8 +47,8 @@ en:
     empty:
       no_results_title: "Nothing found"
       no_results_text: "No message matches these filters."
-      inbox_title: "Empty inbox"
-      inbox_text: "Send an email from your app and it shows up here."
+      inbox_title: "No messages yet"
+      inbox_text_html: "Anything your app sends lands here. Turn on %{live} in the header to watch messages arrive without reloading."
       no_selection_title: "No message selected"
       no_selection_text_html: "Pick a message on the left, or send a new one from your app.<br>Use %{keys} to move around and %{search} to search."
     message:

data/config/locales/mailscope.pt-BR.yml

@@ -12,7 +12,6 @@ pt-BR:
       shortcuts: "Atalhos"
       shortcuts_hint: "Atalhos (?)"
       clear: "Limpar"
-      clear_confirm: "Apagar todas as mensagens capturadas? Isso não tem volta."
       clear_filters: "limpar filtros"
       clear_filters_button: "Limpar filtros"
       delete: "Apagar"
@@ -23,11 +22,17 @@ pt-BR:
       open_preview: "Abrir a pré-visualização"
       allow_remote: "Carregar mesmo assim"
       close: "Fechar"
+      cancel: "Cancelar"
+    confirm:
+      clear_title: "Apagar todas as mensagens capturadas?"
+      clear_body:
+        one: "A mensagem é removida do disco. Isso não tem volta."
+        other: "As %{count} mensagens são removidas do disco. Isso não tem volta."
+      clear_accept: "Apagar tudo"
     rail:
       heading: "Caixas"
       label: "Caixas de e-mail"
       all: "Todas as mensagens"
-      empty: "Nenhum destinatário ainda."
     list:
       label: "Mensagens"
       listbox: "Lista de mensagens"
@@ -42,8 +47,8 @@ pt-BR:
     empty:
       no_results_title: "Nada encontrado"
       no_results_text: "Nenhuma mensagem bate com esses filtros."
-      inbox_title: "Caixa vazia"
-      inbox_text: "Envie um e-mail pela aplicação e ele aparece aqui."
+      inbox_title: "Nenhuma mensagem ainda"
+      inbox_text_html: "Tudo que a aplicação enviar cai aqui. Ative %{live} no topo para ver as mensagens chegarem sem recarregar."
       no_selection_title: "Nenhuma mensagem selecionada"
       no_selection_text_html: "Escolha uma mensagem à esquerda, ou envie uma nova pela aplicação.<br>Use %{keys} para navegar e %{search} para buscar."
     message:

data/lib/mailscope/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Mailscope
-  VERSION = '0.1.0'
+  VERSION = '0.1.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mailscope
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Renato Ferraz
@@ -76,6 +76,7 @@ files:
 - app/helpers/mailscope/application_helper.rb
 - app/views/layouts/mailscope/application.html.erb
 - app/views/mailscope/messages/_blank_pane.html.erb
+- app/views/mailscope/messages/_confirm.html.erb
 - app/views/mailscope/messages/_list.html.erb
 - app/views/mailscope/messages/_list_item.html.erb
 - app/views/mailscope/messages/_pane.html.erb