@lobehub/lobehub 2.0.0-next.69 → 2.0.0-next.70

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 # Changelog
 
+## [Version 2.0.0-next.70](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.69...v2.0.0-next.70)
+
+<sup>Released on **2025-11-17**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ## [Version 2.0.0-next.69](https://github.com/lobehub/lobe-chat/compare/v2.0.0-next.68...v2.0.0-next.69)
 
 <sup>Released on **2025-11-17**</sup>

package/apps/desktop/package.json

@@ -32,33 +32,33 @@
     "electron-updater": "^6.6.2",
     "electron-window-state": "^5.0.3",
     "fetch-socks": "^1.3.2",
-    "get-port-please": "^3.1.2",
+    "get-port-please": "^3.2.0",
     "pdfjs-dist": "4.10.38"
   },
   "devDependencies": {
     "@electron-toolkit/eslint-config-prettier": "^3.0.0",
-    "@electron-toolkit/eslint-config-ts": "^3.0.0",
-    "@electron-toolkit/preload": "^3.0.1",
+    "@electron-toolkit/eslint-config-ts": "^3.1.0",
+    "@electron-toolkit/preload": "^3.0.2",
     "@electron-toolkit/tsconfig": "^2.0.0",
     "@electron-toolkit/utils": "^4.0.0",
     "@lobechat/electron-client-ipc": "workspace:*",
     "@lobechat/electron-server-ipc": "workspace:*",
     "@lobechat/file-loaders": "workspace:*",
-    "@lobehub/i18n-cli": "^1.20.3",
-    "@types/lodash": "^4.17.0",
+    "@lobehub/i18n-cli": "^1.25.1",
+    "@types/lodash": "^4.17.20",
     "@types/resolve": "^1.20.6",
-    "@types/semver": "^7.7.0",
+    "@types/semver": "^7.7.1",
     "@types/set-cookie-parser": "^2.4.10",
     "@typescript/native-preview": "7.0.0-dev.20250711.1",
-    "consola": "^3.1.0",
+    "consola": "^3.4.2",
     "cookie": "^1.0.2",
-    "electron": "^38.6.0",
+    "electron": "^38.7.0",
     "electron-builder": "^26.0.12",
     "electron-is": "^3.0.0",
-    "electron-log": "^5.3.3",
+    "electron-log": "^5.4.3",
     "electron-store": "^8.2.0",
-    "electron-vite": "^3.0.0",
-    "execa": "^9.5.2",
+    "electron-vite": "^3.1.0",
+    "execa": "^9.6.0",
     "fast-glob": "^3.3.3",
     "fix-path": "^5.0.0",
     "http-proxy-agent": "^7.0.2",
@@ -66,13 +66,13 @@
     "just-diff": "^6.0.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
-    "resolve": "^1.22.8",
-    "semver": "^7.5.4",
-    "set-cookie-parser": "^2.7.1",
-    "tsx": "^4.19.3",
-    "typescript": "^5.7.3",
-    "undici": "^7.9.0",
-    "vite": "^6.3.5",
+    "resolve": "^1.22.11",
+    "semver": "^7.7.3",
+    "set-cookie-parser": "^2.7.2",
+    "tsx": "^4.20.6",
+    "typescript": "^5.9.3",
+    "undici": "^7.16.0",
+    "vite": "^6.4.1",
     "vitest": "^3.2.4"
   },
   "pnpm": {

package/changelog/v1.json

@@ -1,4 +1,9 @@
 [
+  {
+    "children": {},
+    "date": "2025-11-17",
+    "version": "2.0.0-next.70"
+  },
   {
     "children": {
       "improvements": [

package/e2e/package.json

@@ -17,8 +17,8 @@
     "playwright": "^1.56.1"
   },
   "devDependencies": {
-    "@types/node": "^22.10.5",
+    "@types/node": "^22.19.1",
     "tsx": "^4.20.6",
-    "typescript": "^5.7.3"
+    "typescript": "^5.9.3"
   }
 }

package/locales/en-US/chat.json

@@ -330,6 +330,11 @@
     "screenshot": "Screenshot",
     "settings": "Export Settings",
     "text": "Text",
+    "widthMode": {
+      "label": "Width Mode",
+      "narrow": "Narrow",
+      "wide": "Wide"
+    },
     "withBackground": "Include Background Image",
     "withFooter": "Include Footer",
     "withPluginInfo": "Include Plugin Information",

package/locales/zh-CN/chat.json

@@ -330,6 +330,11 @@
     "screenshot": "截图",
     "settings": "导出设置",
     "text": "文本",
+    "widthMode": {
+      "label": "宽度模式",
+      "narrow": "窄屏模式",
+      "wide": "宽屏模式"
+    },
     "withBackground": "包含背景图片",
     "withFooter": "包含页脚",
     "withPluginInfo": "包含插件信息",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.69",
+  "version": "2.0.0-next.70",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",
@@ -132,17 +132,17 @@
     "@azure-rest/ai-inference": "1.0.0-beta.5",
     "@azure/core-auth": "^1.10.1",
     "@cfworker/json-schema": "^4.1.1",
-    "@clerk/localizations": "^3.27.2",
-    "@clerk/nextjs": "^6.35.0",
-    "@clerk/themes": "^2.4.35",
+    "@clerk/localizations": "^3.28.0",
+    "@clerk/nextjs": "^6.35.1",
+    "@clerk/themes": "^2.4.36",
     "@codesandbox/sandpack-react": "^2.20.0",
     "@cyntler/react-doc-viewer": "^1.17.1",
     "@electric-sql/pglite": "0.2.17",
     "@emotion/react": "^11.14.0",
     "@fal-ai/client": "^1.7.2",
     "@formkit/auto-animate": "^0.9.0",
-    "@google/genai": "^1.29.0",
-    "@huggingface/inference": "^4.13.2",
+    "@google/genai": "^1.29.1",
+    "@huggingface/inference": "^4.13.3",
     "@icons-pack/react-simple-icons": "^13.8.0",
     "@khmyznikov/pwa-install": "0.3.9",
     "@langchain/community": "^0.3.57",
@@ -165,14 +165,14 @@
     "@lobehub/charts": "^2.1.2",
     "@lobehub/chat-plugin-sdk": "^1.32.4",
     "@lobehub/chat-plugins-gateway": "^1.9.0",
-    "@lobehub/editor": "^1.22.0",
+    "@lobehub/editor": "^1.23.1",
     "@lobehub/icons": "^2.43.1",
     "@lobehub/market-sdk": "^0.23.0",
     "@lobehub/tts": "^2.0.1",
-    "@lobehub/ui": "^2.13.8",
+    "@lobehub/ui": "^2.16.2",
     "@modelcontextprotocol/sdk": "^1.22.0",
     "@neondatabase/serverless": "^1.0.2",
-    "@next/third-parties": "^16.0.1",
+    "@next/third-parties": "^16.0.3",
     "@opentelemetry/exporter-jaeger": "^2.2.0",
     "@opentelemetry/winston-transport": "^0.18.0",
     "@react-pdf/renderer": "^4.3.1",
@@ -180,17 +180,18 @@
     "@saintno/comfyui-sdk": "^0.2.49",
     "@serwist/next": "^9.2.1",
     "@t3-oss/env-nextjs": "^0.13.8",
-    "@tanstack/react-query": "^5.90.7",
+    "@tanstack/react-query": "^5.90.10",
     "@trpc/client": "^11.7.1",
     "@trpc/next": "^11.7.1",
     "@trpc/react-query": "^11.7.1",
     "@trpc/server": "^11.7.1",
     "@vercel/analytics": "^1.5.0",
     "@vercel/edge-config": "^1.4.3",
-    "@vercel/functions": "^3.3.0",
+    "@vercel/functions": "^3.3.2",
     "@vercel/speed-insights": "^1.2.0",
     "@virtuoso.dev/masonry": "^1.3.5",
     "@xterm/xterm": "^5.5.0",
+    "@zumer/snapdom": "^1.9.14",
     "ahooks": "^3.9.6",
     "antd": "^5.28.1",
     "antd-style": "^3.7.1",
@@ -228,9 +229,8 @@
     "marked": "^16.4.2",
     "mdast-util-to-markdown": "^2.1.2",
     "model-bank": "workspace:*",
-    "modern-screenshot": "^4.6.6",
     "nanoid": "^5.1.6",
-    "next": "^16.0.1",
+    "next": "^16.0.3",
     "next-auth": "5.0.0-beta.30",
     "next-mdx-remote": "^5.0.0",
     "nextjs-toploader": "^3.9.17",
@@ -267,14 +267,14 @@
     "react-pdf": "^9.2.1",
     "react-responsive": "^10.0.1",
     "react-rnd": "^10.5.2",
-    "react-router-dom": "^7.9.5",
+    "react-router-dom": "^7.9.6",
     "react-scan": "^0.4.3",
     "react-virtuoso": "^4.14.1",
     "react-wrap-balancer": "^1.1.1",
     "remark": "^15.0.1",
     "remark-gfm": "^4.0.1",
     "remark-html": "^16.0.1",
-    "resolve-accept-language": "^3.1.13",
+    "resolve-accept-language": "^3.1.14",
     "rtl-detect": "^1.1.2",
     "semver": "^7.7.3",
     "sharp": "^0.34.5",
@@ -309,7 +309,7 @@
     "@lobehub/lint": "^1.26.2",
     "@lobehub/market-types": "^1.11.4",
     "@lobehub/seo-cli": "^1.7.0",
-    "@next/bundle-analyzer": "^16.0.1",
+    "@next/bundle-analyzer": "^16.0.3",
     "@next/eslint-plugin-next": "^15.5.6",
     "@peculiar/webcrypto": "^1.5.0",
     "@playwright/test": "^1.56.1",

package/packages/agent-runtime/package.json

@@ -10,6 +10,6 @@
   },
   "dependencies": {},
   "devDependencies": {
-    "openai": "^4.0.0"
+    "openai": "^4.104.0"
   }
 }

package/packages/const/package.json

@@ -9,7 +9,7 @@
   "main": "./src/index.ts",
   "dependencies": {
     "model-bank": "workspace:*",
-    "query-string": "^9.2.2",
+    "query-string": "^9.3.1",
     "url-join": "^5.0.0"
   }
 }

package/packages/context-engine/package.json

@@ -21,8 +21,8 @@
     "@lobechat/prompts": "workspace:*",
     "@lobechat/types": "workspace:*",
     "@lobechat/utils": "workspace:*",
-    "debug": "^4.3.4",
-    "immer": "^10.0.3",
+    "debug": "^4.4.3",
+    "immer": "^10.2.0",
     "lodash-es": "^4.17.21",
     "ts-md5": "^2.0.1"
   },

package/packages/electron-client-ipc/package.json

@@ -5,6 +5,6 @@
   "main": "src/index.ts",
   "types": "src/index.ts",
   "peerDependencies": {
-    "react": "^19"
+    "react": "^19.2.0"
   }
 }

package/packages/electron-server-ipc/package.json

@@ -9,9 +9,9 @@
     "test:coverage": "vitest --coverage --silent='passed-only'"
   },
   "dependencies": {
-    "debug": "^4.3.4"
+    "debug": "^4.4.3"
   },
   "devDependencies": {
-    "@types/debug": "^4.1.7"
+    "@types/debug": "^4.1.12"
   }
 }

package/packages/fetch-sse/package.json

@@ -24,6 +24,6 @@
     "@lobechat/model-runtime": "workspace:*",
     "@lobechat/types": "workspace:*",
     "@lobechat/utils": "workspace:*",
-    "i18next": "^24.2.1"
+    "i18next": "^24.2.3"
   }
 }

package/packages/file-loaders/package.json

@@ -28,8 +28,8 @@
     "@napi-rs/canvas": "^0.1.70",
     "@xmldom/xmldom": "^0.9.8",
     "concat-stream": "^2.0.0",
-    "debug": "^4.3.4",
-    "mammoth": "^1.8.0",
+    "debug": "^4.4.3",
+    "mammoth": "^1.11.0",
     "officeparser": "5.1.1",
     "pdfjs-dist": "4.10.38",
     "word-extractor": "^1.0.4",
@@ -39,7 +39,7 @@
   "devDependencies": {
     "@types/concat-stream": "^2.0.3",
     "@types/yauzl": "^2.10.3",
-    "typescript": "^5"
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "typescript": ">=5"

package/packages/memory-extract/package.json

@@ -13,9 +13,9 @@
     "ora": "^9.0.0"
   },
   "devDependencies": {
-    "tsx": "^4.19.2"
+    "tsx": "^4.20.6"
   },
   "peerDependencies": {
-    "zod": "^3"
+    "zod": "^3.25.76"
   }
 }

package/packages/model-runtime/package.json

@@ -12,12 +12,12 @@
     "test:update": "vitest -u"
   },
   "dependencies": {
-    "@aws-sdk/client-bedrock-runtime": "^3.862.0",
-    "@huggingface/inference": "^4.11.3",
+    "@aws-sdk/client-bedrock-runtime": "^3.932.0",
+    "@huggingface/inference": "^4.13.3",
     "@lobechat/const": "workspace:*",
     "@lobechat/types": "workspace:*",
     "@lobechat/utils": "workspace:*",
-    "debug": "^4.4.1",
+    "debug": "^4.4.3",
     "model-bank": "workspace:*",
     "openai": "^4.104.0"
   }

package/packages/obervability-otel/package.json

@@ -15,11 +15,11 @@
     "@opentelemetry/instrumentation": "^0.207.0",
     "@opentelemetry/instrumentation-http": "^0.207.0",
     "@opentelemetry/instrumentation-pg": "^0.60.0",
-    "@opentelemetry/resources": "^2.0.1",
-    "@opentelemetry/sdk-metrics": "^2.0.1",
+    "@opentelemetry/resources": "^2.2.0",
+    "@opentelemetry/sdk-metrics": "^2.2.0",
     "@opentelemetry/sdk-node": "^0.207.0",
-    "@opentelemetry/sdk-trace-node": "^2.0.1",
-    "@opentelemetry/semantic-conventions": "^1.36.0",
+    "@opentelemetry/sdk-trace-node": "^2.2.0",
+    "@opentelemetry/semantic-conventions": "^1.38.0",
     "@vercel/otel": "^2.1.0"
   }
 }

package/packages/prompts/package.json

@@ -23,6 +23,6 @@
   },
   "devDependencies": {
     "promptfoo": "^0.118.17",
-    "tsx": "^4.20.4"
+    "tsx": "^4.20.6"
   }
 }

package/packages/ssrf-safe-fetch/package.json

@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "node-fetch": "^3.3.2",
-    "request-filtering-agent": "^3"
+    "request-filtering-agent": "^3.0.2"
   },
   "devDependencies": {
     "vitest": "^3.2.4"

package/packages/types/src/agent/chatConfig.ts

@@ -17,16 +17,16 @@ export interface LobeAgentChatConfig {
   enableMaxTokens?: boolean;
 
   /**
-   * 是否开启流式输出
+   * Whether to enable streaming output
    */
   enableStreaming?: boolean;
 
   /**
-   * 是否开启推理
+   * Whether to enable reasoning
    */
   enableReasoning?: boolean;
   /**
-   * 自定义推理强度
+   * Custom reasoning effort level
    */
   enableReasoningEffort?: boolean;
   reasoningBudgetToken?: number;
@@ -34,25 +34,25 @@ export interface LobeAgentChatConfig {
   gpt5ReasoningEffort?: 'minimal' | 'low' | 'medium' | 'high';
   gpt5_1ReasoningEffort?: 'none' | 'low' | 'medium' | 'high';
   /**
-   * 输出文本详细程度控制
+   * Output text verbosity control
    */
   textVerbosity?: 'low' | 'medium' | 'high';
   thinking?: 'disabled' | 'auto' | 'enabled';
   thinkingBudget?: number;
   /**
-   * 禁用上下文缓存
+   * Disable context caching
    */
   disableContextCaching?: boolean;
   /**
-   * 历史消息条数
+   * Number of historical messages
    */
   historyCount?: number;
   /**
-   * 开启历史记录条数
+   * Enable historical message count
    */
   enableHistoryCount?: boolean;
   /**
-   * 历史消息长度压缩阈值
+   * Enable history message compression threshold
    */
   enableCompressHistory?: boolean;
 

package/packages/types/src/document/index.ts

@@ -56,12 +56,12 @@ export interface LobeDocument {
   source: string;
 
   /**
-   * 文档来源类型
+   * Document source type
    */
   sourceType: DocumentSourceType;
 
   /**
-   * 文档标题 (如果可用)。
+   * Document title (if available)
    */
   title?: string;
 
@@ -168,12 +168,12 @@ export enum DocumentSourceType {
   API = 'api',
 
   /**
-   * 编辑器创建的文档
+   * Document created in editor
    */
   EDITOR = 'editor',
 
   /**
-   * 本地或上传的文件
+   * Local or uploaded file
    */
   FILE = 'file',
 

package/packages/types/src/fetch.ts

@@ -2,15 +2,15 @@
 import type { ILobeAgentRuntimeErrorType } from '@lobechat/model-runtime';
 
 export const ChatErrorType = {
-  // ******* 业务错误语义 ******* //
+  // ******* Business Error Semantics ******* //
 
   InvalidAccessCode: 'InvalidAccessCode', // is in valid password
   InvalidClerkUser: 'InvalidClerkUser', // is not Clerk User
   FreePlanLimit: 'FreePlanLimit', // is not Clerk User
-  SubscriptionPlanLimit: 'SubscriptionPlanLimit', // 订阅用户超限
-  SubscriptionKeyMismatch: 'SubscriptionKeyMismatch', // 订阅 key 不匹配
+  SubscriptionPlanLimit: 'SubscriptionPlanLimit', // Subscription user limit exceeded
+  SubscriptionKeyMismatch: 'SubscriptionKeyMismatch', // Subscription key mismatch
 
-  SupervisorDecisionFailed: 'SupervisorDecisionFailed', // 主持人决策失败
+  SupervisorDecisionFailed: 'SupervisorDecisionFailed', // Supervisor decision failed
 
   InvalidUserKey: 'InvalidUserKey', // is not valid User key
   CreateMessageError: 'CreateMessageError',
@@ -18,20 +18,20 @@ export const ChatErrorType = {
    * @deprecated
    */
   NoOpenAIAPIKey: 'NoOpenAIAPIKey',
-  OllamaServiceUnavailable: 'OllamaServiceUnavailable', // 未启动/检测到 Ollama 服务
+  OllamaServiceUnavailable: 'OllamaServiceUnavailable', // Ollama service not started/detected
   PluginFailToTransformArguments: 'PluginFailToTransformArguments',
   UnknownChatFetchError: 'UnknownChatFetchError',
   SystemTimeNotMatchError: 'SystemTimeNotMatchError',
 
-  // ******* 客户端错误 ******* //
+  // ******* Client Errors ******* //
   BadRequest: 400,
   Unauthorized: 401,
   Forbidden: 403,
-  ContentNotFound: 404, // 没找到接口
-  MethodNotAllowed: 405, // 不支持
+  ContentNotFound: 404, // Endpoint not found
+  MethodNotAllowed: 405, // Method not supported
   TooManyRequests: 429,
 
-  // ******* 服务端错误 ******* //InvalidPluginArgumentsTransform
+  // ******* Server Errors ******* //InvalidPluginArgumentsTransform
   InternalServerError: 500,
   BadGateway: 502,
   ServiceUnavailable: 503,

package/packages/types/src/hotkey.ts

@@ -84,7 +84,7 @@ export const HotkeyGroupEnum = {
 export const HotkeyScopeEnum = {
   Chat: 'chat',
   Files: 'files',
-  // 默认全局注册的快捷键 scope
+  // Default globally registered hotkey scope
   // https://react-hotkeys-hook.vercel.app/docs/documentation/hotkeys-provider
   Global: 'global',
 
@@ -96,13 +96,13 @@ export type HotkeyGroupId = (typeof HotkeyGroupEnum)[keyof typeof HotkeyGroupEnu
 export type HotkeyScopeId = (typeof HotkeyScopeEnum)[keyof typeof HotkeyScopeEnum];
 
 export interface HotkeyItem {
-  // 快捷键分组用于展示
+  // Hotkey grouping for display purposes
   group: HotkeyGroupId;
   id: HotkeyId;
   keys: string;
-  // 是否为不可编辑的快捷键
+  // Whether the hotkey is non-editable
   nonEditable?: boolean;
-  // 快捷键作用域
+  // Hotkey scope
   scopes?: HotkeyScopeId[];
 }
 
@@ -119,7 +119,7 @@ export interface DesktopHotkeyItem {
   id: DesktopHotkeyId;
 
   keys: string;
-  // 是否为不可编辑的快捷键
+  // Whether the hotkey is non-editable
   nonEditable?: boolean;
 }
 

package/packages/types/src/importer.ts

@@ -26,11 +26,11 @@ export interface ImportMessage {
   createdAt: number;
   error?: ChatMessageError;
 
-  // 扩展字段
+  // Extended fields
   extra?: {
     model?: string;
     provider?: string;
-    // 翻译
+    // Translation
     translate?: ChatTranslate | false | null;
     // TTS
     tts?: ChatTTS;

package/packages/types/src/message/common/metadata.ts

@@ -109,8 +109,8 @@ export interface MessageMetadata extends ModelUsage, ModelPerformance {
   activeBranchIndex?: number;
   activeColumn?: boolean;
   /**
-   * 消息折叠状态
-   * true: 折叠, false/undefined: 展开
+   * Message collapse state
+   * true: collapsed, false/undefined: expanded
    */
   collapsed?: boolean;
   compare?: boolean;

package/packages/types/src/message/common/tools.ts

@@ -112,7 +112,7 @@ export const ChatToolPayloadSchema = z.object({
 });
 
 /**
- * 聊天消息错误对象
+ * Chat message error object
  */
 export interface ChatMessagePluginError {
   body?: any;

package/packages/types/src/meta.ts

@@ -2,11 +2,11 @@ import { z } from 'zod';
 
 export const LobeMetaDataSchema = z.object({
   /**
-   * 角色头像
+   * Character avatar
    */
   avatar: z.string().optional(),
   /**
-   *  背景色
+   *  Background color
    */
   backgroundColor: z.string().optional(),
   description: z.string().optional(),
@@ -17,7 +17,7 @@ export const LobeMetaDataSchema = z.object({
 
   tags: z.array(z.string()).optional(),
   /**
-   * 名称
+   * Name
    */
   title: z.string().optional(),
 });

package/packages/types/src/topic/topic.ts

@@ -1,6 +1,6 @@
 import type { BaseDataModel } from '../meta';
 
-// 类型定义
+// Type definitions
 export type TimeGroupId =
   | 'today'
   | 'yesterday'

package/packages/utils/package.json

@@ -16,8 +16,8 @@
   "dependencies": {
     "@lobechat/const": "workspace:*",
     "@lobechat/types": "workspace:*",
-    "dayjs": "^1.11.18",
-    "dompurify": "^3.2.7"
+    "dayjs": "^1.11.19",
+    "dompurify": "^3.3.0"
   },
   "devDependencies": {
     "vitest-canvas-mock": "^0.3.3"

package/packages/web-crawler/package.json

@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "@mozilla/readability": "^0.6.0",
-    "happy-dom": "^20.0.0",
+    "happy-dom": "^20.0.10",
     "node-html-markdown": "^1.3.0",
     "ssrf-safe-fetch": "workspace:*",
-    "query-string": "^9.1.1",
+    "query-string": "^9.3.1",
     "url-join": "^5"
   }
 }

package/packages/web-crawler/src/type.ts

@@ -16,7 +16,7 @@ export interface CrawlErrorResult {
 }
 
 export interface FilterOptions {
-  // 是否启用Readability
+  // Whether to enable Readability
   enableReadability?: boolean;
 
   pureText?: boolean;
@@ -34,12 +34,12 @@ export type CrawlImpl<Params = object> = (
 ) => Promise<CrawlSuccessResult | undefined>;
 
 export interface CrawlUrlRule {
-  // 内容过滤配置（可选）
+  // Content filtering configuration (optional)
   filterOptions?: FilterOptions;
   impls?: CrawlImplType[];
-  // URL匹配模式，仅支持正则表达式
+  // URL matching pattern, only supports regular expressions
   urlPattern: string;
-  // URL转换模板（可选），如果提供则进行URL转换
+  // URL transformation template (optional), performs URL conversion if provided
   urlTransform?: string;
 }
 

package/src/features/Portal/Artifacts/Body/Renderer/SVG.tsx

@@ -1,9 +1,9 @@
 import { copyImageToClipboard, sanitizeSVGContent } from '@lobechat/utils/client';
 import { Button, Dropdown, Tooltip } from '@lobehub/ui';
+import { snapdom } from '@zumer/snapdom';
 import { App, Space } from 'antd';
 import { css, cx } from 'antd-style';
 import { CopyIcon, DownloadIcon } from 'lucide-react';
-import { domToPng } from 'modern-screenshot';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Center, Flexbox } from 'react-layout-kit';
@@ -41,12 +41,29 @@ const SVGRenderer = ({ content }: SVGRendererProps) => {
   const sanitizedContent = useMemo(() => sanitizeSVGContent(content), [content]);
 
   const generatePng = async () => {
-    return domToPng(document.querySelector(`#${DOM_ID}`) as HTMLDivElement, {
-      features: {
-        // 不启用移除控制符，否则会导致 safari emoji 报错
-        removeControlCharacter: false,
-      },
+    const blob = await snapdom.toBlob(document.querySelector(`#${DOM_ID}`) as HTMLDivElement, {
       scale: 2,
+      type: 'png',
+    });
+
+    if (!blob) {
+      throw new Error('Failed to generate PNG blob');
+    }
+
+    // Convert blob to data URL
+    return new Promise<string>((resolve, reject) => {
+      const reader = new FileReader();
+      reader.addEventListener('load', () => {
+        if (typeof reader.result === 'string') {
+          resolve(reader.result);
+        } else {
+          reject(new Error('FileReader result is not a string'));
+        }
+      });
+      reader.addEventListener('error', () =>
+        reject(reader.error || new Error('Failed to read blob as data URL')),
+      );
+      reader.readAsDataURL(blob);
     });
   };
 

package/src/features/ShareModal/ShareImage/Preview.tsx

@@ -19,7 +19,7 @@ import { useStyles } from './style';
 import { FieldType } from './type';
 
 const Preview = memo<FieldType & { title?: string }>(
-  ({ title, withSystemRole, withBackground, withFooter }) => {
+  ({ title, withSystemRole, withBackground, withFooter, widthMode }) => {
     const [model, plugins, systemRole] = useAgentStore((s) => [
       agentSelectors.currentAgentModel(s),
       agentSelectors.displayableAgentPlugins(s),
@@ -34,7 +34,7 @@ const Preview = memo<FieldType & { title?: string }>(
 
     const { t } = useTranslation('chat');
     const { styles } = useStyles(withBackground);
-    const { styles: containerStyles } = useContainerStyles();
+    const { styles: containerStyles } = useContainerStyles(widthMode);
 
     const displayTitle = isInbox ? t('inbox.title') : title;
     const displayDesc = isInbox ? t('inbox.desc') : description;

package/src/features/ShareModal/ShareImage/index.tsx

@@ -14,10 +14,11 @@ import { sessionMetaSelectors } from '@/store/session/selectors';
 
 import { useStyles } from '../style';
 import Preview from './Preview';
-import { FieldType } from './type';
+import { FieldType, WidthMode } from './type';
 
 const DEFAULT_FIELD_VALUE: FieldType = {
   imageType: ImageType.JPG,
+  widthMode: WidthMode.Wide,
   withBackground: true,
   withFooter: true,
   withPluginInfo: false,
@@ -34,7 +35,20 @@ const ShareImage = memo<{ mobile?: boolean }>(() => {
     title: currentAgentTitle,
   });
   const { loading: copyLoading, onCopy } = useImgToClipboard();
+
+  const widthModeOptions = [
+    { label: t('shareModal.widthMode.wide'), value: WidthMode.Wide },
+    { label: t('shareModal.widthMode.narrow'), value: WidthMode.Narrow },
+  ];
+
   const settings: FormItemProps[] = [
+    {
+      children: <Segmented options={widthModeOptions} />,
+      label: t('shareModal.widthMode.label'),
+      layout: 'horizontal',
+      minWidth: undefined,
+      name: 'widthMode',
+    },
     {
       children: <Switch />,
       label: t('shareModal.withSystemRole'),

package/src/features/ShareModal/ShareImage/type.ts

@@ -1,7 +1,13 @@
 import { ImageType } from '@/hooks/useScreenshot';
 
+export enum WidthMode {
+  Narrow = 'narrow',
+  Wide = 'wide'
+}
+
 export type FieldType = {
   imageType: ImageType;
+  widthMode: WidthMode;
   withBackground: boolean;
   withFooter: boolean;
   withPluginInfo: boolean;

package/src/features/ShareModal/style.ts

@@ -1,36 +1,46 @@
 import { createStyles } from 'antd-style';
 
-export const useContainerStyles = createStyles(({ css, token, stylish, cx, responsive }) => ({
-  preview: cx(
-    stylish.noScrollbar,
-    css`
-      overflow: hidden scroll;
+import { WidthMode } from './ShareImage/type';
 
-      width: 100%;
-      max-height: 70dvh;
-      border: 1px solid ${token.colorBorder};
-      border-radius: ${token.borderRadiusLG}px;
-
-      background: ${token.colorBgLayout};
-
-      /* stylelint-disable selector-class-pattern */
-      .react-pdf__Document *,
-      .react-pdf__Page * {
-        pointer-events: none;
-      }
-      /* stylelint-enable selector-class-pattern */
-
-      ::-webkit-scrollbar {
-        width: 0 !important;
-        height: 0 !important;
-      }
-
-      ${responsive.mobile} {
-        max-height: 40dvh;
-      }
-    `,
-  ),
-}));
+export const useContainerStyles = createStyles(
+  ({ css, token, stylish, cx, responsive }, widthMode?: WidthMode) => {
+    const isNarrow = widthMode === WidthMode.Narrow;
+
+    return {
+      preview: cx(
+        stylish.noScrollbar,
+        css`
+          overflow: hidden scroll;
+
+          width: 100%;
+          max-width: ${isNarrow ? '480px' : 'none'};
+          max-height: 70dvh;
+          margin: ${isNarrow ? '0 auto' : '0'};
+          border: 1px solid ${token.colorBorder};
+          border-radius: ${token.borderRadiusLG}px;
+
+          background: ${token.colorBgLayout};
+
+          /* stylelint-disable selector-class-pattern */
+          .react-pdf__Document *,
+          .react-pdf__Page * {
+            pointer-events: none;
+          }
+          /* stylelint-enable selector-class-pattern */
+
+          ::-webkit-scrollbar {
+            width: 0 !important;
+            height: 0 !important;
+          }
+
+          ${responsive.mobile} {
+            max-height: 40dvh;
+          }
+        `,
+      ),
+    };
+  },
+);
 
 export const useStyles = createStyles(({ responsive, token, css }) => ({
   body: css`

package/src/hooks/useScreenshot.ts

@@ -1,6 +1,6 @@
 import type { SegmentedProps } from '@lobehub/ui';
+import { snapdom } from '@zumer/snapdom';
 import dayjs from 'dayjs';
-import { domToJpeg, domToPng, domToSvg, domToWebp } from 'modern-screenshot';
 import { useCallback, useState } from 'react';
 
 import { BRANDING_NAME } from '@/const/branding';
@@ -40,26 +40,6 @@ export const getImageUrl = async ({
   imageType: ImageType;
   width?: number;
 }) => {
-  let screenshotFn: any;
-  switch (imageType) {
-    case ImageType.JPG: {
-      screenshotFn = domToJpeg;
-      break;
-    }
-    case ImageType.PNG: {
-      screenshotFn = domToPng;
-      break;
-    }
-    case ImageType.SVG: {
-      screenshotFn = domToSvg;
-      break;
-    }
-    case ImageType.WEBP: {
-      screenshotFn = domToWebp;
-      break;
-    }
-  }
-
   const dom: HTMLDivElement = document.querySelector(id) as HTMLDivElement;
   let copy: HTMLDivElement = dom;
 
@@ -69,18 +49,54 @@ export const getImageUrl = async ({
     document.body.append(copy);
   }
 
-  const dataUrl = await screenshotFn(width ? copy : dom, {
-    features: {
-      // 不启用移除控制符，否则会导致 safari emoji 报错
-      removeControlCharacter: false,
-    },
+  const baseOptions = {
     scale: 2,
     width,
-  });
+  };
+
+  let blob: Blob;
+
+  if (imageType === ImageType.SVG) {
+    // For SVG, we need to use the full snapdom API to get the raw SVG string
+    const result = await snapdom(width ? copy : dom, baseOptions);
+    const svgString = result.toRaw();
+    blob = new Blob([svgString], { type: 'image/svg+xml' });
+  } else {
+    // For raster formats, use toBlob directly with type option
+    const blobType = (imageType === ImageType.JPG ? 'jpg' : imageType) as 'png' | 'jpg' | 'webp';
+    const blobResult = await snapdom.toBlob(width ? copy : dom, {
+      type: blobType,
+      useProxy: 'https://proxy.corsfix.com/?',
+    });
+
+    if (!blobResult) {
+      throw new Error('Failed to generate blob from snapdom');
+    }
+
+    blob = blobResult;
+  }
 
   if (width && copy) copy?.remove();
 
-  return dataUrl;
+  if (!blob) {
+    throw new Error('Blob is undefined');
+  }
+
+  // Convert blob to data URL using FileReader
+  return new Promise<string>((resolve, reject) => {
+    const reader = new FileReader();
+    reader.addEventListener('load', () => {
+      if (typeof reader.result === 'string') {
+        resolve(reader.result);
+      } else {
+        reject(new Error('FileReader result is not a string'));
+      }
+    });
+    reader.addEventListener('error', () =>
+      reject(reader.error || new Error('Failed to read blob as data URL')),
+    );
+    reader.readAsDataURL(blob);
+  });
 };
 
 export const useScreenshot = ({

package/src/locales/default/chat.ts

@@ -361,6 +361,11 @@ export default {
     screenshot: '截图',
     settings: '导出设置',
     text: '文本',
+    widthMode: {
+      label: '宽度模式',
+      narrow: '窄屏模式',
+      wide: '宽屏模式',
+    },
     withBackground: '包含背景图片',
     withFooter: '包含页脚',
     withPluginInfo: '包含插件信息',