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

@@ -3,6 +3,7 @@ import { mapGetters } from 'vuex';
 
 import ChatAttachmentButton from 'widget/components/ChatAttachment.vue';
 import ChatSendButton from 'widget/components/ChatSendButton.vue';
+import ImageUploadButton from 'widget/components/ImageUploadButton.vue';
 import { useAttachments } from '../composables/useAttachments';
 import FluentIcon from 'shared/components/FluentIcon/Index.vue';
 import ResizableTextArea from 'shared/components/ResizableTextArea.vue';
@@ -14,6 +15,7 @@ export default {
   components: {
     ChatAttachmentButton,
     ChatSendButton,
+    ImageUploadButton,
     EmojiInput,
     FluentIcon,
     ResizableTextArea,
@@ -122,6 +124,29 @@ export default {
     focusInput() {
       this.$refs.chatInput.focus();
     },
+    handleImageUpload(data) {
+      console.log('[ChatInputWrap] handleImageUpload called with:', data);
+
+      // data = { imageUrl: string, contentType: string }
+      if (typeof data === 'string') {
+        // Backward compatibility - if it's just a string
+        console.log('[ChatInputWrap] Sending as plain text');
+        this.onSendMessage(data);
+      } else if (data.contentType === 'search_image') {
+        // Send search_image message with empty content and imageUrl in content_attributes
+        console.log('[ChatInputWrap] Sending as search_image, imageUrl:', data.imageUrl);
+        this.$store.dispatch('conversation/sendMessage', {
+          content: '',
+          content_type: 'search_image', // 直接使用字符串
+          content_attributes: {
+            url: data.imageUrl
+          }
+        });
+      } else {
+        console.log('[ChatInputWrap] Sending as default');
+        this.onSendMessage(data.imageUrl || data);
+      }
+    },
   },
 };
 </script>
@@ -149,8 +174,12 @@ export default {
       @blur="onBlur"
     />
     <div class="flex items-center ltr:pl-2 rtl:pr-2">
+      <ImageUploadButton
+        class="text-n-slate-12"
+        :on-upload="handleImageUpload"
+      />
       <ChatAttachmentButton
-        v-if="showAttachment"
+        v-if="false"
         class="text-n-slate-12"
         :on-attach="onSendAttachment"
       />