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

@@ -11,6 +11,7 @@ import IntegrationCard from './template/IntegrationCard.vue';
 import OrderList from 'shared/components/OrderList.vue';
 import OrderDetail from 'shared/components/OrderDetail.vue';
 import Logistics from 'shared/components/Logistics.vue';
+import ProductList from 'shared/components/ProductList.vue';
 
 export default {
   name: 'AgentMessageBubble',
@@ -26,6 +27,7 @@ export default {
     OrderList,
     OrderDetail,
     Logistics,
+    ProductList,
   },
   props: {
     message: { type: String, default: null },
@@ -84,6 +86,9 @@ export default {
     isLogistics() {
       return this.contentType === 'logistics';
     },
+    isProductList() {
+      return this.contentType === 'product_list';
+    },
   },
   methods: {
     onResponse(messageResponse) {
@@ -113,7 +118,7 @@ export default {
   <div class="chat-bubble-wrap">
     <div
       v-if="
-        !isCards && !isOptions && !isForm && !isArticle && !isCards && !isCSAT && !isTable && !isOrderList && !isOrderDetail && !isLogistics
+        !isCards && !isOptions && !isForm && !isArticle && !isCards && !isCSAT && !isTable && !isOrderList && !isOrderDetail && !isLogistics && !isProductList
       "
       class="chat-bubble agent bg-n-background dark:bg-n-solid-3 text-n-slate-12"
     >
@@ -202,5 +207,11 @@ export default {
       :steps="messageContentAttributes.steps"
       :actions="messageContentAttributes.actions"
     />
+    <ProductList
+      v-if="isProductList"
+      :title="messageContentAttributes.title"
+      :products="messageContentAttributes.products"
+      :actions="messageContentAttributes.actions"
+    />
   </div>
 </template>