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/components/Branding.vue

@@ -0,0 +1,76 @@
+<script>
+import { useBranding } from 'shared/composables/useBranding';
+
+const {
+  LOGO_THUMBNAIL: logoThumbnail,
+  BRAND_NAME: brandName,
+  WIDGET_BRAND_URL: widgetBrandURL,
+} = window.globalConfig || {};
+
+export default {
+  props: {
+    disableBranding: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup() {
+    const { replaceInstallationName } = useBranding();
+    return {
+      replaceInstallationName,
+    };
+  },
+  data() {
+    return {
+      globalConfig: {
+        brandName,
+        logoThumbnail,
+        widgetBrandURL,
+      },
+    };
+  },
+  computed: {
+    brandRedirectURL() {
+      try {
+        const referrerHost = this.$store.getters['appConfig/getReferrerHost'];
+        const url = new URL(this.globalConfig.widgetBrandURL);
+        if (referrerHost) {
+          url.searchParams.set('utm_source', referrerHost);
+          url.searchParams.set('utm_medium', 'widget');
+        } else {
+          url.searchParams.set('utm_medium', 'survey');
+        }
+        url.searchParams.set('utm_campaign', 'branding');
+        return url.toString();
+      } catch (e) {
+        // Suppressing the error as getter is not defined in some cases
+      }
+      return '';
+    },
+  },
+};
+</script>
+
+<template>
+  <div
+    v-if="globalConfig.brandName && !disableBranding"
+    class="px-0 py-3 flex justify-center"
+  >
+    <a
+      :href="brandRedirectURL"
+      rel="noreferrer noopener nofollow"
+      target="_blank"
+      class="branding--link text-n-slate-11 hover:text-n-slate-12 cursor-pointer text-xs inline-flex grayscale-[1] hover:grayscale-0 hover:opacity-100 opacity-90 no-underline justify-center items-center leading-3"
+    >
+      <img
+        class="ltr:mr-1 rtl:ml-1 max-w-3 max-h-3"
+        :alt="globalConfig.brandName"
+        :src="globalConfig.logoThumbnail"
+      />
+      <span>
+        {{ replaceInstallationName($t('POWERED_BY')) }}
+      </span>
+    </a>
+  </div>
+  <div v-else class="p-3" />
+</template>