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

@@ -0,0 +1,30 @@
+<script>
+export default {
+  name: 'AgentTypingBubble',
+};
+</script>
+
+<template>
+  <div class="agent-message-wrap sticky bottom-1">
+    <div class="agent-message">
+      <div class="avatar-wrap" />
+      <div class="message-wrap mt-2">
+        <div
+          class="chat-bubble agent typing-bubble bg-n-background dark:bg-n-solid-3"
+        >
+          <img
+            src="assets/images/typing.gif"
+            alt="Agent is typing a message"
+            class="!w-full"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.typing-bubble {
+  @apply max-w-[2.4rem] p-2 ltr:rounded-bl-[1.25rem] rtl:rounded-br-[1.25rem] ltr:rounded-tl-lg rtl:rounded-tr-lg;
+}
+</style>