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/composables/chatlist/useChatListKeyboardEvents.js

@@ -0,0 +1,60 @@
+import { useKeyboardEvents } from 'dashboard/composables/useKeyboardEvents';
+
+export function useChatListKeyboardEvents(listRef) {
+  const getKeyboardListenerParams = () => {
+    const allConversations = listRef.value.querySelectorAll(
+      'div.conversations-list div.conversation'
+    );
+    const activeConversation = listRef.value.querySelector(
+      'div.conversations-list div.conversation.active'
+    );
+    const activeConversationIndex = [...allConversations].indexOf(
+      activeConversation
+    );
+    const lastConversationIndex = allConversations.length - 1;
+    return {
+      allConversations,
+      activeConversation,
+      activeConversationIndex,
+      lastConversationIndex,
+    };
+  };
+
+  const handleConversationNavigation = direction => {
+    const { allConversations, activeConversationIndex, lastConversationIndex } =
+      getKeyboardListenerParams();
+
+    // Determine the new index based on the direction
+    const newIndex =
+      direction === 'previous'
+        ? activeConversationIndex - 1
+        : activeConversationIndex + 1;
+
+    // Check if the new index is within the valid range
+    if (
+      allConversations.length > 0 &&
+      newIndex >= 0 &&
+      newIndex <= lastConversationIndex
+    ) {
+      // Click the conversation at the new index
+      allConversations[newIndex].click();
+    } else if (allConversations.length > 0) {
+      // If the new index is out of range, click the first or last conversation based on the direction
+      const fallbackIndex =
+        direction === 'previous' ? 0 : lastConversationIndex;
+      allConversations[fallbackIndex].click();
+    }
+  };
+  const keyboardEvents = {
+    'Alt+KeyJ': {
+      action: () => handleConversationNavigation('previous'),
+      allowOnFocusedInput: true,
+    },
+    'Alt+KeyK': {
+      action: () => handleConversationNavigation('next'),
+      allowOnFocusedInput: true,
+    },
+  };
+
+  useKeyboardEvents(keyboardEvents);
+}