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/shared/helpers/vuex/mutationHelpers.js

@@ -0,0 +1,54 @@
+export const set = (state, data) => {
+  state.records = data;
+};
+
+export const create = (state, data) => {
+  state.records.push(data);
+};
+
+export const setSingleRecord = (state, data) => {
+  const recordIndex = state.records.findIndex(record => record.id === data.id);
+  if (recordIndex > -1) {
+    state.records[recordIndex] = data;
+  } else {
+    create(state, data);
+  }
+};
+
+export const update = (state, data) => {
+  state.records.forEach((element, index) => {
+    if (element.id === data.id) {
+      state.records[index] = data;
+    }
+  });
+};
+
+/* when you don't want to overwrite the whole object */
+export const updateAttributes = (state, data) => {
+  state.records.forEach((element, index) => {
+    if (element.id === data.id) {
+      state.records[index] = { ...state.records[index], ...data };
+    }
+  });
+};
+
+export const updatePresence = (state, data) => {
+  state.records.forEach((element, index) => {
+    const availabilityStatus = data[element.id];
+    state.records[index].availability_status = availabilityStatus || 'offline';
+  });
+};
+
+export const updateSingleRecordPresence = (
+  records,
+  { id, availabilityStatus }
+) => {
+  const [selectedRecord] = records.filter(record => record.id === Number(id));
+  if (selectedRecord) {
+    selectedRecord.availability_status = availabilityStatus;
+  }
+};
+
+export const destroy = (state, id) => {
+  state.records = state.records.filter(record => record.id !== id);
+};