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/store/modules/specs/conversationWatchers/actions.spec.js

@@ -0,0 +1,62 @@
+import axios from 'axios';
+import { actions } from '../../conversationWatchers';
+import types from '../../../mutation-types';
+
+const commit = vi.fn();
+global.axios = axios;
+vi.mock('axios');
+
+describe('#actions', () => {
+  describe('#get', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.get.mockResolvedValue({ data: { id: 1 } });
+      await actions.show({ commit }, { conversationId: 1 });
+      expect(commit.mock.calls).toEqual([
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isFetching: true }],
+        [
+          types.SET_CONVERSATION_PARTICIPANTS,
+          { conversationId: 1, data: { id: 1 } },
+        ],
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.get.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.show({ commit }, { conversationId: 1 })
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isFetching: true }],
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+  });
+
+  describe('#update', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.patch.mockResolvedValue({ data: [{ id: 2 }] });
+      await actions.update(
+        { commit },
+        { conversationId: 2, userIds: [{ id: 2 }] }
+      );
+      expect(commit.mock.calls).toEqual([
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isUpdating: true }],
+        [
+          types.SET_CONVERSATION_PARTICIPANTS,
+          { conversationId: 2, data: [{ id: 2 }] },
+        ],
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.patch.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.update({ commit }, { conversationId: 1, content: 'hi' })
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isUpdating: true }],
+        [types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+  });
+});

app/javascript/dashboard/store/modules/specs/conversationWatchers/fixtures.js

@@ -0,0 +1,14 @@
+export const data = [
+  {
+    id: 1,
+    name: 'Uno',
+  },
+  {
+    id: 2,
+    name: 'Dos',
+  },
+  {
+    id: 3,
+    name: 'Tres',
+  },
+];

app/javascript/dashboard/store/modules/specs/conversationWatchers/getters.spec.js

@@ -0,0 +1,22 @@
+import { getters } from '../../conversationWatchers';
+import watchersData from './fixtures';
+
+describe('#getters', () => {
+  it('getByConversationId', () => {
+    const state = { records: { 1: watchersData } };
+    expect(getters.getByConversationId(state)(1)).toEqual(watchersData);
+  });
+
+  it('getUIFlags', () => {
+    const state = {
+      uiFlags: {
+        isFetching: false,
+        isUpdating: false,
+      },
+    };
+    expect(getters.getUIFlags(state)).toEqual({
+      isFetching: false,
+      isUpdating: false,
+    });
+  });
+});

app/javascript/dashboard/store/modules/specs/conversationWatchers/mutations.spec.js

@@ -0,0 +1,37 @@
+import types from '../../../mutation-types';
+import { mutations } from '../../conversationWatchers';
+
+describe('#mutations', () => {
+  describe('#SET_CONVERSATION_PARTICIPANTS', () => {
+    it('sets an individual record', () => {
+      let state = {
+        records: {},
+      };
+
+      mutations[types.SET_CONVERSATION_PARTICIPANTS](state, {
+        data: [],
+        conversationId: 1,
+      });
+      expect(state.records).toEqual({ 1: [] });
+    });
+  });
+
+  describe('#SET_CONVERSATION_PARTICIPANTS_UI_FLAG', () => {
+    it('set ui flags', () => {
+      let state = {
+        uiFlags: {
+          isFetching: true,
+          isUpdating: false,
+        },
+      };
+
+      mutations[types.SET_CONVERSATION_PARTICIPANTS_UI_FLAG](state, {
+        isFetching: false,
+      });
+      expect(state.uiFlags).toEqual({
+        isFetching: false,
+        isUpdating: false,
+      });
+    });
+  });
+});