livechat 0.3.5 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: af07804137de8734d4851efdea56a8715af2ab199cdd99694f896abf42f908c9
-  data.tar.gz: 4272cb7b782303cd4ff21de16b16f849b9a32c3b4b3e91a057fe70fcc23aa86a
+  metadata.gz: e4589546ac2f8ee66f5fab13591998a651425a7afdb8811fd9b24dd50e7baa65
+  data.tar.gz: 8e49eba0d5232f569ce96cb681ead311749247ef3eeb476d2ea4e2fe53bda2ad
 SHA512:
-  metadata.gz: 3a0064196bc9737e6f008aa3f558d364ad2c29d09701774e629bc4bbb25a23074088597ec8e9a55c228b1dd20d7cbc8e6c5186fc35ac3e2a34445a710a793638
-  data.tar.gz: b41ce44b50df38aa11228ab5082f755ce4424d0dd3955a5d1e41af53829f1210492d13fa02e716d2b146e08bb54125f05b336396b3944c25953645c2e7a972b7
+  metadata.gz: a5ecb5d39149403a4da90f828ddd0bad398c0ad431300237a11063d18db31f989ab4f899ab834ba9801c88085d02367541e8e88b61db0563039d475eca1febac
+  data.tar.gz: 2160a9f6928f2acd664a36267faac734bdb462311d0ad1efe2429f56687de91f22e149c483e1561e65666aec1cb6b8db457f53b6ca92bdf3c89f2d1f14699a0c

data/CHANGELOG.md

@@ -1,5 +1,34 @@
 # Changelog
 
+## 0.4.0
+
+- **File attachments.** Visitors and agents can attach images and documents to
+  a message — a paperclip in the widget composer, a file field on the inbox
+  reply. Images render inline in the thread; other files show as download
+  links. Every file is served through the engine's own gated route (agent, or
+  the visitor who owns the conversation) and streamed inline — never a public,
+  long-lived Active Storage URL. A message can carry files with no text.
+  On by default wherever the host has Active Storage; where it's absent the
+  widget quietly stays text-only. Tunable: `attach_files`, `max_attachments`,
+  `max_attachment_size`, `allowed_attachment_types`.
+- **Optional Action Cable push.** Off by default — polling remains the
+  transport and needs nothing from your app. Turn on `config.action_cable` and
+  a new message nudges the widget and the inbox to refresh the instant it's
+  sent, with polling still the fallback (a dropped socket never means a missed
+  message). The widget speaks the Action Cable protocol over a plain
+  WebSocket — no `@rails/actioncable`, no build step — and only ever subscribes
+  to a per-conversation stream the server cryptographically signed for it, so
+  no one can listen to a thread they weren't shown.
+- New attachment strings translated across all 26 shipped locales.
+
+## 0.3.6
+
+- The opening greeting is now styled as a support message bubble (with a
+  generic "Support" label) instead of a muted line, so the panel reads like
+  a warmly-opened conversation. Deliberately generic — no fake individual,
+  avatar, or presence — and still client-only (never stored, never in the
+  agent inbox).
+
 ## 0.3.5
 
 - The inbox thread now appends new messages live instead of showing a

data/README.md

@@ -28,6 +28,10 @@ there. Every word stays in your database.
 - **Real attribution.** Signed-in visitors are identified server-side against
   your user records and keep their thread across devices. Guests get a
   cookie, and keep their history when they sign up.
+- **Send files, both ways.** Visitors and agents attach images and documents;
+  images show inline. Files are served through the engine — gated exactly like
+  the chat — never a public blob URL. Needs Active Storage; degrades to
+  text-only where it's absent.
 - **26 languages.** The widget follows your app's locale, RTL included.
 
 ## How it works
@@ -45,7 +49,9 @@ there. Every word stays in your database.
 Realtime is polling, on purpose: ~4s while the panel is open, ~30s in the
 background, nothing at all for visitors who never wrote. No Action Cable,
 no Redis, no infrastructure. At support-chat volume you will not notice;
-your ops person will notice there is nothing new to run.
+your ops person will notice there is nothing new to run. If you already run
+Action Cable and want replies to land the instant they're sent, turn it on
+(`config.action_cable = true`) — polling stays the fallback.
 
 ## Requirements
 
@@ -139,6 +145,46 @@ For anything else, hook in:
 config.on_visitor_message = ->(message) { SlackNotifier.ping(message) }
 ```
 
+### File attachments
+
+On by default wherever the app has Active Storage. If you don't already:
+
+```bash
+bin/rails active_storage:install && bin/rails db:migrate
+```
+
+Visitors get a paperclip in the composer; agents get a file field on the
+reply form. Images render inline in the thread, other files as download
+links. Every file is served through the engine's own route and gated the
+same way the chat is — an agent, or the visitor who owns that conversation —
+so nothing leaks through a guessable or long-lived blob URL.
+
+```ruby
+config.attach_files = true               # false turns it off even with Active Storage
+config.max_attachments = 5               # per message
+config.max_attachment_size = 10.megabytes
+config.allowed_attachment_types = nil    # or an allowlist, e.g. %w[image/png image/jpeg application/pdf]
+```
+
+Where Active Storage isn't installed, the widget quietly stays text-only.
+
+### Realtime with Action Cable (optional)
+
+Polling is the default and needs nothing from your app. If you already run
+Action Cable, turn on push so a reply appears the instant it's sent:
+
+```ruby
+config.action_cable = true
+config.action_cable_url = "/cable" # match your `mount ActionCable... => ...`
+```
+
+A new message nudges the widget and the inbox to refresh at once; polling
+stays the fallback, so a dropped socket or a proxy that blocks WebSockets
+never means a missed message. The widget speaks the Action Cable protocol
+over a plain WebSocket — no `@rails/actioncable`, no build step — and only
+ever subscribes to a stream the server signed for it. Under a strict CSP,
+allow the socket with `connect-src 'self'`.
+
 ## The inbox
 
 Browse at the mount path: open and resolved tabs, unread badges, search

data/app/controllers/livechat/attachments_controller.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module Livechat
+  # Serves message attachments through the engine — never a public Active
+  # Storage URL — so every download is gated the same way the rest of the
+  # chat is: you get the file only if you can work the inbox, or you are the
+  # visitor whose conversation it belongs to. Streamed inline (not redirected
+  # to a signed blob URL), so no long-lived link ever escapes the gate.
+  class AttachmentsController < ApplicationController
+    def show
+      attachment = find_attachment
+      return head :not_found unless attachment
+
+      message = attachment.record
+      return head :forbidden unless message.is_a?(Livechat::Message) &&
+                                    authorized_for?(message.conversation)
+
+      stream(attachment.blob)
+    end
+
+    private
+
+    def find_attachment
+      return unless Livechat.attachments_enabled?
+
+      ActiveStorage::Attachment.find_by(id: params[:id], name: 'files',
+                                        record_type: Livechat::Message.name)
+    end
+
+    def authorized_for?(conversation)
+      return true if Livechat.agent?(request)
+      return false unless Livechat.enabled?(request)
+
+      owns_conversation?(conversation)
+    end
+
+    # Mirrors Conversation.for_visitor: a signed-in visitor owns their thread
+    # by id; a guest owns an unclaimed thread carrying their cookie token.
+    def owns_conversation?(conversation)
+      if current_visitor_id
+        conversation.visitor_id == current_visitor_id
+      elsif visitor_token.present?
+        conversation.visitor_id.nil? && conversation.visitor_token == visitor_token
+      else
+        false
+      end
+    end
+
+    # Images render inline (so the widget can show them in an <img>); anything
+    # else downloads. nosniff keeps the browser from second-guessing the type
+    # of a visitor-supplied file.
+    def stream(blob)
+      response.headers['X-Content-Type-Options'] = 'nosniff'
+      inline = blob.content_type.to_s.start_with?('image/')
+      send_data blob.download,
+                filename: blob.filename.to_s,
+                type: blob.content_type.presence || 'application/octet-stream',
+                disposition: inline ? 'inline' : 'attachment'
+    end
+  end
+end

data/app/controllers/livechat/conversations_controller.rb

@@ -58,7 +58,7 @@ module Livechat
 
       render json: {
         status: @conversation.status,
-        messages: messages.map { |message| thread_message_json(message) }
+        messages: messages.map { |message| message.as_inbox_json(@conversation) }
       }
     end
 
@@ -78,22 +78,6 @@ module Livechat
       @conversation = Conversation.find(params[:id])
     end
 
-    # The fields dashboard.js needs to render a message bubble, matching the
-    # thread partial: system events carry a ready localized line; visitor and
-    # agent messages carry a display name (for the author header) and body.
-    def thread_message_json(message)
-      if message.system?
-        { id: message.id, author: 'system',
-          text: t("livechat.events.#{message.event}", agent: message.agent_label,
-                                                      default: "%{agent} #{message.event} the conversation"),
-          at: message.created_at.to_fs(:short) }
-      else
-        { id: message.id, author: message.author_type,
-          name: message.agent? ? message.agent_label : @conversation.display_name,
-          body: message.body, at: message.created_at.to_fs(:short) }
-      end
-    end
-
     # Case-insensitive match on who the visitor is or anything anyone wrote.
     # LOWER(...) LIKE is deliberately plain SQL — portable across SQLite,
     # PostgreSQL and MySQL alike (feedback_engine's proven approach).

data/app/controllers/livechat/messages_controller.rb

@@ -9,7 +9,8 @@ module Livechat
       message = conversation.post_agent_message!(
         body: params[:body].to_s.strip,
         agent_id: current_agent_id,
-        agent_label: current_agent_label
+        agent_label: current_agent_label,
+        files: params[:files]
       )
       Notifications.agent_message(message)
 

data/app/controllers/livechat/visitor_controller.rb

@@ -28,6 +28,7 @@ module Livechat
         status: conversation.status,
         unread: conversation.messages.from_agent.unread.count,
         email: conversation.visitor_email.present?,
+        cable: cable_payload(conversation),
         messages: messages.map(&:as_widget_json)
       }
     end
@@ -40,7 +41,7 @@ module Livechat
       # conversation behind.
       ActiveRecord::Base.transaction do
         conversation = find_conversation || start_conversation
-        message = conversation.post_visitor_message!(params[:body].to_s.strip)
+        message = conversation.post_visitor_message!(params[:body].to_s.strip, files: params[:files])
       end
       refresh_context(message.conversation)
       Notifications.visitor_message(message)
@@ -102,7 +103,17 @@ module Livechat
     end
 
     def empty_state
-      { status: nil, unread: 0, email: false, messages: [] }
+      { status: nil, unread: 0, email: false, cable: nil, messages: [] }
+    end
+
+    # The signed stream token and cable URL the widget subscribes with, or nil
+    # when push is off. The token is scoped to this conversation and only
+    # reaches a visitor who already passed the gate to read it.
+    def cable_payload(conversation)
+      return unless Livechat.action_cable_enabled?
+
+      { url: Livechat.config.action_cable_url,
+        stream: Livechat.sign_stream("livechat:conversation:#{conversation.id}") }
     end
   end
 end

data/app/helpers/livechat/inbox_helper.rb

@@ -14,5 +14,37 @@ module Livechat
 
       tag.span(initials, class: "avatar color-#{color}", title: label)
     end
+
+    # A message's attachments, rendered like the widget: images inline as
+    # thumbnails, everything else as a download link. Both point at the gated
+    # engine route, never a public blob URL.
+    def livechat_message_attachments(message)
+      attachments = message.attachments_json
+      return if attachments.empty?
+
+      tag.div(class: 'atts') do
+        safe_join(attachments.map { |attachment| livechat_attachment_link(attachment) })
+      end
+    end
+
+    # data-* attributes that hand dashboard.js a signed cable stream to watch,
+    # or {} when push is off. Merge into the element that already polls, so a
+    # nudge just fires its existing refresh sooner.
+    def livechat_cable_data(stream_name)
+      return {} unless Livechat.action_cable_enabled?
+
+      { 'cable-url' => Livechat.config.action_cable_url,
+        'cable-stream' => Livechat.sign_stream(stream_name) }
+    end
+
+    def livechat_attachment_link(attachment)
+      if attachment[:image]
+        link_to image_tag(attachment[:url], alt: attachment[:name], loading: 'lazy'),
+                attachment[:url], target: '_blank', rel: 'noopener', class: 'att-img'
+      else
+        link_to attachment[:name], attachment[:url],
+                target: '_blank', rel: 'noopener', class: 'att-file'
+      end
+    end
   end
 end

data/app/models/livechat/conversation.rb

@@ -42,16 +42,22 @@ module Livechat
         .update_all(visitor_id: visitor_id.to_s, visitor_label: visitor_label)
     end
 
-    def post_visitor_message!(body)
+    def post_visitor_message!(body, files: nil)
       transaction do
         update!(status: 'open') if resolved?
-        messages.create!(author_type: 'visitor', body: body)
+        message = messages.new(author_type: 'visitor', body: body)
+        attach(message, files)
+        message.save!
+        message
       end
     end
 
-    def post_agent_message!(body:, agent_id:, agent_label:)
-      messages.create!(author_type: 'agent', body: body,
-                       agent_id: agent_id.to_s, agent_label: agent_label)
+    def post_agent_message!(body:, agent_id:, agent_label:, files: nil)
+      message = messages.new(author_type: 'agent', body: body,
+                             agent_id: agent_id.to_s, agent_label: agent_label)
+      attach(message, files)
+      message.save!
+      message
     end
 
     def resolve_by!(agent_label)
@@ -76,7 +82,7 @@ module Livechat
     # with update_columns: cheap, no callbacks, no updated_at churn.
     def register_message(message)
       updates = { last_activity_at: message.created_at }
-      updates[:last_message_preview] = message.body.to_s.truncate(140) unless message.system?
+      updates[:last_message_preview] = message.preview unless message.system?
       update_columns(updates)
     end
 
@@ -96,6 +102,16 @@ module Livechat
 
     private
 
+    # Attach only real uploads, and only where attachments are enabled — a
+    # host without Active Storage (or with attachments off) drops the files
+    # silently and the text message still goes through.
+    def attach(message, files)
+      return unless Livechat.attachments_enabled?
+
+      uploads = Array(files).select { |file| file.respond_to?(:read) }
+      message.files.attach(uploads) if uploads.any?
+    end
+
     # Every conversation belongs to someone — a signed-in user or at least a
     # guest cookie. An unattributable thread could never be shown to its
     # visitor again.

data/app/models/livechat/message.rb

@@ -10,13 +10,22 @@ module Livechat
     EVENTS = %w[resolved reopened].freeze
     MAX_BODY_LENGTH = 5_000
 
+    # Attachments ride on Active Storage, which the host installs (it's a
+    # standard Rails feature, not a livechat table). Where it isn't present
+    # the association simply isn't declared and everything stays text-only.
+    ATTACHMENTS_SUPPORTED = defined?(ActiveStorage) ? true : false
+    def self.attachments_supported? = ATTACHMENTS_SUPPORTED
+
     belongs_to :conversation
+    has_many_attached :files if ATTACHMENTS_SUPPORTED
 
     validates :author_type, inclusion: { in: AUTHOR_TYPES }
-    validates :body, presence: true, length: { maximum: MAX_BODY_LENGTH }, unless: :system?
+    validates :body, length: { maximum: MAX_BODY_LENGTH }, allow_blank: true
+    validates :body, presence: true, unless: :body_optional?
     validates :agent_id, presence: true, if: :agent?
     validates :event, presence: true, inclusion: { in: EVENTS }, if: :system?
     validates :event, absence: true, unless: :system?
+    validate :attachments_within_limits, if: :files_attached?
 
     scope :chronological, -> { order(:id) }
     scope :after_id, ->(id) { where(id: (id.to_i + 1)..) }
@@ -24,7 +33,7 @@ module Livechat
     scope :from_agent, -> { where(author_type: 'agent') }
     scope :unread, -> { where(read_at: nil) }
 
-    after_create_commit { conversation.register_message(self) }
+    after_create_commit :on_created
 
     AUTHOR_TYPES.each do |type|
       define_method(:"#{type}?") { author_type == type }
@@ -39,6 +48,26 @@ module Livechat
       agent? ? Livechat.display_name_for(agent_label) : nil
     end
 
+    # The attached files, or an empty list where Active Storage is absent or
+    # attachments are off — callers never have to branch on support.
+    def attached_files
+      files_attached? ? files : []
+    end
+
+    def files_attached?
+      Livechat.attachments_enabled? && files.attached?
+    end
+
+    # A one-line summary for the inbox list: the body, or a note of what was
+    # attached when a message is files-only.
+    def preview
+      return body.to_s.truncate(140) if body.present?
+      return '' unless files_attached?
+
+      names = files.map { |file| file.filename.to_s }
+      names.one? ? "📎 #{names.first}" : "📎 #{names.size} files"
+    end
+
     def as_widget_json
       {
         id: id,
@@ -46,8 +75,87 @@ module Livechat
         label: public_label,
         body: system? ? nil : body,
         event: event,
+        attachments: attachments_json,
         at: created_at.iso8601
       }
     end
+
+    # The shape the inbox renders — mirrors the thread partial. system events
+    # carry a ready localized line; visitor and agent messages carry a display
+    # name for the author header. Lives here (not in the controller) so an
+    # Action Cable broadcast can build it without a request.
+    def as_inbox_json(conversation = self.conversation)
+      if system?
+        { id: id, author: 'system',
+          text: I18n.t("livechat.events.#{event}", agent: agent_label,
+                                                   default: "%{agent} #{event} the conversation"),
+          at: created_at.to_fs(:short) }
+      else
+        { id: id, author: author_type,
+          name: agent? ? agent_label : conversation.display_name,
+          body: body, attachments: attachments_json, at: created_at.to_fs(:short) }
+      end
+    end
+
+    # [{ id:, name:, url:, image:, size: }] — url is the gated engine route,
+    # image flags the ones the client renders inline instead of as a link.
+    def attachments_json
+      return [] unless files_attached?
+
+      base = Livechat.config.mount_path.to_s.chomp('/')
+      files.map do |file|
+        { id: file.id,
+          name: file.filename.to_s,
+          url: "#{base}/attachments/#{file.id}",
+          image: file.content_type.to_s.start_with?('image/'),
+          size: file.byte_size }
+      end
+    end
+
+    private
+
+    # A visitor/agent message needs a body unless it carries a file instead —
+    # an image with no caption is a perfectly good message. System messages
+    # never have a body.
+    def body_optional?
+      system? || files_attached?
+    end
+
+    def attachments_within_limits
+      config = Livechat.config
+      if files.size > config.max_attachments
+        errors.add(:base, I18n.t('livechat.attachments.too_many', count: config.max_attachments,
+                                                                  default: 'Too many files (max %{count}).'))
+      end
+
+      files.each do |file|
+        if file.byte_size > config.max_attachment_size
+          errors.add(:base, I18n.t('livechat.attachments.too_large', name: file.filename,
+                                                                     default: '%{name} is too large.'))
+        end
+        types = config.allowed_attachment_types
+        next if types.blank? || types.include?(file.content_type)
+
+        errors.add(:base, I18n.t('livechat.attachments.type_rejected', name: file.filename,
+                                                                       default: "%{name}'s type isn't allowed."))
+      end
+    end
+
+    def on_created
+      conversation.register_message(self)
+      broadcast_new_message
+    end
+
+    # Nudge — not the payload — so the client refetches through its normal,
+    # authorized path and the rendering/dedup/read logic stays in one place.
+    # Rescued: a chat must never break because a cable backend hiccuped.
+    def broadcast_new_message
+      return unless Livechat.action_cable_enabled?
+
+      ActionCable.server.broadcast("livechat:conversation:#{conversation_id}", { nudge: id })
+      ActionCable.server.broadcast('livechat:inbox', { nudge: id })
+    rescue StandardError => e
+      Rails.logger.error("[livechat] cable broadcast failed: #{e.class}: #{e.message}")
+    end
   end
 end

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

@@ -85,12 +85,20 @@
     .thread .msg.agent { align-self: flex-end; background: var(--accent); color: var(--accent-text);
                          border-bottom-right-radius: 4px; }
     .thread .system { align-self: center; color: var(--muted); font-size: 12px; margin: 8px 0; }
+    .thread .msg .atts { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
+    .thread .msg .att-img img { max-width: 100%; max-height: 240px; border-radius: 8px; display: block; }
+    .thread .msg .att-file { display: inline-block; padding: 6px 10px; border-radius: 8px;
+                             background: rgba(0,0,0,.06); color: inherit; font-size: 13px;
+                             overflow-wrap: anywhere; }
+    .thread .msg.agent .att-file { background: rgba(255,255,255,.2); }
     #new-messages { margin: 12px 0 0; }
     #new-messages a { font-weight: 600; }
     .reply { display: flex; gap: 8px; padding: 12px; border-top: 1px solid var(--border); }
-    .reply textarea { flex: 1; resize: vertical; min-height: 44px; max-height: 200px; padding: 8px 10px;
+    .reply .compose { flex: 1; display: flex; flex-direction: column; gap: 6px; }
+    .reply textarea { resize: vertical; min-height: 44px; max-height: 200px; padding: 8px 10px;
                       border: 1px solid var(--border); border-radius: 10px; font: inherit;
                       background: var(--bg); color: var(--text); }
+    .reply input[type=file] { font-size: 12px; color: var(--muted); }
     .reply button.send { align-self: flex-end; width: 42px; min-width: 42px; height: 42px; padding: 0;
                          display: flex; align-items: center; justify-content: center;
                          background: var(--accent); border-color: var(--accent); color: var(--accent-text);

data/app/views/livechat/conversations/index.html.erb

@@ -19,9 +19,11 @@
 
 <%# The list keeps itself fresh (dashboard.js reloads when the token moves) —
     unless the agent is mid-search, whose typing must never be eaten. %>
+<% cable = livechat_cable_data('livechat:inbox') %>
 <div id="lvc-index" data-poll-url="<%= poll_conversations_path %>"
      data-token="<%= [Livechat::Message.maximum(:id).to_i, Livechat::Conversation.count,
-                      @counts.fetch('open', 0)].join('-') %>"></div>
+                      @counts.fetch('open', 0)].join('-') %>"
+     <%= tag.attributes(data: cable) if cable.any? %>></div>
 
 <div class="card">
   <% if @conversations.empty? %>

data/app/views/livechat/conversations/show.html.erb

@@ -31,10 +31,12 @@
 
 <div class="card">
   <% last = @messages.last %>
+  <% cable = livechat_cable_data("livechat:conversation:#{@conversation.id}") %>
   <div class="thread" id="thread"
        data-poll-url="<%= poll_conversation_path(@conversation) %>"
        data-latest="<%= last&.id.to_i %>"
-       data-last-author="<%= (last && !last.system?) ? "#{last.author_type}:#{last.agent_label}" : '' %>">
+       data-last-author="<%= (last && !last.system?) ? "#{last.author_type}:#{last.agent_label}" : '' %>"
+       <%= tag.attributes(data: cable) if cable.any? %>>
     <% previous_author = nil %>
     <% @messages.each do |message| %>
       <% if message.system? %>
@@ -53,14 +55,21 @@
           </p>
           <% previous_author = author_key %>
         <% end %>
-        <div class="msg <%= message.author_type %>" id="message-<%= message.id %>"><%= message.body %></div>
+        <div class="msg <%= message.author_type %>" id="message-<%= message.id %>"><%= message.body %><%= livechat_message_attachments(message) %></div>
       <% end %>
     <% end %>
   </div>
 
-  <%= form_with url: conversation_messages_path(@conversation), method: :post, class: 'reply' do |form| %>
-    <%= form.text_area :body, rows: 2, autofocus: true, required: true,
-                       placeholder: t('livechat.dashboard.reply_placeholder', default: 'Write your reply…') %>
+  <%= form_with url: conversation_messages_path(@conversation), method: :post,
+                multipart: true, class: 'reply' do |form| %>
+    <div class="compose">
+      <%= form.text_area :body, rows: 2, autofocus: true, required: !Livechat.attachments_enabled?,
+                         placeholder: t('livechat.dashboard.reply_placeholder', default: 'Write your reply…') %>
+      <% if Livechat.attachments_enabled? %>
+        <%= form.file_field :files, multiple: true,
+                            aria: { label: t('livechat.dashboard.attach', default: 'Attach files') } %>
+      <% end %>
+    </div>
     <button type="submit" class="primary send"
             aria-label="<%= t('livechat.dashboard.send', default: 'Send') %>"
             title="<%= t('livechat.dashboard.send', default: 'Send') %>">

data/config/locales/livechat.ar.yml

@@ -17,6 +17,13 @@ ar:
     error_send: "تعذر الإرسال. يرجى المحاولة مرة أخرى."
     error_rate_limited: "رسائل كثيرة جدًا. يرجى الانتظار قليلًا والمحاولة مرة أخرى."
     unread_aria: "رسائل غير مقروءة"
+    attach: "إرفاق ملفات"
+    remove_file: "إزالة الملف"
+    attachment_error: "تعذر إرسال بعض الملفات."
+    attachments:
+      too_many: "ملفات كثيرة جدًا (بحد أقصى %{count})."
+      too_large: "%{name} كبير جدًا."
+      type_rejected: "نوع %{name} غير مسموح به."
     statuses:
       open: "مفتوحة"
       resolved: "محلولة"
@@ -36,6 +43,7 @@ ar:
       reopen: "إعادة فتح"
       reply_placeholder: "اكتب ردك…"
       send: "إرسال"
+      attach: "إرفاق ملفات"
       newer: "الأحدث"
       older: "الأقدم"
     mail:

data/config/locales/livechat.bg.yml

@@ -17,6 +17,13 @@ bg:
     error_send: "Изпращането не бе успешно. Моля, опитайте отново."
     error_rate_limited: "Твърде много съобщения. Моля, изчакайте малко и опитайте отново."
     unread_aria: "непрочетени съобщения"
+    attach: "Прикачване на файлове"
+    remove_file: "Премахване на файла"
+    attachment_error: "Някои файлове не можаха да бъдат изпратени."
+    attachments:
+      too_many: "Твърде много файлове (макс. %{count})."
+      too_large: "%{name} е твърде голям."
+      type_rejected: "Типът на %{name} не е разрешен."
     statuses:
       open: "Отворен"
       resolved: "Разрешен"
@@ -36,6 +43,7 @@ bg:
       reopen: "Отвори отново"
       reply_placeholder: "Напишете отговора си…"
       send: "Изпрати"
+      attach: "Прикачване на файлове"
       newer: "По-нови"
       older: "По-стари"
     mail:

data/config/locales/livechat.bn.yml

@@ -17,6 +17,13 @@ bn:
     error_send: "পাঠানো যায়নি। অনুগ্রহ করে আবার চেষ্টা করুন।"
     error_rate_limited: "অনেক বেশি বার্তা। একটু অপেক্ষা করে আবার চেষ্টা করুন।"
     unread_aria: "অপঠিত বার্তা"
+    attach: "ফাইল সংযুক্ত করুন"
+    remove_file: "ফাইল সরান"
+    attachment_error: "কিছু ফাইল পাঠানো যায়নি।"
+    attachments:
+      too_many: "অনেক বেশি ফাইল (সর্বোচ্চ %{count})।"
+      too_large: "%{name} খুব বড়।"
+      type_rejected: "%{name}-এর ধরন অনুমোদিত নয়।"
     statuses:
       open: "খোলা"
       resolved: "সমাধান হয়েছে"
@@ -36,6 +43,7 @@ bn:
       reopen: "আবার খুলুন"
       reply_placeholder: "আপনার উত্তর লিখুন…"
       send: "পাঠান"
+      attach: "ফাইল সংযুক্ত করুন"
       newer: "নতুনতর"
       older: "পুরনো"
     mail:

data/config/locales/livechat.de.yml

@@ -17,6 +17,13 @@ de:
     error_send: "Senden fehlgeschlagen. Bitte versuchen Sie es erneut."
     error_rate_limited: "Zu viele Nachrichten. Bitte warten Sie einen Moment und versuchen Sie es erneut."
     unread_aria: "ungelesene Nachrichten"
+    attach: "Dateien anhängen"
+    remove_file: "Datei entfernen"
+    attachment_error: "Einige Dateien konnten nicht gesendet werden."
+    attachments:
+      too_many: "Zu viele Dateien (max. %{count})."
+      too_large: "%{name} ist zu groß."
+      type_rejected: "Der Typ von %{name} ist nicht zulässig."
     statuses:
       open: "Offen"
       resolved: "Gelöst"
@@ -36,6 +43,7 @@ de:
       reopen: "Wieder öffnen"
       reply_placeholder: "Antwort schreiben…"
       send: "Senden"
+      attach: "Dateien anhängen"
       newer: "Neuere"
       older: "Ältere"
     mail: