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/javascript/dashboard/api/inbox/message.js

@@ -0,0 +1,113 @@
+/* eslint no-console: 0 */
+/* global axios */
+import ApiClient from '../ApiClient';
+
+export const buildCreatePayload = ({
+  message,
+  isPrivate,
+  contentAttributes,
+  echoId,
+  files,
+  ccEmails = '',
+  bccEmails = '',
+  toEmails = '',
+  templateParams,
+}) => {
+  let payload;
+  if (files && files.length !== 0) {
+    payload = new FormData();
+    if (message) {
+      payload.append('content', message);
+    }
+    files.forEach(file => {
+      payload.append('attachments[]', file);
+    });
+    payload.append('private', isPrivate);
+    payload.append('echo_id', echoId);
+    payload.append('cc_emails', ccEmails);
+    payload.append('bcc_emails', bccEmails);
+
+    if (toEmails) {
+      payload.append('to_emails', toEmails);
+    }
+    if (contentAttributes) {
+      payload.append('content_attributes', JSON.stringify(contentAttributes));
+    }
+  } else {
+    payload = {
+      content: message,
+      private: isPrivate,
+      echo_id: echoId,
+      content_attributes: contentAttributes,
+      cc_emails: ccEmails,
+      bcc_emails: bccEmails,
+      to_emails: toEmails,
+      template_params: templateParams,
+    };
+  }
+  return payload;
+};
+
+class MessageApi extends ApiClient {
+  constructor() {
+    super('conversations', { accountScoped: true });
+  }
+
+  create({
+    conversationId,
+    message,
+    private: isPrivate,
+    contentAttributes,
+    echo_id: echoId,
+    files,
+    ccEmails = '',
+    bccEmails = '',
+    toEmails = '',
+    templateParams,
+  }) {
+    return axios({
+      method: 'post',
+      url: `${this.url}/${conversationId}/messages`,
+      data: buildCreatePayload({
+        message,
+        isPrivate,
+        contentAttributes,
+        echoId,
+        files,
+        ccEmails,
+        bccEmails,
+        toEmails,
+        templateParams,
+      }),
+    });
+  }
+
+  delete(conversationID, messageId) {
+    return axios.delete(`${this.url}/${conversationID}/messages/${messageId}`);
+  }
+
+  retry(conversationID, messageId) {
+    return axios.post(
+      `${this.url}/${conversationID}/messages/${messageId}/retry`
+    );
+  }
+
+  getPreviousMessages({ conversationId, after, before }) {
+    const params = { before };
+    if (after && Number(after) !== Number(before)) {
+      params.after = after;
+    }
+    return axios.get(`${this.url}/${conversationId}/messages`, { params });
+  }
+
+  translateMessage(conversationId, messageId, targetLanguage) {
+    return axios.post(
+      `${this.url}/${conversationId}/messages/${messageId}/translate`,
+      {
+        target_language: targetLanguage,
+      }
+    );
+  }
+}
+
+export default new MessageApi();