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/draftMessages/actions.spec.js

@@ -0,0 +1,76 @@
+import axios from 'axios';
+import { actions } from '../../draftMessages';
+import types from '../../../mutation-types';
+
+const commit = vi.fn();
+global.axios = axios;
+vi.mock('axios');
+
+describe('#actions', () => {
+  describe('#set', () => {
+    it('sends correct actions', async () => {
+      await actions.set(
+        {
+          commit,
+          state: {
+            draftMessages: {},
+          },
+        },
+        { key: 'draft-32-REPLY', message: 'Hey how ' }
+      );
+      expect(commit.mock.calls).toEqual([
+        [
+          types.SET_DRAFT_MESSAGES,
+          {
+            key: 'draft-32-REPLY',
+            message: 'Hey how ',
+          },
+        ],
+      ]);
+    });
+  });
+
+  describe('#delete', () => {
+    it('sends correct actions', async () => {
+      await actions.delete(
+        {
+          commit,
+          state: {
+            draftMessages: {},
+          },
+        },
+        { key: 'draft-32-REPLY' }
+      );
+      expect(commit.mock.calls).toEqual([
+        [
+          types.SET_DRAFT_MESSAGES,
+          {
+            key: 'draft-32-REPLY',
+          },
+        ],
+      ]);
+    });
+  });
+
+  describe('#setReplyEditorMode', () => {
+    it('sends correct actions', async () => {
+      await actions.setReplyEditorMode(
+        {
+          commit,
+          state: {
+            draftMessages: {},
+          },
+        },
+        { mode: 'reply' }
+      );
+      expect(commit.mock.calls).toEqual([
+        [
+          types.SET_REPLY_EDITOR_MODE,
+          {
+            mode: 'reply',
+          },
+        ],
+      ]);
+    });
+  });
+});

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

@@ -0,0 +1 @@
+export const data = { 'draft-32-REPLY': 'Hey how ', 'draft-31-REPLY': 'Nice' };

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

@@ -0,0 +1,25 @@
+import { getters } from '../../draftMessages';
+import { data } from './fixtures';
+
+describe('#getters', () => {
+  it('return the payload if key is present', () => {
+    const state = {
+      records: data,
+    };
+    expect(getters.get(state)('draft-32-REPLY')).toEqual('Hey how ');
+  });
+
+  it('return empty string if key is not present', () => {
+    const state = {
+      records: data,
+    };
+    expect(getters.get(state)('draft-22-REPLY')).toEqual('');
+  });
+
+  it('return replyEditorMode', () => {
+    const state = {
+      replyEditorMode: 'reply',
+    };
+    expect(getters.getReplyEditorMode(state)).toEqual('reply');
+  });
+});

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

@@ -0,0 +1,45 @@
+import types from '../../../mutation-types';
+import { mutations } from '../../draftMessages';
+
+describe('#mutations', () => {
+  describe('#SET_DRAFT_MESSAGES', () => {
+    it('sets the draft messages', () => {
+      const state = {
+        records: {},
+      };
+      mutations[types.SET_DRAFT_MESSAGES](state, {
+        key: 'draft-32-REPLY',
+        message: 'Hey how ',
+      });
+      expect(state.records).toEqual({
+        'draft-32-REPLY': 'Hey how ',
+      });
+    });
+  });
+
+  describe('#REMOVE_DRAFT_MESSAGES', () => {
+    it('removes the draft messages', () => {
+      const state = {
+        records: {
+          'draft-32-REPLY': 'Hey how ',
+        },
+      };
+      mutations[types.REMOVE_DRAFT_MESSAGES](state, {
+        key: 'draft-32-REPLY',
+      });
+      expect(state.records).toEqual({});
+    });
+  });
+
+  describe('#SET_REPLY_EDITOR_MODE', () => {
+    it('sets the reply editor mode', () => {
+      const state = {
+        replyEditorMode: 'reply',
+      };
+      mutations[types.SET_REPLY_EDITOR_MODE](state, {
+        mode: 'note',
+      });
+      expect(state.replyEditorMode).toEqual('note');
+    });
+  });
+});