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>

test_webhook_manual.rb

@@ -0,0 +1,112 @@
+#!/usr/bin/env ruby
+# 手动触发 webhook 测试
+
+require_relative 'config/environment'
+
+puts "=== 手动触发 Webhook 测试 ==="
+puts ""
+
+# 获取最近的消息
+message = Message.where(content_type: 'search_image').order(created_at: :desc).first
+
+if message.nil?
+  puts "❌ 没有找到 search_image 消息"
+  puts "请先通过 widget 上传一张图片"
+  exit 1
+end
+
+puts "📋 消息信息:"
+puts "ID: #{message.id}"
+puts "content_type: #{message.content_type}"
+puts "content: '#{message.content}'"
+puts "content_attributes: #{message.content_attributes.inspect}"
+puts ""
+
+# 检查 webhook 配置
+account = message.account
+webhooks = account.webhooks
+
+if webhooks.count == 0
+  puts "❌ 没有配置 Webhook!"
+  puts ""
+  puts "💡 创建测试 Webhook:"
+  puts ""
+  puts "  account = Account.find(2)"
+  puts "  account.webhooks.create!("
+  puts "    webhook_url: 'https://webhook.site/your-uuid',"
+  puts "    subscriptions: ['message_created', 'conversation_created'],"
+  puts "    active: true"
+  puts "  )"
+  exit 1
+end
+
+puts "✅ 找到 #{webhooks.count} 个 Webhook 配置"
+puts ""
+
+webhooks.each do |webhook|
+  puts "━━━━━━━━━━━━━━━━━━━━━━━━━━━━"
+  puts "Webhook ID: #{webhook.id}"
+  puts "URL: #{webhook.webhook_url}"
+  puts "启用: #{webhook.active}"
+  puts "订阅: #{webhook.subscriptions.inspect}"
+  puts ""
+
+  # 检查是否订阅了 message_created
+  unless webhook.subscriptions.include?('message_created')
+    puts "⚠️ 此 Webhook 没有订阅 message_created 事件"
+    next
+  end
+
+  puts "✅ 已订阅 message_created 事件"
+  puts ""
+
+  # 手动构建 payload
+  payload = message.webhook_data.merge(event: 'message_created')
+
+  puts "📤 即将发送的 Payload:"
+  puts JSON.pretty_generate(payload)
+  puts ""
+
+  # 手动触发 webhook
+  puts "🚀 手动触发 Webhook..."
+
+  begin
+    response = Webhooks::Trigger.execute(
+      webhook.webhook_url,
+      payload,
+      :account_webhook,
+      webhook.user_token
+    )
+
+    puts "✅ Webhook 发送成功!"
+    puts "响应: #{response.inspect}"
+  rescue => e
+    puts "❌ Webhook 发送失败: #{e.message}"
+    puts e.backtrace.first(5).join("\n")
+  end
+
+  puts ""
+end
+
+puts ""
+puts "📊 检查 Webhook 日志:"
+puts ""
+
+logs = account.webhook_logs.where(event_type: 'message_created').order(created_at: :desc).limit(3)
+
+if logs.count == 0
+  puts "⚠️ 没有 message_created 的日志记录"
+else
+  logs.each do |log|
+    puts "ID: #{log.id}"
+    puts "状态: #{log.status}"
+    puts "响应码: #{log.response_code}"
+    puts "时间: #{log.created_at}"
+
+    if log.error_message.present?
+      puts "错误: #{log.error_message}"
+    end
+
+    puts ""
+  end
+end