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/store/modules/articles.js

@@ -0,0 +1,66 @@
+import { getMostReadArticles } from 'widget/api/article';
+import { getFromCache, setCache } from 'shared/helpers/cache';
+
+const CACHE_KEY_PREFIX = 'chatwoot_most_read_articles_';
+
+const state = {
+  records: [],
+  uiFlags: {
+    isError: false,
+    hasFetched: false,
+    isFetching: false,
+  },
+};
+
+export const getters = {
+  uiFlags: $state => $state.uiFlags,
+  popularArticles: $state => $state.records,
+};
+
+export const actions = {
+  fetch: async ({ commit }, { slug, locale }) => {
+    commit('setIsFetching', true);
+    commit('setError', false);
+
+    try {
+      if (!locale) return;
+      const cachedData = getFromCache(`${CACHE_KEY_PREFIX}${slug}_${locale}`);
+      if (cachedData) {
+        commit('setArticles', cachedData);
+        return;
+      }
+
+      const { data } = await getMostReadArticles(slug, locale);
+      const { payload = [] } = data;
+
+      setCache(`${CACHE_KEY_PREFIX}${slug}_${locale}`, payload);
+      if (payload.length) {
+        commit('setArticles', payload);
+      }
+    } catch (error) {
+      commit('setError', true);
+    } finally {
+      commit('setIsFetching', false);
+    }
+  },
+};
+
+export const mutations = {
+  setArticles($state, data) {
+    $state.records = data;
+  },
+  setError($state, value) {
+    $state.uiFlags.isError = value;
+  },
+  setIsFetching($state, value) {
+    $state.uiFlags.isFetching = value;
+  },
+};
+
+export default {
+  namespaced: true,
+  state,
+  getters,
+  actions,
+  mutations,
+};