chats 0.1.1 → 0.6.2

data/app/views/chats/dock/_window_header.html.erb

@@ -0,0 +1,75 @@
+<%# A dock window's header. Rendered with the thread (window.html.erb) and,
+    with only a name, as the shell a window shows while it loads or after it
+    failed (chats/dock/_window_shell) — so minimize and close always work.
+
+    Locals: conversation (nil in the shell), title, counterpart (or nil). %>
+<% conversation = local_assigns[:conversation] %>
+<% counterpart = local_assigns[:counterpart] %>
+<header class="chats-window__header">
+  <%# Phones show one full-screen window: back returns to the list. %>
+  <button type="button" class="chats-window__icon chats-window__back"
+          aria-label="<%= t("chats.dock.back") %>" title="<%= t("chats.dock.back") %>"
+          data-action="chats--dock#back">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+         stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M19 12H5m6-6-6 6 6 6"/></svg>
+  </button>
+
+  <button type="button" class="chats-window__title" aria-expanded="true" title="<%= title %>"
+          data-chats-dock-minimize data-action="chats--dock#minimize">
+    <% if counterpart %>
+      <%= chats_messager_avatar(counterpart) %>
+    <% elsif conversation %>
+      <%= chats_conversation_avatar(conversation, chats_current_messager) %>
+    <% end %>
+    <span class="chats-window__identity">
+      <span class="chats-window__name-row">
+        <span class="chats-window__name" data-chats-dock-name><%= title %></span>
+        <%= chats_verified_badge(counterpart) %>
+      </span>
+      <% if conversation&.subject_label %>
+        <span class="chats-window__subject"><%= conversation.subject_label %></span>
+      <% end %>
+    </span>
+    <%# The conversation's unread count while the window waits to be seen
+        (filled in by the dock's controller). %>
+    <span class="chats-badge chats-window__unread" data-chats-dock-window-unread hidden></span>
+  </button>
+
+  <%# The host's own thread actions (block, report, view profile), as on
+      the page's ⋯ menu, with the same locals. %>
+  <% if conversation && chats_slot?(:conversation_header_actions) %>
+    <details class="chats-menu chats-window__menu">
+      <summary class="chats-window__icon" aria-label="<%= t("chats.thread.options") %>"
+               title="<%= t("chats.thread.options") %>">⋯</summary>
+      <div class="chats-menu__panel">
+        <%= chats_slot :conversation_header_actions,
+              conversation: conversation,
+              viewer: chats_current_messager,
+              counterpart: counterpart,
+              blockable: chats_blockable?(counterpart) %>
+      </div>
+    </details>
+  <% end %>
+
+  <% if conversation %>
+    <%= link_to chats_routes.conversation_path(conversation),
+          class: "chats-window__icon chats-window__expand",
+          title: t("chats.dock.open_full"), "aria-label": t("chats.dock.open_full"),
+          data: { turbo_frame: "_top" } do %>
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+           stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>
+    <% end %>
+  <% end %>
+  <button type="button" class="chats-window__icon chats-window__minimize"
+          aria-label="<%= t("chats.dock.minimize") %>" title="<%= t("chats.dock.minimize") %>"
+          data-action="chats--dock#minimize">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+         aria-hidden="true" focusable="false"><path d="M5 12h14"/></svg>
+  </button>
+  <button type="button" class="chats-window__icon chats-window__close"
+          aria-label="<%= t("chats.dock.close") %>" title="<%= t("chats.dock.close") %>"
+          data-action="chats--dock#close">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+         aria-hidden="true" focusable="false"><path d="M6 6l12 12M18 6 6 18"/></svg>
+  </button>
+</header>

data/app/views/chats/dock/_window_shell.html.erb

@@ -0,0 +1,17 @@
+<%# What a window shows before its thread arrives, and if it never does: the
+    header (so minimize and close work) and a status line. The dock renders
+    it once, as <template>s its controller clones; `chats/dock/_window`
+    renders the loading one inside the frame it sends.
+
+    Locals: state (:loading or :failed), title (the name when known). %>
+<section class="chats-window__card" role="region" aria-label="<%= local_assigns[:title] || t("chats.dock.title") %>">
+  <%= render "chats/dock/window_header", title: local_assigns[:title] || t("chats.thread.loading") %>
+  <% if local_assigns[:state] == :failed %>
+    <div class="chats-window__status" role="alert">
+      <p><%= t("chats.dock.load_error") %></p>
+      <button type="button" class="chats-window__retry" data-action="chats--dock#retry"><%= t("chats.dock.retry") %></button>
+    </div>
+  <% else %>
+    <div class="chats-window__status"><%= t("chats.thread.loading") %></div>
+  <% end %>
+</section>

data/app/views/chats/messages/_action.html.erb

@@ -0,0 +1,15 @@
+<%# A message's featured button (Chats::Action): the one place it takes you,
+    under the words it came with. Rendered inside the bubble, so it is part
+    of the single viewer-agnostic broadcast render AND of the clone the
+    long-press popup lifts — which is why it is a plain link and never a
+    form: a form would need a per-viewer CSRF token baked into a render
+    every subscriber shares. An action is a destination, not a mutation.
+
+    data-turbo-frame="_top": older pages of a thread arrive inside lazy
+    `chats_page_…` turbo-frames, and a link inside a frame navigates the
+    FRAME. _top makes it navigate the page, wherever the bubble landed.
+
+    The url was validated at the write (Chats::Message#
+    action_must_be_well_formed): http(s) or a path on this site, never
+    `javascript:` or protocol-relative. %>
+<%= link_to action.label, action.url, class: "chats-message__action", data: { turbo_frame: "_top" } %>

data/app/views/chats/messages/_composer.html.erb

@@ -1,67 +1,95 @@
 <%# The composer. Submits as a Turbo Stream (the sender's bubble appends from
     the response — instant, no cable round-trip needed); the chats--composer
     controller adds autosize, desktop Enter-to-send, throttled typing pings,
-    and reset-on-success. Plain form POST still works with JS disabled. %>
-<%= form_with model: Chats::Message.new,
-      url: conversation_messages_path(conversation),
-      class: "chats-composer",
-      data: {
-        controller: "chats--composer",
-        "chats--composer-typing-url-value": (typing_conversation_path(conversation) if Chats.config.typing_indicators),
-        action: "turbo:submit-end->chats--composer#submitted chats:edit-message@window->chats--composer#beginEdit"
-      } do |form| %>
+    and reset-on-success. Plain form POST still works with JS disabled.
 
-<div id="<%= dom_id(conversation, :composer_errors) %>" class="chats-composer__errors"></div>
+    The outer div is the DOCK — the form plus the host's composer_actions.
+    It carries the swap id: a conversation that locks while the composer is
+    open gets the locked notice rendered straight over the whole dock
+    (chats/messages/locked.turbo_stream.erb), so the host's buttons go with
+    it. `.chats-composer` styles the dock; the form is `.chats-composer__form`. %>
+<div id="<%= dom_id(conversation, :composer) %>" class="chats-composer">
+  <%# Slot: the host's own buttons by the composer ("Create a game", "Send my
+      location"). OUTSIDE the form on purpose: host buttons are usually
+      button_to forms, and a form inside a form is invalid HTML — the browser
+      drops the inner one and its button submits THIS form instead. %>
+  <% if chats_slot?(:composer_actions) %>
+    <div class="chats-composer__actions">
+      <%= chats_slot :composer_actions, conversation: conversation %>
+    </div>
+  <% end %>
 
-<%# The edit cue (Telegram's flow): long-press → Editar loads the message
-    into this same form; this quote-style bar (left border, bold label,
-    the original trimmed to one line) is the signal that send = save.
-    The ✕ cancels back to compose mode. %>
-<div class="chats-composer__edit" data-chats--composer-target="editBar" hidden>
-  <div class="chats-composer__edit-quote">
-    <span class="chats-composer__edit-label"><%= t("chats.composer.editing") %></span>
-    <span class="chats-composer__edit-preview" data-chats--composer-target="editPreview"></span>
-  </div>
-  <button type="button"
-          class="chats-composer__edit-cancel"
-          aria-label="<%= t("chats.composer.cancel_edit") %>"
-          data-action="chats--composer#cancelEdit">×</button>
-</div>
+  <%= form_with model: Chats::Message.new,
+        url: conversation_messages_path(conversation),
+        class: "chats-composer__form",
+        data: {
+          controller: "chats--composer",
+          "chats--composer-typing-url-value": (typing_conversation_path(conversation) if Chats.config.typing_indicators),
+          action: "turbo:submit-end->chats--composer#submitted chats:edit-message@window->chats--composer#beginEdit"
+        } do |form| %>
 
-  <%# Selected-attachment previews: thumbnails with per-file remove, rendered
-      client-side from the picker selection (object URLs — nothing uploads
-      until send). This is THE feedback that files are about to go out; a
-      counter chip alone reads as noise. %>
-  <% if Chats.config.attachments %>
-    <div class="chats-composer__previews" data-chats--composer-target="previews" hidden></div>
-  <% end %>
+    <div id="<%= dom_id(conversation, :composer_errors) %>" class="chats-composer__errors"></div>
+
+    <%# The edit cue (Telegram's flow): long-press → Editar loads the message
+        into this same form; this quote-style bar (left border, bold label,
+        the original trimmed to one line) is the signal that send = save.
+        The ✕ cancels back to compose mode. %>
+    <div class="chats-composer__edit" data-chats--composer-target="editBar" hidden>
+      <div class="chats-composer__edit-quote">
+        <span class="chats-composer__edit-label"><%= t("chats.composer.editing") %></span>
+        <span class="chats-composer__edit-preview" data-chats--composer-target="editPreview"></span>
+      </div>
+      <button type="button"
+              class="chats-composer__edit-cancel"
+              aria-label="<%= t("chats.composer.cancel_edit") %>"
+              data-action="chats--composer#cancelEdit">×</button>
+    </div>
 
-  <div class="chats-composer__bar">
+    <%# Selected-attachment previews: thumbnails with per-file remove, rendered
+        client-side from the picker selection (object URLs — nothing uploads
+        until send). This is THE feedback that files are about to go out; a
+        counter chip alone reads as noise. %>
     <% if Chats.config.attachments %>
-      <label class="chats-composer__attach" aria-label="<%= t("chats.composer.attach") %>">
-        <%= form.file_field :files, multiple: true, hidden: true,
-              accept: (Chats.config.attachments == :images ? "image/*" : nil),
-              data: { "chats--composer-target": "files", action: "change->chats--composer#filesChanged" } %>
-        <span aria-hidden="true">📎</span>
-        <span class="chats-composer__file-count" data-chats--composer-target="fileCount" hidden></span>
-      </label>
+      <div class="chats-composer__previews" data-chats--composer-target="previews" hidden></div>
     <% end %>
 
-    <%= form.text_area :body,
-          rows: 1,
-          placeholder: t("chats.composer.placeholder"),
-          class: "chats-composer__input",
-          autocomplete: "off",
-          data: {
-            "chats--composer-target": "input",
-            action: "input->chats--composer#typed keydown.enter->chats--composer#enterSend"
-          } %>
+    <div class="chats-composer__bar">
+      <% if Chats.config.attachments %>
+        <label class="chats-composer__attach" aria-label="<%= t("chats.composer.attach") %>">
+          <%= form.file_field :files, multiple: true, hidden: true,
+                id: dom_id(conversation, :message_files),
+                accept: (Chats.config.attachments == :images ? "image/*" : nil),
+                data: { "chats--composer-target": "files", action: "change->chats--composer#filesChanged" } %>
+          <span aria-hidden="true">📎</span>
+          <span class="chats-composer__file-count" data-chats--composer-target="fileCount" hidden></span>
+        </label>
+      <% end %>
 
-    <%# pointerdown/mousedown keepFocus: keeps the textarea focused (and the
-        mobile keyboard up) through the send tap — see composer controller. %>
-    <%= form.button type: :submit, class: "chats-composer__send", "aria-label": t("chats.composer.send"),
-          data: { action: "pointerdown->chats--composer#keepFocus mousedown->chats--composer#keepFocus" } do %>
-      <span aria-hidden="true">➤</span>
-    <% end %>
-  </div>
-<% end %>
+      <%# Ids per conversation, not form_with's `message_body`: a page can
+          hold several composers (the dock's windows), and Turbo restores
+          focus BY ID after rendering a stream — a shared id sent the cursor
+          into another window's composer. %>
+      <%= form.text_area :body,
+            id: dom_id(conversation, :message_body),
+            rows: 1,
+            placeholder: t("chats.composer.placeholder"),
+            class: "chats-composer__input",
+            autocomplete: "off",
+            data: {
+              "chats--composer-target": "input",
+              # In a dock window, the dock puts a saved draft back the moment
+              # this field appears (dock_controller.js, composerTargetConnected).
+              "chats--dock-target": "composer",
+              action: "input->chats--composer#typed keydown.enter->chats--composer#enterSend " \
+                      "keydown.esc->chats--composer#escape"
+            } %>
+
+      <%# pointerdown/mousedown keepFocus: keeps the textarea focused (and the
+          mobile keyboard up) through the send tap — see composer controller. %>
+      <%= form.button type: :submit, class: "chats-composer__send", "aria-label": t("chats.composer.send"),
+            data: { action: "pointerdown->chats--composer#keepFocus mousedown->chats--composer#keepFocus" } do %>
+        <span aria-hidden="true">➤</span>
+      <% end %>
+    </div>
+  <% end %>
+</div>

data/app/views/chats/messages/_message.html.erb

@@ -15,19 +15,24 @@
      data-chats--thread-target="message"
      data-sender-key="<%= message.sender_key %>"
      data-timestamp="<%= message.created_at.iso8601 %>"
-     <%# updated-at-ms: the thread controller tracks the max across bubbles as
-         its `?since=` cursor for the stale-thread refresh — updated_at (not
-         created_at) so edits/tombstones that happened while asleep are caught
-         too. `.ceil` biases the cursor PAST this row's sub-millisecond tail,
-         so the strictly-greater server query can't re-fetch it. %>
-     data-updated-at-ms="<%= (message.updated_at.to_f * 1000).ceil %>">
+     <%# The stale-thread catch-up's cursors, to the microsecond the
+         database keeps, with the id that breaks a tie: the newest creation
+         on screen decides what is appended (`after`), the newest change
+         what is replaced (`changed`), and the oldest bubble's creation is
+         the `from` of the list of what still exists (hard deletes). %>
+     data-message-id="<%= message.id %>"
+     data-created-at-us="<%= (message.created_at.to_i * 1_000_000) + message.created_at.usec %>"
+     data-updated-at-us="<%= (message.updated_at.to_i * 1_000_000) + message.updated_at.usec %>">
 
   <% if message.system? %>
-    <div class="chats-message__system"><%= message.body %></div>
+    <div class="chats-message__system<%= " chats-message__system--with-action" if message.action? %>">
+      <%= message.body %>
+      <%= render "chats/messages/action", action: message.action if message.action? %>
+    </div>
   <% else %>
     <div class="chats-message__content">
       <% if message.conversation.group? && message.sender %>
-        <span class="chats-message__sender"><%= Chats.display_name_for(message.sender) %></span>
+        <%= chats_messager_name(message.sender, css_class: "chats-message__sender") %>
       <% end %>
 
       <div class="chats-message__bubble-row">
@@ -74,6 +79,16 @@
                 <% end %>
               </div>
             <% end %>
+
+            <%= render "chats/messages/action", action: message.action if message.action? %>
+          <% end %>
+
+          <%# Signature: who WROTE this, when that isn't who it was sent
+              from — an agent answering from a shared desk seat. The sender
+              stays the conversation identity; this line keeps the human
+              visible. See Chats::Message#signed?. %>
+          <% if (signature = chats_message_signature(message)) %>
+            <div class="chats-message__signature" data-chats-message-signature><%= signature %></div>
           <% end %>
 
           <span class="chats-message__meta">
@@ -81,6 +96,7 @@
               <span class="chats-message__edited"><%= t("chats.message.edited") %></span>
             <% end %>
             <time datetime="<%= message.created_at.iso8601 %>"><%= message.created_at.in_time_zone.strftime("%H:%M") %></time>
+            <%= chats_slot :message_meta, message: message %>
             <% if Chats.config.read_receipts %>
               <span class="chats-message__receipt"
                     data-chats-message-receipt
@@ -95,6 +111,12 @@
       </div>
 
       <% unless message.deleted? %>
+        <%# A locked conversation (its SUBJECT says so) refuses every write —
+            new messages, edits, deletes and reactions alike. The server
+            enforces it; here we stop OFFERING what would only 422: existing
+            reactions still render, as plain counts instead of toggles, and
+            the long-press menu keeps only Copy. %>
+        <% locked = message.conversation.locked? %>
         <% reactions = Chats.config.reactions ? Chats::Reaction.summary_for(message) : [] %>
         <% if reactions.any? %>
           <div class="chats-message__reactions">
@@ -103,10 +125,16 @@
                 through the HOST's renderer where engine helpers don't exist
                 unqualified. See EngineHelper#chats_routes. %>
             <% reactions.each do |emoji, count| %>
-              <%= button_to chats_routes.conversation_message_reactions_path(message.conversation, message),
-                    method: :post, params: { emoji: emoji },
-                    class: "chats-reaction", "aria-label": t("chats.message.toggle_reaction", emoji: emoji) do %>
-                <%= emoji %><% if count > 1 %><span class="chats-reaction__count"><%= count %></span><% end %>
+              <% if locked %>
+                <span class="chats-reaction chats-reaction--locked">
+                  <%= emoji %><% if count > 1 %><span class="chats-reaction__count"><%= count %></span><% end %>
+                </span>
+              <% else %>
+                <%= button_to chats_routes.conversation_message_reactions_path(message.conversation, message),
+                      method: :post, params: { emoji: emoji },
+                      class: "chats-reaction", "aria-label": t("chats.message.toggle_reaction", emoji: emoji) do %>
+                  <%= emoji %><% if count > 1 %><span class="chats-reaction__count"><%= count %></span><% end %>
+                <% end %>
               <% end %>
             <% end %>
           </div>
@@ -122,7 +150,7 @@
             button_to forms keep working when cloned: the CSRF token is
             baked in at render time. %>
         <template data-chats-message-menu>
-          <% if Chats.config.reactions %>
+          <% if Chats.config.reactions && !locked %>
             <div class="chats-popup__reactions" role="group" aria-label="<%= t("chats.message.react") %>">
               <% %w[👍 ❤️ 😂 😮 😢 🙏].each do |emoji| %>
                 <%= button_to emoji, chats_routes.conversation_message_reactions_path(message.conversation, message),
@@ -137,12 +165,12 @@
                 <%= t("chats.message.copy") %>
               </button>
             <% end %>
-            <% if Chats.config.editing && message.body.present? %>
+            <% if Chats.config.editing && message.body.present? && !locked %>
               <button type="button" class="chats-popup__item" role="menuitem" data-chats-action="edit" data-chats-own-only>
                 <%= t("chats.message.edit") %>
               </button>
             <% end %>
-            <% if Chats.config.deletion %>
+            <% if Chats.config.deletion && !locked %>
               <%= button_to t("chats.message.delete"),
                     chats_routes.conversation_message_path(message.conversation, message),
                     method: :delete,

data/app/views/chats/messages/locked.turbo_stream.erb

@@ -0,0 +1,6 @@
+<%# The send landed on a conversation whose subject has since locked it.
+    Replace the composer with the locked notice (422) so the screen stops
+    lying to whoever had it open, and clear any stale error text. %>
+<%= turbo_stream.replace dom_id(@conversation, :composer) do %>
+  <%= render "chats/conversations/locked_composer", conversation: @conversation %>
+<% end %>

data/app/views/chats/shared/_unread_badge.html.erb

@@ -1,6 +1,9 @@
 <%# The live unread badge (embed anywhere via the chats_unread_badge helper).
     Fixed id: it's the target Chats::Broadcasts.update_badge_of replaces.
-    Always rendered (hidden at zero) so the broadcast has an element to update. %>
+    Always rendered (hidden at zero) so the broadcast has an element to update.
+    data-chats-unread-badge marks every unread badge, the dock's included, for
+    host CSS and JS that want them all. %>
 <span id="chats_unread_badge"
       class="chats-badge chats-badge--floating"
+      data-chats-unread-badge
       <%= "hidden" unless count.positive? %>><%= count > 99 ? "99+" : count %></span>

data/app/views/chats/shared/_verified_badge.html.erb

@@ -0,0 +1,32 @@
+<%# The "official account" mark. Rendered next to a verified messager's name
+    (`acts_as_messager verified: true`) in every bundled view that shows one:
+    the inbox row, the stacked row and the thread header.
+
+    It is an IMAGE with a name, not decoration: the wrapper carries
+    role="img" plus the localized label, so a screen reader announces
+    "Cuenta oficial" / "Official account" where a sighted person sees the
+    badge, and the glyph itself is aria-hidden so it is never read twice.
+
+    The glyph is heroicons `check-badge` (24/solid): a scalloped rosette
+    with a TICK knocked out of it, which is the mark people already read as
+    "verified". It is deliberately not a plain star — a star says "favourite"
+    or "rated", and at 14px a solid star and a solid rosette are the same
+    blob, so the tick is the whole point. `fill-rule: evenodd` is what knocks
+    the tick out; without it the rosette fills solid and the mark is a blob.
+
+    Colour comes from the --chats-verified CSS variable (see chats.css) via
+    `fill: currentColor` — override that variable, or swap this whole partial
+    with `config.verified_badge`. %>
+<span class="chats-verified"
+      role="img"
+      title="<%= t("chats.verified.label") %>"
+      aria-label="<%= t("chats.verified.label") %>">
+  <svg xmlns="http://www.w3.org/2000/svg"
+       viewBox="0 0 24 24"
+       fill="currentColor"
+       class="chats-verified__glyph"
+       aria-hidden="true"
+       focusable="false">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.603 3.799A4.49 4.49 0 0 1 12 2.25c1.357 0 2.573.6 3.397 1.549a4.49 4.49 0 0 1 3.498 1.307 4.491 4.491 0 0 1 1.307 3.497A4.49 4.49 0 0 1 21.75 12a4.49 4.49 0 0 1-1.549 3.397 4.491 4.491 0 0 1-1.307 3.497 4.491 4.491 0 0 1-3.497 1.307A4.49 4.49 0 0 1 12 21.75a4.49 4.49 0 0 1-3.397-1.549 4.49 4.49 0 0 1-3.498-1.306 4.491 4.491 0 0 1-1.307-3.498A4.49 4.49 0 0 1 2.25 12c0-1.357.6-2.573 1.549-3.397a4.49 4.49 0 0 1 1.307-3.497 4.49 4.49 0 0 1 3.497-1.307Zm7.007 6.387a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" />
+  </svg>
+</span>

data/config/importmap.rb

@@ -8,9 +8,18 @@
 # "chats--composer", etc. with ZERO host JavaScript changes. (stimulus-rails,
 # app/assets/javascripts/stimulus-loading.js, registerControllerFromPath.)
 #
-# Hosts can override either controller by pinning the same key themselves —
+# Hosts can override any controller by pinning the same key themselves —
 # the engine's importmap is drawn FIRST (unshifted in Chats::Engine), and
 # importmap-rails resolves duplicate pins last-wins.
 pin "controllers/chats/thread_controller", to: "chats/thread_controller.js"
 pin "controllers/chats/composer_controller", to: "chats/composer_controller.js"
 pin "controllers/chats/debounced_submit_controller", to: "chats/debounced_submit_controller.js"
+pin "controllers/chats/refresh_inbox_controller", to: "chats/refresh_inbox_controller.js"
+pin "controllers/chats/dock_controller", to: "chats/dock_controller.js"
+pin "controllers/chats/unread_badge_controller", to: "chats/unread_badge_controller.js"
+pin "controllers/chats/split_controller", to: "chats/split_controller.js"
+
+# Not a controller: what the inbox, thread, badge and dock controllers share
+# to catch up on broadcasts they missed. Outside controllers/ so the eager
+# loader never tries to register it.
+pin "chats/recovery", to: "chats/recovery.js"

data/config/locales/en.yml

@@ -1,5 +1,8 @@
 en:
   chats:
+    page_title:
+      inbox: "Messages"
+      conversation: "%{name} · Messages"
     inbox:
       title: "Messages"
       search_placeholder: "Search conversations"
@@ -8,6 +11,12 @@ en:
       no_results_title: "No results"
       no_results_hint: "Nothing matched “%{query}”."
       no_messages: "No messages yet"
+      select_hint: "Select a conversation"
+      filtered_by: "Conversations with %{name}"
+      clear_filter: "Show all conversations"
+      group_count:
+        one: "1 conversation"
+        other: "%{count} conversations"
       you_prefix: "You:"
     thread:
       back: "Back"
@@ -22,14 +31,18 @@ en:
       yesterday: "Yesterday"
       typing_suffix: "is typing…"
       new_messages: "New messages"
+      see_all: "See all"
     conversation:
       empty_title: "Conversation"
+    verified:
+      label: "Official account"
     message:
       deleted: "Message deleted"
       edited: "edited"
       copy: "Copy"
       copied: "Copied!"
       attachment: "Photo"
+      signature: "— %{name}"
       close_attachment: "Close photo"
       edit: "Edit"
       delete: "Delete"
@@ -44,6 +57,24 @@ en:
       placeholder: "Write a message…"
       send: "Send"
       attach: "Attach images"
+      locked: "This conversation is closed."
+    dock:
+      title: "Messages"
+      unread_suffix: "unread"
+      see_all: "See all messages"
+      window_label: "Conversation with %{name}"
+      open_full: "Open full conversation"
+      minimize: "Minimize"
+      close: "Close conversation"
+      back: "Back to messages"
+      hello: "Say hello to %{name}."
+      load_error: "Couldn't load this conversation."
+      retry: "Try again"
+      new_message_from: "New message from %{name}"
+      window_unread:
+        one: "%{count} new message"
+        other: "%{count} new messages"
+      muted: "Muted"
     buttons:
       chat: "Message"
     flashes:
@@ -54,6 +85,9 @@ en:
       unmuted: "Conversation unmuted."
 
   activerecord:
+    attributes:
+      chats/message:
+        action: "Action"
     errors:
       models:
         chats/conversation:
@@ -67,7 +101,13 @@ en:
         chats/message:
           attributes:
             base:
+              locked: "This conversation is closed."
               blocked: "You can't message this person."
+              not_allowed: "You can't message this person right now."
+            action:
+              invalid: "needs a label of up to %{count} characters and a link to an http(s) address or to a path on this site that starts with /"
+            author:
+              not_a_messager: "must be a messager (acts_as_messager)"
             sender:
               blank: "is required"
               not_a_participant: "is not a participant of this conversation"

data/config/locales/es.yml

@@ -1,5 +1,8 @@
 es:
   chats:
+    page_title:
+      inbox: "Mensajes"
+      conversation: "%{name} · Mensajes"
     inbox:
       title: "Mensajes"
       search_placeholder: "Buscar conversaciones"
@@ -8,6 +11,12 @@ es:
       no_results_title: "Sin resultados"
       no_results_hint: "No hay nada que coincida con «%{query}»."
       no_messages: "Sin mensajes todavía"
+      select_hint: "Selecciona una conversación"
+      filtered_by: "Conversaciones con %{name}"
+      clear_filter: "Ver todas las conversaciones"
+      group_count:
+        one: "1 conversación"
+        other: "%{count} conversaciones"
       you_prefix: "Tú:"
     thread:
       back: "Atrás"
@@ -22,14 +31,18 @@ es:
       yesterday: "Ayer"
       typing_suffix: "está escribiendo…"
       new_messages: "Mensajes nuevos"
+      see_all: "Ver todas"
     conversation:
       empty_title: "Conversación"
+    verified:
+      label: "Cuenta oficial"
     message:
       deleted: "Mensaje eliminado"
       edited: "editado"
       copy: "Copiar"
       copied: "¡Copiado!"
       attachment: "Foto"
+      signature: "— %{name}"
       close_attachment: "Cerrar foto"
       edit: "Editar"
       delete: "Eliminar"
@@ -44,6 +57,24 @@ es:
       placeholder: "Escribe un mensaje…"
       send: "Enviar"
       attach: "Adjuntar imágenes"
+      locked: "Esta conversación está cerrada."
+    dock:
+      title: "Mensajes"
+      unread_suffix: "sin leer"
+      see_all: "Ver todos los mensajes"
+      window_label: "Conversación con %{name}"
+      open_full: "Abrir la conversación completa"
+      minimize: "Minimizar"
+      close: "Cerrar conversación"
+      back: "Volver a los mensajes"
+      hello: "Saluda a %{name}."
+      load_error: "No se ha podido cargar esta conversación."
+      retry: "Reintentar"
+      new_message_from: "Nuevo mensaje de %{name}"
+      window_unread:
+        one: "%{count} mensaje nuevo"
+        other: "%{count} mensajes nuevos"
+      muted: "Silenciada"
     buttons:
       chat: "Mensaje"
     flashes:
@@ -54,6 +85,9 @@ es:
       unmuted: "Notificaciones activadas."
 
   activerecord:
+    attributes:
+      chats/message:
+        action: "Acción"
     errors:
       models:
         chats/conversation:
@@ -67,7 +101,13 @@ es:
         chats/message:
           attributes:
             base:
+              locked: "Esta conversación está cerrada."
               blocked: "No puedes enviar mensajes a esta persona."
+              not_allowed: "Ahora mismo no puedes enviar mensajes a esta persona."
+            action:
+              invalid: "necesita un texto de hasta %{count} caracteres y un enlace a una dirección http(s) o a una ruta de este sitio que empiece por /"
+            author:
+              not_a_messager: "debe ser un mensajero (acts_as_messager)"
             sender:
               blank: "es obligatorio"
               not_a_participant: "no participa en esta conversación"