turbo_chat 0.2.0 → 0.3.0

data/app/assets/stylesheets/turbo_chat/messages.css

@@ -0,0 +1,430 @@
+.chat-messages {
+  position: relative;
+  z-index: 2;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  min-height: 220px;
+  max-height: min(58vh, 540px);
+  overflow-y: auto;
+  padding: 6px 2px calc(4px + var(--chat-signal-offset));
+  box-sizing: border-box;
+  transition: padding-bottom 180ms ease;
+}
+
+.chat-bubble {
+  min-width: 0;
+  max-width: min(78%, 680px);
+  background: var(--chat-bubble-bg, #ffffff);
+  border-radius: 16px 16px 16px 8px;
+  padding: 12px 14px 10px;
+  border: 1px solid var(--chat-bubble-border, #d4deea);
+  box-shadow: 0 8px 18px rgba(18, 38, 63, 0.08);
+}
+
+.chat-bubble--own {
+  margin-left: auto;
+  background: var(--chat-bubble-bg, #e4f1ff);
+  border-color: var(--chat-bubble-border, #9bc9ff);
+  border-radius: 16px 16px 8px 16px;
+}
+
+.chat-system-message {
+  align-self: center;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  max-width: min(92%, 720px);
+  padding: 4px 10px;
+  border-radius: 999px;
+  border: 1px solid #d6e0ec;
+  background: rgba(244, 248, 253, 0.9);
+  color: #60758d;
+  font-size: 12px;
+  line-height: 1.3;
+}
+
+.chat-system-message__body {
+  margin: 0;
+}
+
+.chat-system-message__timestamp {
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.chat-meta {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+  font-size: 12px;
+  color: var(--chat-muted);
+  margin-bottom: 6px;
+  min-width: 0;
+}
+
+.chat-meta__author {
+  color: #1b324f;
+  font-weight: 700;
+  letter-spacing: 0.01em;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.chat-meta__role {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid #a8bad0;
+  border-radius: 999px;
+  padding: 1px 7px;
+  font-size: 10px;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background: #f4f8fd;
+}
+
+.chat-meta__source {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid #c6d5e7;
+  border-radius: 999px;
+  padding: 1px 7px;
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+  background: #edf3fb;
+  color: #35506f;
+}
+
+.chat-meta__timestamp {
+  margin-left: auto;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.chat-meta__edited {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 6px;
+  border-radius: 999px;
+  border: 1px solid #d6e0ec;
+  background: #f4f8fd;
+  color: #60758d;
+  font-size: 11px;
+  text-transform: lowercase;
+}
+
+.chat-body {
+  margin: 0;
+  font-size: 16px;
+  line-height: 1.45;
+  color: #12263f;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.chat-body p {
+  margin: 0 0 8px;
+}
+
+.chat-body p:last-child {
+  margin-bottom: 0;
+}
+
+.chat-body pre {
+  max-width: 100%;
+  overflow-x: auto;
+}
+
+.chat-body img,
+.chat-body video,
+.chat-body table {
+  max-width: 100%;
+  height: auto;
+}
+
+.chat-body table {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+}
+
+.chat-mention {
+  color: var(--chat-primary);
+  font-weight: 700;
+}
+
+.chat-mention--targeted {
+  background: var(--chat-mention-mark-background);
+  border-radius: 4px;
+  padding: 0 3px;
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
+}
+
+.chat-message-actions {
+  margin-top: 8px;
+  display: flex;
+  justify-content: flex-end;
+  opacity: 0;
+  transform: translateY(2px);
+  transition: opacity 150ms ease, transform 150ms ease;
+  pointer-events: none;
+}
+
+.chat-bubble:hover .chat-message-actions,
+.chat-bubble:focus-within .chat-message-actions,
+.chat-bubble--editing .chat-message-actions {
+  opacity: 1;
+  transform: translateY(0);
+  pointer-events: auto;
+}
+
+.chat-message-action {
+  font-size: 11px;
+  line-height: 1.2;
+  border: 1px solid #c9d6e6;
+  background: #f5f9ff;
+  border-radius: 999px;
+  padding: 3px 9px;
+  margin: 0;
+  color: var(--chat-primary-dark);
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.chat-message-action:hover {
+  background: #e6f0ff;
+}
+
+.chat-message-edit {
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px dashed #c5d3e3;
+}
+
+.chat-inline-edit-form {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.chat-inline-edit-field {
+  position: relative;
+}
+
+.chat-inline-edit-form textarea {
+  width: 100%;
+  min-height: 96px;
+  resize: vertical;
+}
+
+.chat-inline-edit-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.chat-inline-edit-error {
+  margin: 0 0 8px;
+  color: var(--chat-danger);
+  font-size: 12px;
+}
+
+.chat-signal-entry {
+  font-size: 12px;
+  color: var(--chat-muted);
+}
+
+.chat-signals {
+  flex: 0 0 auto;
+  min-height: 0;
+  max-height: 0;
+  opacity: 0;
+  overflow: hidden;
+  transition: max-height 200ms ease, opacity 200ms ease;
+}
+
+.chat-signals--active {
+  max-height: 120px;
+  opacity: 1;
+  overflow: visible;
+}
+
+.chat-typing-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: 9px;
+  font-size: 12px;
+  color: var(--chat-muted);
+  background: #edf3fb;
+  border: 1px solid #d2deed;
+  border-radius: 999px;
+  padding: 6px 12px;
+  overflow: hidden;
+  max-height: 34px;
+  opacity: 1;
+  transform: translateY(0);
+  transition: max-height 180ms ease, opacity 180ms ease, transform 180ms ease, padding 180ms ease;
+  animation: chat-signal-enter 200ms ease;
+}
+
+@keyframes chat-signal-enter {
+  from {
+    opacity: 0;
+    max-height: 0;
+    transform: translateY(8px);
+  }
+  to {
+    opacity: 1;
+    max-height: 34px;
+    transform: translateY(0);
+  }
+}
+
+.chat-typing-indicator--leaving {
+  max-height: 0;
+  opacity: 0;
+  padding: 0;
+  transform: translateY(-4px);
+}
+
+.chat-dots {
+  display: inline-flex;
+  gap: 3px;
+}
+
+.chat-signal-text {
+  display: inline-block;
+  max-width: 320px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.chat-signal-text--pulse {
+  animation: chat-signal-pulse 2s ease-in-out infinite;
+}
+
+@keyframes chat-signal-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
+.chat-signal-text--sheen {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  color: #4b6683;
+  font-weight: 600;
+}
+
+.chat-signal-text--sheen::before,
+.chat-signal-text--sheen::after {
+  color: #5f738a;
+  font-weight: 600;
+}
+
+.chat-signal-text--sheen::before {
+  content: "[";
+}
+
+.chat-signal-text--sheen::after {
+  content: "]";
+}
+
+.chat-signal-text-sheen {
+  display: inline-block;
+  max-width: 100%;
+  padding: 1px 2px;
+  border-radius: 4px;
+  background: linear-gradient(
+    100deg,
+    rgba(181, 204, 230, 0.28) 0%,
+    rgba(232, 243, 255, 0.75) 45%,
+    rgba(181, 204, 230, 0.28) 100%
+  );
+  background-size: 220% 100%;
+  animation: chat-signal-sheen 2.4s linear infinite;
+}
+
+@keyframes chat-signal-sheen {
+  0% {
+    background-position: 210% 0;
+  }
+  100% {
+    background-position: -10% 0;
+  }
+}
+
+.chat-dots i {
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: var(--chat-muted);
+  animation: chat-bounce 1.1s infinite ease-in-out;
+}
+
+.chat-dots i:nth-child(2) {
+  animation-delay: 0.15s;
+}
+
+.chat-dots i:nth-child(3) {
+  animation-delay: 0.3s;
+}
+
+@keyframes chat-bounce {
+  0%,
+  80%,
+  100% {
+    transform: translateY(0);
+    opacity: 0.45;
+  }
+  40% {
+    transform: translateY(-4px);
+    opacity: 1;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .chat-signal-text--pulse {
+    animation: none;
+  }
+  .chat-signal-text-sheen {
+    animation: none;
+  }
+  .chat-typing-indicator {
+    animation: none;
+  }
+}
+
+@media (max-width: 900px) {
+  .chat-messages {
+    min-height: 190px;
+  }
+
+  .chat-bubble {
+    max-width: 90%;
+  }
+}
+
+@media (max-width: 640px) {
+  .chat-bubble {
+    max-width: 100%;
+  }
+
+  .chat-meta__timestamp {
+    margin-left: 0;
+    width: 100%;
+  }
+
+  .chat-inline-edit-actions {
+    justify-content: stretch;
+  }
+
+  .chat-inline-edit-actions .chat-btn {
+    flex: 1 1 0;
+  }
+}

data/app/controllers/turbo_chat/application_controller.rb

@@ -58,18 +58,14 @@ module TurboChat
     end
 
     def authorize_post_message!(chat)
-      return head(:forbidden) if chat_input_disabled?
+      return head(:forbidden) if chat_input_disabled?(chat)
       return if permission_for(chat).can_post_message?
 
       head :forbidden
     end
 
-    def chat_input_disabled?
-      configuration = TurboChat.configuration
-      value = configuration.respond_to?(:disable_input) ? configuration.disable_input : false
-      ActiveModel::Type::Boolean.new.cast(value)
-    rescue NoMethodError, TypeError
-      false
+    def chat_input_disabled?(chat = nil)
+      TurboChat::Configuration.config_boolean(:disable_input, default: false, chat: chat)
     end
   end
 end

data/app/controllers/turbo_chat/chat_memberships_controller.rb

@@ -4,13 +4,20 @@ module TurboChat
 
     before_action :set_chat
     before_action -> { authorize_view_chat!(@chat) }
-    before_action :set_chat_membership, only: :update
+    before_action :set_chat_membership, only: %i[update mute ban]
     before_action :authorize_invite_member!, only: :create
     before_action :authorize_grant_member_permissions!, only: :update
+    before_action :authorize_mute_member!, only: :mute
+    before_action :authorize_ban_member!, only: :ban
 
     def create
       participant = invite_participant
       membership = @chat.chat_memberships.find_or_initialize_by(participant: participant)
+      if membership.persisted?
+        return redirect_to(chat_path(@chat), alert: "Participant is already in this chat") if membership.active?
+        return redirect_to(chat_path(@chat), alert: "Invitation already pending") if membership.pending?
+      end
+
       membership.assign_attributes(invitation_membership_attributes(membership))
 
       membership.save!
@@ -43,6 +50,25 @@ module TurboChat
       redirect_to chat_path(@chat), alert: error.record.errors.full_messages.to_sentence
     end
 
+    def mute
+      if @chat_membership.muted?
+        TurboChat::Moderation.unmute_member!(actor: current_chat_participant, membership: @chat_membership)
+        redirect_to chat_path(@chat), notice: "Member unmuted"
+      else
+        TurboChat::Moderation.mute_member!(actor: current_chat_participant, membership: @chat_membership)
+        redirect_to chat_path(@chat), notice: "Member muted"
+      end
+    rescue TurboChat::Moderation::AuthorizationError
+      head :forbidden
+    end
+
+    def ban
+      TurboChat::Moderation.ban_member!(actor: current_chat_participant, membership: @chat_membership)
+      redirect_to chat_path(@chat), notice: "Member removed"
+    rescue TurboChat::Moderation::AuthorizationError
+      head :forbidden
+    end
+
     private
 
     def set_chat
@@ -61,6 +87,14 @@ module TurboChat
       authorize_permission!(:can_grant_member_permissions?, @chat_membership)
     end
 
+    def authorize_mute_member!
+      authorize_permission!(:can_mute_member?, @chat_membership)
+    end
+
+    def authorize_ban_member!
+      authorize_permission!(:can_ban_member?, @chat_membership)
+    end
+
     def invite_params
       params.require(:chat_membership).permit(:participant_type, :participant_id)
     end

data/app/controllers/turbo_chat/chat_messages_controller.rb

@@ -82,8 +82,8 @@ module TurboChat
     def respond_to_chat_message_create_failure
       @chat_messages = @chat.visible_messages
       @chat_permission = permission_for(@chat)
-      @can_post_message = @chat_permission.can_post_message? && !chat_input_disabled?
-      @show_members = chat_config_boolean(:show_members, default: true)
+      @can_post_message = @chat_permission.can_post_message? && !chat_input_disabled?(@chat)
+      @show_members = chat_config_boolean(:show_members, default: true, chat: @chat)
       respond_to do |format|
         format.turbo_stream { render "turbo_chat/chats/show", status: :unprocessable_entity }
         format.html { render "turbo_chat/chats/show", status: :unprocessable_entity }
@@ -145,12 +145,8 @@ module TurboChat
 
     def normalize_submittable_message_kind(kind) = kind.to_s == "signal" ? "signal" : "message"
 
-    def chat_config_boolean(method_name, default:)
-      configuration = TurboChat.configuration
-      value = configuration.respond_to?(method_name) ? configuration.public_send(method_name) : default
-      ActiveModel::Type::Boolean.new.cast(value)
-    rescue NoMethodError, TypeError
-      default
+    def chat_config_boolean(method_name, default:, chat: nil)
+      TurboChat::Configuration.config_boolean(method_name, default: default, chat: chat)
     end
   end
 end

data/app/controllers/turbo_chat/chats_controller.rb

@@ -9,8 +9,7 @@ module TurboChat
     def index
       participant = current_chat_participant
       @chats = TurboChat::Chat.for_participant(participant).order(created_at: :desc, id: :desc)
-      @show_members = show_members_enabled?
-      @chat_member_counts = if @show_members
+      @chat_member_counts = if @chats.exists?
                               chat_ids = @chats.except(:order).select(:id)
                               TurboChat::ChatMembership.active.where(chat_id: chat_ids).group(:chat_id).count
                             else
@@ -61,10 +60,13 @@ module TurboChat
       @chat_lifecycle_event = chat_lifecycle_event_payload
       @chat_permission = permission_for(@chat)
       @chat_messages = @chat.visible_messages
-      @can_post_message = @chat_permission.can_post_message? && !chat_input_disabled?
-      @show_members = show_members_enabled?
+      @can_post_message = @chat_permission.can_post_message? && !chat_input_disabled?(@chat)
+      @show_members = show_members_enabled?(@chat)
       @can_invite_member = permission_allows?(@chat_permission, :can_invite_member?)
-      @can_manage_member_permissions = permission_allows?(@chat_permission, :can_grant_member_permissions?)
+      @can_grant_member_permissions = permission_allows?(@chat_permission, :can_grant_member_permissions?)
+      @can_mute_member = permission_allows?(@chat_permission, :can_mute_member?)
+      @can_ban_member = permission_allows?(@chat_permission, :can_ban_member?)
+      @can_manage_member_permissions = @can_grant_member_permissions || @can_mute_member || @can_ban_member
       @can_close_chat = @chat_permission.can_close_chat?
       @can_reopen_chat = @chat_permission.can_reopen_chat?
       @can_edit_own_messages = permission_allows?(@chat_permission, :can_edit_message?, fallback: @can_post_message)
@@ -95,14 +97,10 @@ module TurboChat
       @chat = TurboChat::Chat.find(params[:id])
     end
 
-    def chat_params = params.require(:chat).permit(:title)
+    def chat_params = params.require(:chat).permit(:title, :chat_mode)
 
-    def show_members_enabled?
-      configuration = TurboChat.configuration
-      value = configuration.respond_to?(:show_members) ? configuration.show_members : true
-      ActiveModel::Type::Boolean.new.cast(value)
-    rescue NoMethodError, TypeError
-      true
+    def show_members_enabled?(chat = nil)
+      TurboChat::Configuration.config_boolean(:show_members, default: true, chat: chat)
     end
 
     def pending_invitation_membership_for(participant, action:)