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

@@ -0,0 +1,44 @@
+export const initOnEvents = ['click', 'touchstart', 'keypress', 'keydown'];
+
+export const getAudioContext = () => {
+  let audioCtx;
+  try {
+    audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+  } catch {
+    // AudioContext is not available.
+  }
+  return audioCtx;
+};
+
+// eslint-disable-next-line default-param-last
+export const getAlertAudio = async (baseUrl = '', requestContext) => {
+  const audioCtx = getAudioContext();
+  const playSound = audioBuffer => {
+    window.playAudioAlert = () => {
+      if (audioCtx) {
+        const source = audioCtx.createBufferSource();
+        source.buffer = audioBuffer;
+        source.connect(audioCtx.destination);
+        source.loop = false;
+        source.start();
+      }
+    };
+  };
+
+  if (audioCtx) {
+    const { type = 'dashboard', alertTone = 'ding' } = requestContext || {};
+    const resourceUrl = `${baseUrl}/audio/${type}/${alertTone}.mp3`;
+    const audioRequest = new Request(resourceUrl);
+
+    fetch(audioRequest)
+      .then(response => response.arrayBuffer())
+      .then(buffer => {
+        audioCtx.decodeAudioData(buffer).then(playSound);
+        // eslint-disable-next-line no-promise-executor-return
+        return new Promise(res => res());
+      })
+      .catch(() => {
+        // error
+      });
+  }
+};