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/components/widgets/conversation/WhatsappTemplates/Modal.vue

@@ -0,0 +1,85 @@
+<script>
+import TemplatesPicker from './TemplatesPicker.vue';
+import WhatsAppTemplateReply from './WhatsAppTemplateReply.vue';
+export default {
+  components: {
+    TemplatesPicker,
+    WhatsAppTemplateReply,
+  },
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    },
+    inboxId: {
+      type: Number,
+      default: undefined,
+    },
+  },
+  emits: ['onSend', 'cancel', 'update:show'],
+  data() {
+    return {
+      selectedWaTemplate: null,
+    };
+  },
+  computed: {
+    localShow: {
+      get() {
+        return this.show;
+      },
+      set(value) {
+        this.$emit('update:show', value);
+      },
+    },
+    modalHeaderContent() {
+      return this.selectedWaTemplate
+        ? this.$t('WHATSAPP_TEMPLATES.MODAL.TEMPLATE_SELECTED_SUBTITLE', {
+            templateName: this.selectedWaTemplate.name,
+          })
+        : this.$t('WHATSAPP_TEMPLATES.MODAL.SUBTITLE');
+    },
+  },
+  methods: {
+    pickTemplate(template) {
+      this.selectedWaTemplate = template;
+    },
+    onResetTemplate() {
+      this.selectedWaTemplate = null;
+    },
+    onSendMessage(message) {
+      this.$emit('onSend', message);
+    },
+    onClose() {
+      this.$emit('cancel');
+    },
+  },
+};
+</script>
+
+<template>
+  <woot-modal v-model:show="localShow" :on-close="onClose" size="modal-big">
+    <woot-modal-header
+      :header-title="$t('WHATSAPP_TEMPLATES.MODAL.TITLE')"
+      :header-content="modalHeaderContent"
+    />
+    <div class="row modal-content">
+      <TemplatesPicker
+        v-if="!selectedWaTemplate"
+        :inbox-id="inboxId"
+        @on-select="pickTemplate"
+      />
+      <WhatsAppTemplateReply
+        v-else
+        :template="selectedWaTemplate"
+        @reset-template="onResetTemplate"
+        @send-message="onSendMessage"
+      />
+    </div>
+  </woot-modal>
+</template>
+
+<style scoped>
+.modal-content {
+  padding: 1.5625rem 2rem;
+}
+</style>