feat: add search_image and product_list content types with image upload

## 新增功能

### 1. 新增消息类型
- 添加 search_image (17) 和 product_list (18) content_type
- 支持图片搜索和商品列表消息展示

### 2. 图片上传功能
- 添加 ImageUploadButton 组件，支持图片上传到 Mall API
- 上传后发送 search_image 类型消息，图片 URL 存储在 content_attributes
- 支持图片文件验证（类型、大小）

### 3. Webhook 推送优化
- 修改 webhook_listener.rb，允许 search_image 类型即使 content 为空也推送 webhook
- 解决 search_image 消息不触发 webhook 的问题

### 4. 前端组件
- 新增 SearchImage.vue 组件（widget 和 dashboard）
- 新增 ProductList.vue、Logistics.vue、OrderDetail.vue、OrderList.vue 组件
- 更新 Message.vue 路由逻辑支持新的 content_type
- 更新 UserMessage.vue 支持 search_image 消息显示

### 5. API 层修改
- widget/messages_controller.rb: 允许 content_attributes 参数
- widget/base_controller.rb: 使用前端传入的 content_attributes
- widget/conversation API: 支持 contentAttributes 参数传递
- conversation actions 和 helpers: 完整的 content_attributes 数据流

### 6. Widget 测试页面优化
- 重写 /widget_tests 页面，支持游客/用户模式切换
- 登录流程：使用 reset() + setUser()，不刷新页面
- 退出流程：使用 reset() + 刷新页面
- 添加详细的日志输出和状态显示

## 技术细节

### Message Model
```ruby
enum content_type: {
  # ...existing types...
  search_image: 17,
  product_list: 18
}
```

### Webhook Listener
```ruby
# Allow search_image webhook even if content is blank
return if message.content.blank? && message.content_type != 'search_image'
```

### Widget Upload Flow
```
用户选择图片
  → 上传到 Mall API
  → 获取图片 URL
  → 发送消息: { content: '', content_type: 'search_image', content_attributes: { url: '...' } }
```

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/javascript/shared/components/Logistics.vue

@@ -20,12 +20,9 @@
     <!-- 中间：步骤条 -->
     <div class="px-6 py-8 relative">
       <!-- 进度背景线 -->
-      <div class="absolute top-[42px] left-10 right-10 h-0.5 bg-n-slate-4 dark:bg-n-slate-6 z-0"></div>
-      <!-- 激活进度线 -->
       <div
-        v-if="currentStep < steps.length - 1"
-        class="absolute top-[42px] left-10 h-0.5 bg-n-blue-9 z-0"
-        :style="{ width: progressWidth }"
+        class="progress-bar absolute top-[42px] left-10 right-10 h-0.5 bg-n-slate-4 dark:bg-n-slate-6 z-0"
+        :style="{ '--progress-width': progressWidth }"
       ></div>
 
       <div class="relative z-10 flex justify-between">
@@ -70,10 +67,12 @@
         :key="index"
         @click="onActionClick(action)"
         class="flex-1 py-3 text-sm transition-colors"
-        :class="{
-          'text-n-slate-11 hover:bg-n-slate-2 dark:hover:bg-n-solid-2 border-r border-n-weak': action.style === 'default',
-          'text-n-blue-10 font-semibold hover:bg-n-blue-1 dark:hover:bg-n-solid-blue': action.style === 'primary'
-        }"
+        :class="[
+          action.style === 'primary'
+            ? 'text-n-blue-10 font-semibold hover:bg-n-blue-1 dark:hover:bg-n-solid-blue'
+            : 'text-n-slate-11 hover:bg-n-slate-2 dark:hover:bg-n-solid-2',
+          index < actions.length - 1 ? 'border-r border-n-weak' : ''
+        ]"
       >
         {{ action.text }}
       </button>
@@ -112,8 +111,10 @@ const currentStatusText = computed(() => {
 });
 
 const progressWidth = computed(() => {
+  // 限制 currentStep 在有效范围内
+  const validStep = Math.min(props.currentStep, props.steps.length - 1);
   // 计算进度条长度：(当前步骤 / 总步数间隔) * 100%
-  return `${(props.currentStep / (props.steps.length - 1)) * 100}%`;
+  return `${(validStep / (props.steps.length - 1)) * 100}%`;
 });
 
 const statusBadgeClass = computed(() => {
@@ -128,14 +129,23 @@ const copyTrackingNumber = () => {
 };
 
 const onActionClick = (action) => {
-  // 如果有 URL，在父窗口中打开
+  // 如果有 URL，根据 target 属性决定打开方式
   if (action && action.url) {
+    const target = action.target || '_self'; // 默认在当前窗口打开
     if (window.parent !== window) {
-      // 在 iframe 中，直接设置父窗口 location
-      window.parent.location.href = action.url;
+      // 在 iframe 中
+      if (target === '_blank') {
+        window.parent.open(action.url, '_blank');
+      } else {
+        window.parent.location.href = action.url;
+      }
     } else {
-      // 不在 iframe 中，直接使用当前窗口
-      window.location.href = action.url;
+      // 不在 iframe 中
+      if (target === '_blank') {
+        window.open(action.url, '_blank');
+      } else {
+        window.location.href = action.url;
+      }
     }
     return;
   }
@@ -151,5 +161,15 @@ const onActionClick = (action) => {
 </script>
 
 <style scoped>
-/* 如果需要微调 Tailwind 未覆盖的样式，可写在这里 */
+.progress-bar {
+  margin: 0 12px;
+}
+
+.progress-bar::after {
+  content: '';
+  display: block;
+  height: 100%;
+  background-color: #2563eb;
+  width: var(--progress-width, 0%);
+}
 </style>