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/OrderDetail.vue

@@ -61,14 +61,23 @@ export default {
       return color;
     },
     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;
       }
@@ -141,10 +150,12 @@ export default {
         :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' || !action.style,
-          '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>