Initial commit: Add logistics and order_detail message types

- Add Logistics component with progress tracking
- Add OrderDetail component for order information
- Support data-driven steps and actions
- Add blue color scale to widget SCSS
- Fix node overflow and progress bar rendering issues
- Add English translations for dashboard components

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/views/mailers/agent_notifications/conversation_notifications_mailer/assigned_conversation_new_message.liquid

@@ -0,0 +1,7 @@
+<p>Hi {{user.available_name}},</p>
+
+<p>You have received a new message in your assigned conversation.</p>
+
+<p>
+Click <a href="{{action_url}}">here</a> to get cracking.
+</p>

app/views/mailers/agent_notifications/conversation_notifications_mailer/conversation_assignment.liquid

@@ -0,0 +1,31 @@
+<p>Hi {{user.available_name}},</p>
+
+<p>Time to save the world. A new conversation has been assigned to you</p>
+
+{% for chat_message in conversation.recent_messages %}
+  <div>
+    <h4 style="margin: 0;">
+      {% if chat_message.sender == user.available_name %}
+        You
+      {% else %}
+        {{chat_message.sender}}
+      {% endif %}
+    </h4>
+  </div>
+
+  <div style="padding: 10px 20px; margin: 5px 0 20px 0; background: #F2F3F7; border-radius: 10px; display: inline-block; font-family: 'Helvetica Neue',Tahoma,Arial,sans-serif; text-align: start; unicode-bidi: plaintext;">
+    {% if chat_message.content %}
+      {{chat_message.content}}
+    {% endif %}
+
+    {% if chat_message.attachments %}
+      {% for attachment in chat_message.attachments %}
+        Attachment [<a href="{{ attachment }}" _target="blank">Click here to view</a>]
+      {% endfor %}
+    {% endif %}
+  </div>
+{% endfor %}
+
+<p>
+Click <a href="{{action_url}}">here</a> to get cracking.
+</p>

app/views/mailers/agent_notifications/conversation_notifications_mailer/conversation_creation.liquid

@@ -0,0 +1,30 @@
+<p>Hi {{user.available_name}}</p>
+
+<p>
+  A new conversation (<a href="{{ action_url }}">#{{conversation.display_id}}</a>) has been created in {{ inbox.name }}.
+  <strong>{{ conversation.contact_name }}</strong> wrote:
+</p>
+
+{% for chat_message in conversation.recent_messages %}
+  <div>
+    <h4 style="margin: 0;">
+      {% if chat_message.sender == user.available_name %}
+        You
+      {% else %}
+        {{chat_message.sender}}
+      {% endif %}
+    </h4>
+  </div>
+
+  <div style="padding: 10px 20px; margin: 5px 0 20px 0; background: #F2F3F7; border-radius: 10px; display: inline-block; font-family: 'Helvetica Neue',Tahoma,Arial,sans-serif; text-align: start; unicode-bidi: plaintext;">
+    {% if chat_message.content %}
+      {{chat_message.content}}
+    {% endif %}
+
+    {% if chat_message.attachments %}
+      {% for attachment in chat_message.attachments %}
+        Attachment [<a href="{{ attachment }}" _target="blank">Click here to view</a>]
+      {% endfor %}
+    {% endif %}
+  </div>
+{% endfor %}

app/views/mailers/agent_notifications/conversation_notifications_mailer/conversation_mention.liquid

@@ -0,0 +1,34 @@
+<p>Hi {{user.available_name}}, </p>
+
+<p>You've been mentioned in a conversation. <b>{{message.sender_display_name}}</b> wrote:</p>
+<blockquote style="box-sizing:border-box; padding:8px 16px; margin:0 0 20px; font-size:14px; border-left:5px solid #eeeeee">
+  {{message.text_content}}
+</blockquote>
+
+<p><b>Previous messages:</b></p>
+{% for chat_message in conversation.recent_messages %}
+  <div>
+    <h4 style="margin: 0;">
+      {% if chat_message.sender == user.available_name %}
+        You
+      {% else %}
+        {{chat_message.sender}}
+      {% endif %}
+    </h4>
+  </div>
+
+  <div style="padding: 10px 20px; margin: 5px 0 20px 0; background: #F2F3F7; border-radius: 10px; display: inline-block; font-family: 'Helvetica Neue',Tahoma,Arial,sans-serif; text-align: start; unicode-bidi: plaintext;">
+    {% if chat_message.content %}
+      {{chat_message.content}}
+    {% endif %}
+
+    {% if chat_message.attachments %}
+      {% for attachment in chat_message.attachments %}
+        Attachment [<a href="{{ attachment }}" _target="blank">Click here to view</a>]
+      {% endfor %}
+    {% endif %}
+  </div>
+{% endfor %}
+<p>
+  <a href="{{ action_url }}">View Message</a>
+</p>

app/views/mailers/agent_notifications/conversation_notifications_mailer/participating_conversation_new_message.liquid

@@ -0,0 +1,5 @@
+<p>Hi {{user.available_name}},</p>
+
+<p>You have received a new message in a conversation you are participating.</p>
+
+<p>Click <a href="{{action_url}}">here</a> to get cracking.</p>

app/views/mailers/agent_notifications/conversation_notifications_mailer/sla_missed_first_response.liquid

@@ -0,0 +1,10 @@
+<p>Hi {{user.available_name}},</p>
+
+<p>
+  Conversation #{{conversation.display_id}} in {{ inbox.name }} 
+  has missed the SLA for first response  under policy {{ sla_policy.name }}.
+</p>
+
+<p>
+<a href="{{action_url}}">Please address immediately.</a>
+</p>

app/views/mailers/agent_notifications/conversation_notifications_mailer/sla_missed_next_response.liquid

@@ -0,0 +1,10 @@
+<p>Hi {{user.available_name}},</p>
+
+<p>
+  Conversation #{{conversation.display_id}} in {{ inbox.name }} 
+  has missed the SLA for next response under policy {{ sla_policy.name }}..
+</p>
+
+<p>
+<a href="{{action_url}}">Please address immediately.</a>
+</p>

app/views/mailers/agent_notifications/conversation_notifications_mailer/sla_missed_resolution.liquid

@@ -0,0 +1,10 @@
+<p>Hi {{user.available_name}},</p>
+
+<p>
+  Conversation #{{conversation.display_id}} in {{ inbox.name }} 
+  has missed the SLA for resolution time under policy {{ sla_policy.name }}.
+</p>
+
+<p>
+<a href="{{action_url}}">Please address immediately.</a>
+</p>