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/reports.js

@@ -0,0 +1,113 @@
+/* global axios */
+import ApiClient from './ApiClient';
+
+const getTimeOffset = () => -new Date().getTimezoneOffset() / 60;
+
+class ReportsAPI extends ApiClient {
+  constructor() {
+    super('reports', { accountScoped: true, apiVersion: 'v2' });
+  }
+
+  getReports({
+    metric,
+    from,
+    to,
+    type = 'account',
+    id,
+    groupBy,
+    businessHours,
+  }) {
+    return axios.get(`${this.url}`, {
+      params: {
+        metric,
+        since: from,
+        until: to,
+        type,
+        id,
+        group_by: groupBy,
+        business_hours: businessHours,
+        timezone_offset: getTimeOffset(),
+      },
+    });
+  }
+
+  // eslint-disable-next-line default-param-last
+  getSummary(since, until, type = 'account', id, groupBy, businessHours) {
+    return axios.get(`${this.url}/summary`, {
+      params: {
+        since,
+        until,
+        type,
+        id,
+        group_by: groupBy,
+        business_hours: businessHours,
+        timezone_offset: getTimeOffset(),
+      },
+    });
+  }
+
+  getConversationMetric(type = 'account', page = 1) {
+    return axios.get(`${this.url}/conversations`, {
+      params: {
+        type,
+        page,
+      },
+    });
+  }
+
+  getAgentReports({ from: since, to: until, businessHours }) {
+    return axios.get(`${this.url}/agents`, {
+      params: { since, until, business_hours: businessHours },
+    });
+  }
+
+  getConversationsSummaryReports({ from: since, to: until, businessHours }) {
+    return axios.get(`${this.url}/conversations_summary`, {
+      params: { since, until, business_hours: businessHours },
+    });
+  }
+
+  getConversationTrafficCSV({ daysBefore = 6 } = {}) {
+    return axios.get(`${this.url}/conversation_traffic`, {
+      params: { timezone_offset: getTimeOffset(), days_before: daysBefore },
+    });
+  }
+
+  getLabelReports({ from: since, to: until, businessHours }) {
+    return axios.get(`${this.url}/labels`, {
+      params: { since, until, business_hours: businessHours },
+    });
+  }
+
+  getInboxReports({ from: since, to: until, businessHours }) {
+    return axios.get(`${this.url}/inboxes`, {
+      params: { since, until, business_hours: businessHours },
+    });
+  }
+
+  getTeamReports({ from: since, to: until, businessHours }) {
+    return axios.get(`${this.url}/teams`, {
+      params: { since, until, business_hours: businessHours },
+    });
+  }
+
+  getBotMetrics({ from, to } = {}) {
+    return axios.get(`${this.url}/bot_metrics`, {
+      params: { since: from, until: to },
+    });
+  }
+
+  getBotSummary({ from, to, groupBy, businessHours } = {}) {
+    return axios.get(`${this.url}/bot_summary`, {
+      params: {
+        since: from,
+        until: to,
+        type: 'account',
+        group_by: groupBy,
+        business_hours: businessHours,
+      },
+    });
+  }
+}
+
+export default new ReportsAPI();