feat: add OpenCode Zen API provider, fix react-markdown ESM issue (v1.1.2)

cfspider-browser/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cfspider-browser",
-  "version": "1.0.9",
+  "version": "1.1.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cfspider-browser",
-      "version": "1.0.9",
+      "version": "1.1.2",
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -15,7 +15,7 @@
         "lucide-react": "^0.294.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-markdown": "^10.1.0",
+        "react-markdown": "9.0.1",
         "react-syntax-highlighter": "^16.1.0",
         "xlsx": "^0.18.5",
         "zustand": "^5.0.0"
@@ -4006,7 +4006,6 @@
       "integrity": "sha512-rcJUkMfnJpfCboZoOOPf4L29TRtEieHNOeAbYPWPxlaBw/Z1RKrRA86dOI9rwaI4tQSc/RD82zTNHprfUHXsoQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "app-builder-lib": "24.13.3",
         "builder-util": "24.13.1",
@@ -7250,13 +7249,12 @@
       }
     },
     "node_modules/react-markdown": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
-      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-9.0.1.tgz",
+      "integrity": "sha512-186Gw/vF1uRkydbsOIkcGXw7aHq0sZOCRFFjGrr7b9+nVZg4UfA4enXCaxm4fUzecU38sWfrNDitGhshuU7rdg==",
       "license": "MIT",
       "dependencies": {
         "@types/hast": "^3.0.0",
-        "@types/mdast": "^4.0.0",
         "devlop": "^1.0.0",
         "hast-util-to-jsx-runtime": "^2.0.0",
         "html-url-attributes": "^3.0.0",

cfspider-browser/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfspider-browser",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "CFspider 智能浏览器 - AI驱动的浏览器，自然语言控制浏览器自动化",
   "keywords": [
     "browser",
@@ -64,7 +64,7 @@
     "lucide-react": "^0.294.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-markdown": "^10.1.0",
+    "react-markdown": "9.0.1",
     "react-syntax-highlighter": "^16.1.0",
     "xlsx": "^0.18.5",
     "zustand": "^5.0.0"

cfspider-browser/src/components/Settings/SettingsModal.tsx

@@ -28,7 +28,8 @@ const AI_PRESETS = [
   { id: 'moonshot', name: 'Moonshot', endpoint: 'https://api.moonshot.cn/v1/chat/completions', models: ['moonshot-v1-8k', 'moonshot-v1-32k', 'moonshot-v1-128k'], description: 'Kimi 大模型' },
   { id: 'zhipu', name: '智谱 AI', endpoint: 'https://open.bigmodel.cn/api/paas/v4/chat/completions', models: ['glm-4-plus', 'glm-4', 'glm-4-flash'], description: 'ChatGLM 系列' },
   { id: 'qwen', name: '通义千问', endpoint: 'https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions', models: ['qwen-max', 'qwen-plus', 'qwen-turbo'], description: '阿里云大模型' },
-  { id: 'siliconflow', name: 'SiliconFlow', endpoint: 'https://api.siliconflow.cn/v1/chat/completions', models: ['deepseek-ai/DeepSeek-V3', 'Qwen/Qwen2.5-72B-Instruct', 'meta-llama/Llama-3.3-70B-Instruct'], description: '国产模型聚合平台' }
+  { id: 'siliconflow', name: 'SiliconFlow', endpoint: 'https://api.siliconflow.cn/v1/chat/completions', models: ['deepseek-ai/DeepSeek-V3', 'Qwen/Qwen2.5-72B-Instruct', 'meta-llama/Llama-3.3-70B-Instruct'], description: '国产模型聚合平台' },
+  { id: 'opencode', name: 'OpenCode Zen', endpoint: 'https://opencode.ai/zen/v1/chat/completions', models: ['glm-4.7-free', 'gpt-5-nano', 'kimi-k2.5-free', 'trinity-large-preview-free', 'big-pickle', 'claude-opus-4-5', 'claude-sonnet-4-5', 'gpt-5.2', 'gpt-5', 'gemini-3-pro', 'qwen3-coder', 'kimi-k2.5'], description: '多模型聚合，含免费模型' }
 ]
 
 interface SettingsModalProps {

cfspider-browser/vite.config.ts

@@ -7,13 +7,11 @@ export default defineConfig({
   base: './',
   resolve: {
     alias: {
-      '@': resolve(__dirname, 'src'),
-      'use-sync-external-store/shim/with-selector': resolve(__dirname, 'src/shims/use-sync-external-store.ts')
+      '@': resolve(__dirname, 'src')
     }
   },
   optimizeDeps: {
-    include: ['zustand', 'react'],
-    exclude: ['use-sync-external-store']
+    include: ['zustand', 'react', 'style-to-js', 'html-react-parser']
   },
   build: {
     outDir: 'dist',