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/widget/views/Home.vue

@@ -0,0 +1,47 @@
+<script>
+import TeamAvailability from 'widget/components/TeamAvailability.vue';
+import { mapGetters } from 'vuex';
+import { useRouter } from 'vue-router';
+import configMixin from 'widget/mixins/configMixin';
+import ArticleContainer from '../components/pageComponents/Home/Article/ArticleContainer.vue';
+export default {
+  name: 'Home',
+  components: {
+    ArticleContainer,
+    TeamAvailability,
+  },
+  mixins: [configMixin],
+  setup() {
+    const router = useRouter();
+    return { router };
+  },
+  computed: {
+    ...mapGetters({
+      availableAgents: 'agent/availableAgents',
+      conversationSize: 'conversation/getConversationSize',
+      unreadMessageCount: 'conversation/getUnreadMessageCount',
+    }),
+  },
+  methods: {
+    startConversation() {
+      if (this.preChatFormEnabled && !this.conversationSize) {
+        return this.router.replace({ name: 'prechat-form' });
+      }
+      return this.router.replace({ name: 'messages' });
+    },
+  },
+};
+</script>
+
+<template>
+  <div class="z-50 flex flex-col justify-end flex-1 w-full p-4 gap-4">
+    <TeamAvailability
+      :available-agents="availableAgents"
+      :has-conversation="!!conversationSize"
+      :unread-count="unreadMessageCount"
+      @start-conversation="startConversation"
+    />
+
+    <ArticleContainer />
+  </div>
+</template>