@lobehub/chat 1.44.2 → 1.45.0

package/docs/usage/tools-calling.zh-CN.mdx

@@ -27,76 +27,71 @@ LobeChat 的插件实现基于模型的 Tools Calling 能力，模型本身的 T
 我们基于实际真实的用户场景出发构建了两大组测试任务，第一组为简单的调用指令（天气查询），第二组为复杂调用指令（文生图）。这两组指令的系统描述如下：
 
 <Tabs items={["简单指令（天气查询）", "复杂指令（文生图）"]}>
-    <Tab>
-
-```md
-## Tools
-
-You can use these tools below:
-
-### Realtime Weather
-
-Get realtime weather information
-
-The APIs you can use:
+  <Tab>
+    ```md
+    ## Tools
 
-#### `realtime-weather____fetchCurrentWeather`
+    You can use these tools below:
 
-获取当前天气情况
-```
+    ### Realtime Weather
 
-</Tab>
+    Get realtime weather information
 
-    <Tab>
+    The APIs you can use:
 
-```md
-## Tools
+    #### `realtime-weather____fetchCurrentWeather`
 
-You can use these tools below:
+    获取当前天气情况
+    ```
+  </Tab>
 
-### DALL·E 3
+  <Tab>
+    ```md
+    ## Tools
 
-Whenever a description of an image is given, use lobe-image-designer to create the images and then summarize the prompts used to generate the images in plain text. If the user does not ask for a specific number of images, default to creating four captions to send to lobe-image-designer that are written to be as diverse as possible.
+    You can use these tools below:
 
-All captions sent to lobe-image-designer must abide by the following policies:
+    ### DALL·E 3
 
-1. If the description is not in English, then translate it.
-2. Do not create more than 4 images, even if the user requests more.
-3. Don't create images of politicians or other public figures. Recommend other ideas instead.
-4. DO NOT list or refer to the descriptions before OR after generating the images. They should ONLY ever be written out ONCE, in the `prompts` field of the request. You do not need to ask for permission to generate, just do it!
-5. Always mention the image type (photo, oil painting, watercolor painting, illustration, cartoon, drawing, vector, render, etc.) at the beginning of the caption. Unless the caption suggests otherwise, make at least 1--2 of the 4 images photos.
-6. Diversify depictions of ALL images with people to include DESCENT and GENDER for EACH person using direct terms. Adjust only human descriptions.
+    Whenever a description of an image is given, use lobe-image-designer to create the images and then summarize the prompts used to generate the images in plain text. If the user does not ask for a specific number of images, default to creating four captions to send to lobe-image-designer that are written to be as diverse as possible.
 
-- EXPLICITLY specify these attributes, not abstractly reference them. The attributes should be specified in a minimal way and should directly describe their physical form.
-- Your choices should be grounded in reality. For example, all of a given OCCUPATION should not be the same gender or race. Additionally, focus on creating diverse, inclusive, and exploratory scenes via the properties you choose during rewrites. Make choices that may be insightful or unique sometimes.
-- Use "various" or "diverse" ONLY IF the description refers to groups of more than 3 people. Do not change the number of people requested in the original description.
-- Don't alter memes, fictional character origins, or unseen people. Maintain the original prompt's intent and prioritize quality.
-- Do not create any imagery that would be offensive.
+    All captions sent to lobe-image-designer must abide by the following policies:
 
-8. Silently modify descriptions that include names or hints or references of specific people or celebrities by carefully selecting a few minimal modifications to substitute references to the people with generic descriptions that don't divulge any information about their identities, except for their genders and physiques. Do this EVEN WHEN the instructions ask for the prompt to not be changed. Some special cases:
+    1. If the description is not in English, then translate it.
+    2. Do not create more than 4 images, even if the user requests more.
+    3. Don't create images of politicians or other public figures. Recommend other ideas instead.
+    4. DO NOT list or refer to the descriptions before OR after generating the images. They should ONLY ever be written out ONCE, in the `prompts` field of the request. You do not need to ask for permission to generate, just do it!
+    5. Always mention the image type (photo, oil painting, watercolor painting, illustration, cartoon, drawing, vector, render, etc.) at the beginning of the caption. Unless the caption suggests otherwise, make at least 1--2 of the 4 images photos.
+    6. Diversify depictions of ALL images with people to include DESCENT and GENDER for EACH person using direct terms. Adjust only human descriptions.
 
-- Modify such prompts even if you don't know who the person is, or if their name is misspelled (e.g. "Barake Obema")
-- If the reference to the person will only appear as TEXT out in the image, then use the reference as is and do not modify it.
-- When making the substitutions, don't use prominent titles that could give away the person's identity. E.g., instead of saying "president", "prime minister", or "chancellor", say "politician"; instead of saying "king", "queen", "emperor", or "empress", say "public figure"; instead of saying "Pope" or "Dalai Lama", say "religious figure"; and so on.
-- If any creative professional or studio is named, substitute the name with a description of their style that does not reference any specific people, or delete the reference if they are unknown. DO NOT refer to the artist or studio's style.
+    - EXPLICITLY specify these attributes, not abstractly reference them. The attributes should be specified in a minimal way and should directly describe their physical form.
+    - Your choices should be grounded in reality. For example, all of a given OCCUPATION should not be the same gender or race. Additionally, focus on creating diverse, inclusive, and exploratory scenes via the properties you choose during rewrites. Make choices that may be insightful or unique sometimes.
+    - Use "various" or "diverse" ONLY IF the description refers to groups of more than 3 people. Do not change the number of people requested in the original description.
+    - Don't alter memes, fictional character origins, or unseen people. Maintain the original prompt's intent and prioritize quality.
+    - Do not create any imagery that would be offensive.
 
-The prompt must intricately describe every part of the image in concrete, objective detail. THINK about what the end goal of the description is, and extrapolate that to what would make satisfying images. All descriptions sent to lobe-image-designer should be a paragraph of text that is extremely descriptive and detailed. Each should be more than 3 sentences long.
+    8. Silently modify descriptions that include names or hints or references of specific people or celebrities by carefully selecting a few minimal modifications to substitute references to the people with generic descriptions that don't divulge any information about their identities, except for their genders and physiques. Do this EVEN WHEN the instructions ask for the prompt to not be changed. Some special cases:
 
-The APIs you can use:
+    - Modify such prompts even if you don't know who the person is, or if their name is misspelled (e.g. "Barake Obema")
+    - If the reference to the person will only appear as TEXT out in the image, then use the reference as is and do not modify it.
+    - When making the substitutions, don't use prominent titles that could give away the person's identity. E.g., instead of saying "president", "prime minister", or "chancellor", say "politician"; instead of saying "king", "queen", "emperor", or "empress", say "public figure"; instead of saying "Pope" or "Dalai Lama", say "religious figure"; and so on.
+    - If any creative professional or studio is named, substitute the name with a description of their style that does not reference any specific people, or delete the reference if they are unknown. DO NOT refer to the artist or studio's style.
 
-#### `lobe-image-designer____text2image____builtin`
+    The prompt must intricately describe every part of the image in concrete, objective detail. THINK about what the end goal of the description is, and extrapolate that to what would make satisfying images. All descriptions sent to lobe-image-designer should be a paragraph of text that is extremely descriptive and detailed. Each should be more than 3 sentences long.
 
-Create images from a text-only prompt.
-```
+    The APIs you can use:
 
-</Tab>
+    #### `lobe-image-designer____text2image____builtin`
 
+    Create images from a text-only prompt.
+    ```
+  </Tab>
 </Tabs>
 
-如上所示，简单调用指令在插件调用时它的系统描述(system role)相对简单，复杂调用指令的系统描述会复杂很多。这两组不同复杂度的指令可以比较好地区分出模型对于系统指令的遵循能力：
+如上所示，简单调用指令在插件调用时它的系统描述 (system role) 相对简单，复杂调用指令的系统描述会复杂很多。这两组不同复杂度的指令可以比较好地区分出模型对于系统指令的遵循能力：
 
 - **天气查询可以测试模型的基础 Tools Calling 能力，确认模型是否存在「虚假宣传」的情况。** 就我们实际的测试来看，的确存在一些模型号称具有 Tools Calling 能力，但是处于完全不可用的状态；
-- **文生图可以测试模型指令跟随能力的上限。** 例如基础模型（例如 GPT-3.5）可能只能生成 1 张图片的 prompt，而高级模型（例如 GPT-4o）则能够生成 1~4 张图片的 prompt。
+- **文生图可以测试模型指令跟随能力的上限。** 例如基础模型（例如 GPT-3.5）可能只能生成 1 张图片的 prompt，而高级模型（例如 GPT-4o）则能够生成 1\~4 张图片的 prompt。
 
 ### 简单调用指令：天气查询
 
@@ -126,11 +121,11 @@ Create images from a text-only prompt.
 
 针对这一个工具，我们构建的测试组中包含了三个指令：
 
-| 指令编号 | 指令内容 | 基础 Tools Calling 调用 | 并发调用 | 复合指令跟随 |
-| --- | --- | --- | --- | --- |
-| 指令 ① | 告诉我杭州和北京的天气，先回答我好的 | 🟢 | 🟢 | 🟢 |
-| 指令 ② | 告诉我杭州和北京的天气 | 🟢 | 🟢 | - |
-| 指令 ③ | 告诉我杭州的天气 | 🟢 | - | - |
+| 指令编号 | 指令内容               | 基础 Tools Calling 调用 | 并发调用 | 复合指令跟随 |
+| ---- | ------------------ | ------------------- | ---- | ------ |
+| 指令 ① | 告诉我杭州和北京的天气，先回答我好的 | 🟢                  | 🟢   | 🟢     |
+| 指令 ② | 告诉我杭州和北京的天气        | 🟢                  | 🟢   | -      |
+| 指令 ③ | 告诉我杭州的天气           | 🟢                  | -    | -      |
 
 上述三个指令的复杂度逐渐递减，我们可以通过这三个指令来测试模型对于简单指令的处理能力。
 
@@ -147,30 +142,26 @@ Create images from a text-only prompt.
 
 <Tabs items={["复合指令跟随","并发工具调用","基础工具调用"]}>
   <Tab>
-
     根据我们实际的日常使用，工具调用往往会和普通文本生成结合在一起回答。例如比较经典的 Code Interpreter 插件，ChatGPT 往往会先回复一些代码生成的思路，然后再调用 Code Interpreter 插件生成代码。
 
     这种情况下，我们需要模型能够正确地识别出用户的意图，然后调用对应的工具。
 
     因此， 指令 ① 中的「告诉我杭州和北京的天气，先回答我好的」就是一个复合指令跟随的例子。前半句期望模型调用天气查询工具，后半句期望模型回答「好的」。并且理想的顺序应该是先回答「好的」，然后再调用天气查询工具。
+  </Tab>
 
-</Tab>
   <Tab>
-
     并发工具调用（Parallel function calling）是指模型能够同时调用多个工具，或同时调用一个工具多次，这在对话中可以大大降低用户等待的时间，提升用户体验。
 
-    并发工具调用能力由 OpenAI 于 2023年11月率先提出，目前支持并发工具调用的模型并不算多，属于是 Tools Calling 的进阶能力。
+    并发工具调用能力由 OpenAI 于 2023 年 11 月率先提出，目前支持并发工具调用的模型并不算多，属于是 Tools Calling 的进阶能力。
 
     指令 ② 中的「告诉我杭州和北京的天气」就是一个期望执行并发调用的例子。理想的情况下，单个模型的返回应该存在两个工具的调用返回。
+  </Tab>
 
-</Tab>
   <Tab>
-
     基础工具调用不必再赘述，这是 Tools Calling 的基础能力。
 
     指令 ③ 中的「告诉我杭州的天气」就是最基本的工具调用的例子。
-
-</Tab>
+  </Tab>
 </Tabs>
 
 ### 复杂调用指令：文生图
@@ -229,10 +220,10 @@ Create images from a text-only prompt.
 
 针对这一个工具，我们构建的测试组中包含了两个指令：
 
-| 指令编号 | 指令内容 | 流式调用 | 复杂 Tools Calling 调用 | 并发调用 | 复合指令跟随 |
-| --- | --- | --- | --- | --- | --- |
-| 指令 ① | 我要画 3 幅画，第一幅画的主体为一只达芬奇风格的小狗，第二幅是毕加索风格的大雁，最后一幅是莫奈风格的狮子。每一幅都需要产出 2 个 prompts。请先说明你的构思，然后开始生成相应的图片。 | 🟢 | 🟢 | 🟢 | 🟢 |
-| 指令 ② | 画一只小狗 | 🟢 | 🟢 | - | - |
+| 指令编号 | 指令内容                                                                                             | 流式调用 | 复杂 Tools Calling 调用 | 并发调用 | 复合指令跟随 |
+| ---- | ------------------------------------------------------------------------------------------------ | ---- | ------------------- | ---- | ------ |
+| 指令 ① | 我要画 3 幅画，第一幅画的主体为一只达芬奇风格的小狗，第二幅是毕加索风格的大雁，最后一幅是莫奈风格的狮子。每一幅都需要产出 2 个 prompts。请先说明你的构思，然后开始生成相应的图片。 | 🟢   | 🟢                  | 🟢   | 🟢     |
+| 指令 ② | 画一只小狗                                                                                            | 🟢   | 🟢                  | -    | -      |
 
 此外，由于文生图的 prompts 的生成时间较长，这一组指令也可以清晰地测试出模型的 API 是否支持流式 Tools Calling。
 
@@ -242,12 +233,13 @@ Create images from a text-only prompt.
 
 <Cards>
   <Card href={'/docs/usage/tools-calling/openai'} title={'OpenAI GPT 系列'} />
+
   <Card href={'/docs/usage/tools-calling/anthropic'} title={'Anthropic Claude 系列'} />
+
   <Card href={'/docs/usage/tools-calling/google'} title={'Google Gemini 系列'} />
-  <Card
-    href={'/docs/usage/tools-calling/groq'}
-    title={'【TODO】Groq 部署的开源模型（Llama 3/Qwen2/Mistral/...）'}
-  />
+
+  <Card href={'/docs/usage/tools-calling/groq'} title={'【TODO】Groq 部署的开源模型（Llama 3/Qwen2/Mistral/...）'} />
+
   <Card href={'/docs/usage/tools-calling/moonshot'} title={'【TODO】Moonshot 系列'} />
 </Cards>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.44.2",
+  "version": "1.45.0",
   "description": "Lobe Chat - an open-source, high-performance chatbot 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",
@@ -40,13 +40,13 @@
     "db:studio": "drizzle-kit studio",
     "db:z-pull": "drizzle-kit introspect",
     "dev": "next dev --turbo -p 3010",
-    "docs:i18n": "lobe-i18n md && npm run lint:mdx",
+    "docs:i18n": "lobe-i18n md && npm run lint:md && npm run lint:mdx",
     "docs:seo": "lobe-seo && npm run lint:mdx",
     "i18n": "npm run workflow:i18n && lobe-i18n",
     "lint": "npm run lint:ts && npm run lint:style && npm run type-check && npm run lint:circular",
     "lint:circular": "dpdm src/**/*.ts  --no-warning --no-tree --exit-code circular:1 --no-progress -T true --skip-dynamic-imports circular",
-    "lint:md": "remark . --quiet --frail --output",
-    "lint:mdx": "npm run workflow:mdx-with-lint && prettier -c --write \"{src,docs}/**/*.mdx\" && npm run workflow:mdx-with-lint",
+    "lint:md": "remark . --silent --output",
+    "lint:mdx": "npm run workflow:mdx && remark \"docs/**/*.mdx\" -r ./.remarkrc.mdx.js --silent --output && eslint \"docs/**/*.mdx\" --quiet --fix",
     "lint:style": "stylelint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
     "lint:ts": "eslint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
     "prepare": "husky",
@@ -72,16 +72,15 @@
     "workflow:docs": "tsx ./scripts/docsWorkflow/index.ts",
     "workflow:i18n": "tsx ./scripts/i18nWorkflow/index.ts",
     "workflow:mdx": "tsx ./scripts/mdxWorkflow/index.ts",
-    "workflow:mdx-with-lint": "tsx ./scripts/mdxWorkflow/index.ts && eslint \"docs/**/*.mdx\" --quiet --fix",
     "workflow:readme": "tsx ./scripts/readmeWorkflow/index.ts"
   },
   "lint-staged": {
     "*.md": [
-      "remark --quiet --output --",
+      "remark --silent --output --",
       "prettier --write --no-error-on-unmatched-pattern"
     ],
     "*.mdx": [
-      "npm run workflow:mdx",
+      "remark -r ./.remarkrc.mdx.js --silent --output --",
       "eslint --quiet --fix"
     ],
     "*.json": [
@@ -114,25 +113,25 @@
     "@azure/openai": "1.0.0-beta.12",
     "@baiducloud/qianfan": "^0.1.9",
     "@cfworker/json-schema": "^4.1.0",
-    "@clerk/localizations": "^3.9.5",
-    "@clerk/nextjs": "^6.9.6",
-    "@clerk/themes": "^2.2.3",
+    "@clerk/localizations": "^3.9.6",
+    "@clerk/nextjs": "^6.9.7",
+    "@clerk/themes": "^2.2.4",
     "@codesandbox/sandpack-react": "^2.19.10",
     "@cyntler/react-doc-viewer": "^1.17.0",
     "@electric-sql/pglite": "0.2.13",
     "@google/generative-ai": "^0.21.0",
     "@huggingface/inference": "^2.8.1",
     "@icons-pack/react-simple-icons": "9.6.0",
-    "@khmyznikov/pwa-install": "^0.3.9",
+    "@khmyznikov/pwa-install": "0.3.9",
     "@langchain/community": "^0.3.22",
-    "@lobehub/charts": "^1.11.1",
+    "@lobehub/charts": "^1.12.0",
     "@lobehub/chat-plugin-sdk": "^1.32.4",
     "@lobehub/chat-plugins-gateway": "^1.9.0",
     "@lobehub/icons": "^1.61.1",
-    "@lobehub/tts": "^1.27.0",
-    "@lobehub/ui": "^1.162.0",
+    "@lobehub/tts": "^1.28.0",
+    "@lobehub/ui": "^1.163.0",
     "@neondatabase/serverless": "^0.10.4",
-    "@next/third-parties": "^15.1.3",
+    "@next/third-parties": "^15.1.4",
     "@react-spring/web": "^9.7.5",
     "@sentry/nextjs": "^7.120.2",
     "@serwist/next": "^9.0.11",
@@ -154,15 +153,15 @@
     "dayjs": "^1.11.13",
     "debug": "^4.4.0",
     "dexie": "^3.2.7",
-    "diff": "^5.2.0",
+    "diff": "^7.0.0",
     "drizzle-orm": "^0.38.3",
     "drizzle-zod": "^0.5.1",
     "fast-deep-equal": "^3.1.3",
     "file-type": "^19.6.0",
     "framer-motion": "^11.16.0",
     "gpt-tokenizer": "^2.8.1",
-    "i18next": "^23.16.8",
-    "i18next-browser-languagedetector": "^7.2.2",
+    "i18next": "^24.2.1",
+    "i18next-browser-languagedetector": "^8.0.2",
     "i18next-resources-to-backend": "^1.2.1",
     "idb-keyval": "^6.2.1",
     "immer": "^10.1.1",
@@ -173,20 +172,20 @@
     "langfuse": "3.29.1",
     "langfuse-core": "3.29.1",
     "lodash-es": "^4.17.21",
-    "lucide-react": "latest",
+    "lucide-react": "^0.469.0",
     "mammoth": "^1.9.0",
     "modern-screenshot": "^4.5.5",
     "nanoid": "^5.0.9",
-    "next": "^15.1.3",
+    "next": "^15.1.4",
     "next-auth": "beta",
-    "next-mdx-remote": "^4.4.1",
+    "next-mdx-remote": "^5.0.0",
     "nextjs-toploader": "^3.7.15",
     "numeral": "^2.0.6",
     "nuqs": "^1.20.0",
-    "officeparser": "^4.2.0",
+    "officeparser": "^5.1.1",
     "ollama": "^0.5.11",
     "openai": "^4.77.3",
-    "openapi-fetch": "^0.9.8",
+    "openapi-fetch": "^0.13.4",
     "partial-json": "^0.1.7",
     "pdf-parse": "^1.1.1",
     "pdfjs-dist": "4.8.69",
@@ -194,7 +193,7 @@
     "pino": "^9.6.0",
     "plaiceholder": "^3.0.0",
     "polished": "^4.3.1",
-    "posthog-js": "^1.204.0",
+    "posthog-js": "^1.205.0",
     "pwa-install-handler": "^2.6.2",
     "query-string": "^9.1.1",
     "random-words": "^2.0.1",
@@ -207,17 +206,18 @@
     "react-layout-kit": "^1.9.1",
     "react-lazy-load": "^4.0.1",
     "react-pdf": "^9.2.1",
-    "react-scan": "^0.0.51",
+    "react-scan": "^0.0.54",
     "react-virtuoso": "^4.12.3",
     "react-wrap-balancer": "^1.1.1",
-    "remark": "^14.0.3",
-    "remark-gfm": "^3.0.1",
-    "remark-html": "^15.0.2",
+    "remark": "^15.0.1",
+    "remark-gfm": "^4.0.0",
+    "remark-html": "^16.0.1",
     "request-filtering-agent": "^2.0.1",
     "resolve-accept-language": "^3.1.10",
     "rtl-detect": "^1.1.2",
     "semver": "^7.6.3",
     "sharp": "^0.33.5",
+    "shiki": "^1.26.1",
     "stripe": "^15.12.0",
     "superjson": "^2.2.2",
     "svix": "^1.45.1",
@@ -242,29 +242,29 @@
   "devDependencies": {
     "@commitlint/cli": "^19.6.1",
     "@edge-runtime/vm": "^5.0.0",
-    "@huggingface/tasks": "^0.12.30",
+    "@huggingface/tasks": "^0.13.13",
     "@lobehub/i18n-cli": "^1.20.3",
     "@lobehub/lint": "^1.25.3",
     "@lobehub/seo-cli": "^1.4.3",
-    "@next/bundle-analyzer": "^15.1.3",
-    "@next/eslint-plugin-next": "^15.1.3",
+    "@next/bundle-analyzer": "^15.1.4",
+    "@next/eslint-plugin-next": "^15.1.4",
     "@peculiar/webcrypto": "^1.5.0",
     "@semantic-release/exec": "^6.0.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
-    "@types/chroma-js": "^2.4.5",
+    "@types/chroma-js": "^3.1.0",
     "@types/crypto-js": "^4.2.2",
     "@types/debug": "^4.1.12",
-    "@types/diff": "^6.0.0",
+    "@types/diff": "^7.0.0",
     "@types/fs-extra": "^11.0.4",
     "@types/ip": "^1.1.3",
     "@types/json-schema": "^7.0.15",
     "@types/lodash": "^4.17.14",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.10.5",
     "@types/numeral": "^2.0.5",
     "@types/pg": "^8.11.10",
-    "@types/react": "18.3.13",
+    "@types/react": "^19.0.3",
     "@types/react-dom": "^19.0.2",
     "@types/rtl-detect": "^1.0.3",
     "@types/semver": "^7.5.8",
@@ -282,13 +282,12 @@
     "dpdm-fast": "^1.0.7",
     "drizzle-kit": "^0.30.1",
     "eslint": "^8.57.1",
-    "eslint-plugin-mdx": "^2.3.4",
-    "eslint-plugin-unused-imports": "4.0.1",
+    "eslint-plugin-mdx": "^3.1.5",
     "fake-indexeddb": "^6.0.0",
     "fs-extra": "^11.2.0",
     "glob": "^11.0.0",
     "gray-matter": "^4.0.3",
-    "happy-dom": "^15.11.7",
+    "happy-dom": "^16.5.2",
     "husky": "^9.1.7",
     "just-diff": "^6.0.2",
     "lint-staged": "^15.3.0",
@@ -298,11 +297,13 @@
     "mime": "^4.0.6",
     "node-fetch": "^3.3.2",
     "node-gyp": "^11.0.0",
-    "openapi-typescript": "^6.7.6",
+    "openapi-typescript": "^7.5.2",
     "p-map": "^7.0.3",
     "prettier": "^3.4.2",
-    "remark-cli": "^11.0.0",
-    "remark-parse": "^10.0.2",
+    "remark-cli": "^12.0.1",
+    "remark-frontmatter": "^5.0.0",
+    "remark-mdx": "^3.1.0",
+    "remark-parse": "^11.0.0",
     "semantic-release": "^21.1.2",
     "serwist": "^9.0.11",
     "stylelint": "^15.11.0",

package/scripts/mdxWorkflow/index.ts

@@ -37,6 +37,13 @@ const run = () => {
         .replaceAll(` \\*\\*`, ' **')
         .replaceAll(/\n{2,}/g, '\n\n');
 
+      if (!data?.title) {
+        const regex = /^#\s(.+)/;
+        const match = regex.exec(formatedContent.trim());
+        const title = match ? match[1] : '';
+        data.title = title;
+      }
+
       writeFileSync(post, matter.stringify(formatedContent, data));
     } catch (error) {
       consola.error(post);

package/src/app/(main)/(mobile)/me/(home)/features/Header.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ActionIcon, MobileNavBar } from '@lobehub/ui';
+import { ActionIcon } from '@lobehub/ui';
+import { MobileNavBar } from '@lobehub/ui/mobile';
 import { useTheme } from 'antd-style';
 import { Moon, Sun } from 'lucide-react';
 import { memo } from 'react';

package/src/app/(main)/(mobile)/me/data/features/Header.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui';
+import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui/mobile';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/(main)/(mobile)/me/profile/features/Header.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui';
+import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui/mobile';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/(main)/(mobile)/me/settings/features/Header.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui';
+import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui/mobile';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/(main)/@nav/_layout/Mobile.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { Icon, MobileTabBar, type MobileTabBarProps } from '@lobehub/ui';
+import { Icon } from '@lobehub/ui';
+import { MobileTabBar, type MobileTabBarProps } from '@lobehub/ui/mobile';
 import { createStyles } from 'antd-style';
 import { Compass, MessageSquare, User } from 'lucide-react';
 import { useRouter } from 'next/navigation';

package/src/app/(main)/chat/(workspace)/@topic/features/SystemRole/SystemRoleContent.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ActionIcon, EditableMessage } from '@lobehub/ui';
+import { ActionIcon } from '@lobehub/ui';
+import { EditableMessage } from '@lobehub/ui/chat';
 import { Skeleton } from 'antd';
 import { Edit } from 'lucide-react';
 import { memo, useState } from 'react';

package/src/app/(main)/chat/(workspace)/@topic/features/TopicListContent/ByTimeMode/GroupItem.tsx

@@ -16,8 +16,8 @@ const useStyles = createStyles(({ css, token, responsive }) => ({
     box-shadow: 0 3px 4px -2px ${token.colorBgLayout};
 
     ${responsive.mobile} {
-      background: ${token.colorBgElevated};
-      box-shadow: 0 3px 4px -2px ${token.colorBgElevated};
+      background: ${token.colorBgContainer};
+      box-shadow: 0 3px 4px -2px ${token.colorBgContainer};
     }
   `,
 }));

package/src/app/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/Main.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ActionIcon, Avatar, ChatHeaderTitle } from '@lobehub/ui';
+import { ActionIcon, Avatar } from '@lobehub/ui';
+import { ChatHeaderTitle } from '@lobehub/ui/chat';
 import { Skeleton } from 'antd';
 import { PanelLeftClose, PanelLeftOpen } from 'lucide-react';
 import { parseAsBoolean, useQueryState } from 'nuqs';

package/src/app/(main)/chat/(workspace)/_layout/Desktop/ChatHeader/index.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ChatHeader } from '@lobehub/ui';
+import { ChatHeader } from '@lobehub/ui/chat';
 
 import { useGlobalStore } from '@/store/global';
 import { systemStatusSelectors } from '@/store/global/selectors';

package/src/app/(main)/chat/(workspace)/_layout/Mobile/ChatHeader/ChatHeaderTitle.tsx

@@ -1,4 +1,5 @@
-import { ActionIcon, MobileNavBarTitle } from '@lobehub/ui';
+import { ActionIcon } from '@lobehub/ui';
+import { MobileNavBarTitle } from '@lobehub/ui/mobile';
 import { useTheme } from 'antd-style';
 import { ChevronDown } from 'lucide-react';
 import { memo } from 'react';

package/src/app/(main)/chat/(workspace)/_layout/Mobile/ChatHeader/index.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { MobileNavBar } from '@lobehub/ui';
+import { MobileNavBar } from '@lobehub/ui/mobile';
 import { memo, useState } from 'react';
 
 import { useInitAgentConfig } from '@/app/(main)/chat/(workspace)/_layout/useInitAgentConfig';

package/src/app/(main)/chat/@session/_layout/Mobile/SessionHeader.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { ActionIcon, MobileNavBar } from '@lobehub/ui';
+import { ActionIcon } from '@lobehub/ui';
+import { MobileNavBar } from '@lobehub/ui/mobile';
 import { MessageSquarePlus } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';

package/src/app/(main)/chat/settings/_layout/Desktop/Header.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { ChatHeader, ChatHeaderTitle } from '@lobehub/ui';
+import { ChatHeader, ChatHeaderTitle } from '@lobehub/ui/chat';
 import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/(main)/chat/settings/_layout/Mobile/Header.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui';
+import { MobileNavBar, MobileNavBarTitle } from '@lobehub/ui/mobile';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 

package/src/app/(main)/discover/(detail)/provider/[slug]/features/InfoSidebar/SuggestionItem.tsx

@@ -1,9 +1,9 @@
 import { ProviderCombine } from '@lobehub/icons';
 import { Typography } from 'antd';
 import { createStyles } from 'antd-style';
-import { memo } from 'react';
+import { CSSProperties, memo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Flexbox, FlexboxProps } from 'react-layout-kit';
+import { Flexbox } from 'react-layout-kit';
 
 import { DiscoverProviderItem } from '@/types/discover';
 
@@ -44,17 +44,19 @@ const useStyles = createStyles(({ css, token, isDarkMode }) => ({
 }));
 
 export interface SuggestionItemProps
-  extends Omit<DiscoverProviderItem, 'suggestions' | 'socialData'>,
-    FlexboxProps {}
+  extends Omit<DiscoverProviderItem, 'suggestions' | 'socialData'> {
+  className?: string;
+  style?: CSSProperties;
+}
 
 const SuggestionItem = memo<SuggestionItemProps>(
-  ({ className, meta, identifier, models, ...rest }) => {
+  ({ className, meta, identifier, models, style }) => {
     const { title, description } = meta;
     const { t } = useTranslation(['discover', 'providers']);
     const { cx, styles, theme } = useStyles();
 
     return (
-      <Flexbox className={cx(styles.container, className)} gap={12} key={identifier} {...rest}>
+      <Flexbox className={cx(styles.container, className)} gap={12} key={identifier} style={style}>
         <ProviderCombine provider={identifier} size={24} title={title} />
         <Flexbox gap={8} horizontal style={{ fontSize: 12, marginTop: -8 }}>
           <div style={{ color: theme.colorTextSecondary }}>@{meta.title}</div>