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>

check_webhook.rb

@@ -0,0 +1,79 @@
+#!/usr/bin/env ruby
+# 检查 Webhook 配置
+
+require_relative 'config/environment'
+
+puts "=== Webhook 配置检查 ==="
+puts ""
+
+# 1. 检查 Account 2
+account = Account.find(2)
+puts "✅ Account ID: #{account.id}"
+puts "   Name: #{account.name}"
+puts ""
+
+# 2. 检查 Webhooks
+webhooks = account.webhooks
+puts "📊 Webhooks 数量: #{webhooks.count}"
+puts ""
+
+if webhooks.count == 0
+  puts "⚠️ 没有配置 Webhook!"
+  puts ""
+  puts "💡 创建 Webhook 的方法："
+  puts "   在 Rails console 中执行："
+  puts ""
+  puts "   account = Account.find(2)"
+  puts "   account.webhooks.create!("
+  puts "     webhook_url: 'https://your-domain.com/webhook',"
+  puts "     subscriptions: ['conversation_created', 'message_created'],"
+  puts "     active: true"
+  puts "   )"
+else
+  webhooks.each do |webhook|
+    puts "━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
+    puts "Webhook ID: #{webhook.id}"
+    puts "URL: #{webhook.webhook_url}"
+    puts "启用: #{webhook.active ? '✅ 是' : '❌ 否'}"
+    puts "订阅事件: #{webhooks.subscriptions.inspect}"
+    puts "重试次数: #{webhook.retry_frequency}"
+    puts ""
+  end
+end
+
+# 3. 检查最近的 Webhook 调用
+puts "━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
+puts "📋 最近的 Webhook 调用日志:"
+puts ""
+
+recent_logs = account.webhook_logs.order(created_at: :desc).limit(5)
+
+if recent_logs.count == 0
+  puts "⚠️ 没有 Webhook 调用记录"
+else
+  recent_logs.each do |log|
+    puts "ID: #{log.id}"
+    puts "事件: #{log.event_type}"
+    puts "状态: #{log.status}"
+    puts "响应码: #{log.response_code}"
+    puts "创建时间: #{log.created_at}"
+    puts "错误: #{log.error_message || '无'}"
+    puts ""
+  end
+end
+
+# 4. 检查是否有 message_created 事件订阅
+puts "━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
+puts "🔍 检查 message_created 事件订阅:"
+
+has_subscription = webhooks.any? { |w| w.subscriptions.include?('message_created') }
+
+if has_subscription
+  puts "✅ 已订阅 message_created 事件"
+else
+  puts "❌ 未订阅 message_created 事件"
+  puts ""
+  puts "💡 添加订阅的方法："
+  puts "   webhook = Webhook.find(1)"
+  puts "   webhook.update(subscriptions: ['conversation_created', 'message_created', 'message_updated'])"
+end