@lobehub/chat 1.56.5 → 1.57.1

package/.github/ISSUE_TEMPLATE/1_bug_report.yml

@@ -5,7 +5,7 @@ labels: ['🐛 Bug']
 body:
   - type: dropdown
     attributes:
-      label: '📦 Environment'
+      label: '📦 Platform'
       multiple: true
       options:
         - 'Official Preview'
@@ -13,10 +13,19 @@ body:
         - 'Zeabur'
         - 'Sealos'
         - 'Netlify'
-        - 'Docker'
+        - 'Self hosting Docker'
         - 'Other'
     validations:
       required: true
+  - type: dropdown
+    attributes:
+      label: '📦 Deploymenet mode'
+      multiple: true
+      options:
+        - 'client db (lobe-chat image)'
+        - 'server db(lobe-chat-database image)'
+    validations:
+      required: true
   - type: input
     attributes:
       label: '📌 Version'

package/.github/ISSUE_TEMPLATE/1_bug_report_cn.yml

@@ -17,6 +17,15 @@ body:
         - 'Other'
     validations:
       required: true
+  - type: dropdown
+    attributes:
+      label: '📦 部署模式'
+      multiple: true
+      options:
+        - '客户端模式(lobe-chat 镜像)'
+        - '服务端模式(lobe-chat-database 镜像)'
+    validations:
+      required: true
   - type: input
     attributes:
       label: '📌 软件版本'

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.57.1](https://github.com/lobehub/lobe-chat/compare/v1.57.0...v1.57.1)
+
+<sup>Released on **2025-02-16**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix mobile agent settings not show correctly.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix mobile agent settings not show correctly, closes [#6203](https://github.com/lobehub/lobe-chat/issues/6203) ([0285d95](https://github.com/lobehub/lobe-chat/commit/0285d95))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+## [Version 1.57.0](https://github.com/lobehub/lobe-chat/compare/v1.56.5...v1.57.0)
+
+<sup>Released on **2025-02-16**</sup>
+
+#### ✨ Features
+
+- **misc**: Add Jina AI model provider support.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's improved
+
+- **misc**: Add Jina AI model provider support, closes [#6140](https://github.com/lobehub/lobe-chat/issues/6140) ([6b4c15b](https://github.com/lobehub/lobe-chat/commit/6b4c15b))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.56.5](https://github.com/lobehub/lobe-chat/compare/v1.56.4...v1.56.5)
 
 <sup>Released on **2025-02-16**</sup>

package/Dockerfile

@@ -183,6 +183,8 @@ ENV \
     HUNYUAN_API_KEY="" HUNYUAN_MODEL_LIST="" \
     # InternLM
     INTERNLM_API_KEY="" INTERNLM_MODEL_LIST="" \
+    # Jina
+    JINA_API_KEY="" JINA_MODEL_LIST="" JINA_PROXY_URL="" \
     # Minimax
     MINIMAX_API_KEY="" MINIMAX_MODEL_LIST="" \
     # Mistral

package/Dockerfile.database

@@ -220,6 +220,8 @@ ENV \
     HUNYUAN_API_KEY="" HUNYUAN_MODEL_LIST="" \
     # InternLM
     INTERNLM_API_KEY="" INTERNLM_MODEL_LIST="" \
+    # Jina
+    JINA_API_KEY="" JINA_MODEL_LIST="" JINA_PROXY_URL="" \
     # Minimax
     MINIMAX_API_KEY="" MINIMAX_MODEL_LIST="" \
     # Mistral

package/changelog/v1.json

@@ -1,4 +1,22 @@
 [
+  {
+    "children": {
+      "improvements": [
+        "Fix mobile agent settings not show correctly."
+      ]
+    },
+    "date": "2025-02-16",
+    "version": "1.57.1"
+  },
+  {
+    "children": {
+      "features": [
+        "Add Jina AI model provider support."
+      ]
+    },
+    "date": "2025-02-16",
+    "version": "1.57.0"
+  },
   {
     "children": {
       "fixes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.56.5",
+  "version": "1.57.1",
   "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",

package/src/{features → app/[variants]/(main)/chat/(workspace)/@conversation/features}/ChatInput/Mobile/Files/FileItem/File.tsx

@@ -8,7 +8,7 @@ import { Flexbox } from 'react-layout-kit';
 import FileIcon from '@/components/FileIcon';
 import { UploadFileItem } from '@/types/files';
 
-import UploadDetail from '../../../components/UploadDetail';
+import UploadDetail from '../../../../../../../../../../../features/ChatInput/components/UploadDetail';
 
 const useStyles = createStyles(({ css, token }) => ({
   container: css`

package/src/{features → app/[variants]/(main)/chat/(workspace)/@conversation/features}/ChatInput/Mobile/index.tsx

@@ -1,8 +1,10 @@
 'use client';
 
+import { Skeleton } from 'antd';
 import { useTheme } from 'antd-style';
 import { TextAreaRef } from 'antd/es/input/TextArea';
 import { memo, useRef, useState } from 'react';
+import { Flexbox } from 'react-layout-kit';
 
 import ActionBar from '@/features/ChatInput/ActionBar';
 import { ActionKeys } from '@/features/ChatInput/ActionBar/config';
@@ -12,6 +14,7 @@ import { useSendMessage } from '@/features/ChatInput/useSend';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
 
+import { useInitAgentConfig } from '../../../../_layout/useInitAgentConfig';
 import Files from './Files';
 import InputArea from './InputArea';
 import SendButton from './Send';
@@ -33,6 +36,7 @@ const MobileChatInput = memo(() => {
   const ref = useRef<TextAreaRef>(null);
   const [expand, setExpand] = useState<boolean>(false);
   const { send: sendMessage, canSend } = useSendMessage();
+  const { isLoading } = useInitAgentConfig();
 
   const [loading, value, onInput, onStop] = useChatStore((s) => [
     chatSelectors.isAIGenerating(s),
@@ -63,15 +67,21 @@ const MobileChatInput = memo(() => {
         <SendButton disabled={!canSend} loading={loading} onSend={sendMessage} onStop={onStop} />
       }
       topAddons={
-        <>
-          <Files />
-          <ActionBar
-            leftActions={defaultLeftActions}
-            padding={'0 8px'}
-            rightActions={defaultRightActions}
-            rightAreaStartRender={<SaveTopic mobile />}
-          />
-        </>
+        isLoading ? (
+          <Flexbox paddingInline={8}>
+            <Skeleton.Button active block size={'small'} />
+          </Flexbox>
+        ) : (
+          <>
+            <Files />
+            <ActionBar
+              leftActions={defaultLeftActions}
+              padding={'0 8px'}
+              rightActions={defaultRightActions}
+              rightAreaStartRender={<SaveTopic mobile />}
+            />
+          </>
+        )
       }
       value={value}
     />

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatInput/index.tsx

@@ -1,6 +1,5 @@
-import MobileChatInput from '@/features/ChatInput/Mobile';
-
 import DesktopChatInput from './Desktop';
+import MobileChatInput from './Mobile';
 
 const ChatInput = ({ mobile }: { mobile: boolean }) => {
   const Input = mobile ? MobileChatInput : DesktopChatInput;

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

@@ -42,7 +42,21 @@ const Main = memo(() => {
   const updateSystemStatus = useGlobalStore((s) => s.updateSystemStatus);
 
   return !init ? (
-    <Flexbox horizontal>
+    <Flexbox gap={4} horizontal>
+      {!isPinned && (
+        <ActionIcon
+          aria-label={t('agents')}
+          icon={showSessionPanel ? PanelLeftClose : PanelLeftOpen}
+          onClick={() => {
+            updateSystemStatus({
+              sessionsWidth: showSessionPanel ? 0 : 320,
+              showSessionPanel: !showSessionPanel,
+            });
+          }}
+          size={DESKTOP_HEADER_ICON_SIZE}
+          title={t('agents')}
+        />
+      )}
       <Skeleton
         active
         avatar={{ shape: 'circle', size: 'default' }}

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

@@ -3,7 +3,6 @@
 import { MobileNavBar } from '@lobehub/ui/mobile';
 import { memo, useState } from 'react';
 
-import { useInitAgentConfig } from '@/app/[variants]/(main)/chat/(workspace)/_layout/useInitAgentConfig';
 import { INBOX_SESSION_ID } from '@/const/session';
 import { useQueryRoute } from '@/hooks/useQueryRoute';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
@@ -17,7 +16,6 @@ const MobileHeader = memo(() => {
   const [open, setOpen] = useState(false);
 
   const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
-  useInitAgentConfig();
 
   return (
     <MobileNavBar

package/src/app/[variants]/(main)/chat/(workspace)/features/AgentSettings/index.tsx

@@ -101,7 +101,7 @@ const AgentSettings = memo(() => {
             width={'100%'}
           >
             {tab === ChatSettingsTabs.Meta && <AgentMeta />}
-            {tab === ChatSettingsTabs.Prompt && <AgentPrompt modal />}
+            {tab === ChatSettingsTabs.Prompt && <AgentPrompt />}
             {tab === ChatSettingsTabs.Chat && <AgentChat />}
             {tab === ChatSettingsTabs.Modal && <AgentModal />}
             {tab === ChatSettingsTabs.TTS && <AgentTTS />}

package/src/app/[variants]/(main)/chat/settings/page.tsx

@@ -1,7 +1,97 @@
-import EditPage from './features/EditPage';
+'use client';
 
-const Page = () => {
-  return <EditPage />;
-};
+import { TabsNav } from '@lobehub/ui';
+import isEqual from 'fast-deep-equal';
+import { memo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 
-export default Page;
+import PageTitle from '@/components/PageTitle';
+import { INBOX_SESSION_ID } from '@/const/session';
+import { AgentSettingsProvider } from '@/features/AgentSetting';
+import AgentChat from '@/features/AgentSetting/AgentChat';
+import AgentMeta from '@/features/AgentSetting/AgentMeta';
+import AgentModal from '@/features/AgentSetting/AgentModal';
+import AgentPlugin from '@/features/AgentSetting/AgentPlugin';
+import AgentPrompt from '@/features/AgentSetting/AgentPrompt';
+import AgentTTS from '@/features/AgentSetting/AgentTTS';
+import { useAgentStore } from '@/store/agent';
+import { agentSelectors } from '@/store/agent/selectors';
+import { ChatSettingsTabs } from '@/store/global/initialState';
+import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
+import { useSessionStore } from '@/store/session';
+import { sessionMetaSelectors } from '@/store/session/selectors';
+
+const EditPage = memo(() => {
+  const { t } = useTranslation('setting');
+  const [tab, setTab] = useState(ChatSettingsTabs.Prompt);
+
+  const [id, updateAgentMeta, title] = useSessionStore((s) => [
+    s.activeId,
+    s.updateSessionMeta,
+    sessionMetaSelectors.currentAgentTitle(s),
+  ]);
+  const [useFetchAgentConfig, updateAgentConfig] = useAgentStore((s) => [
+    s.useFetchAgentConfig,
+    s.updateAgentConfig,
+  ]);
+
+  const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
+  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
+
+  const { isLoading } = useFetchAgentConfig(id);
+  const { enablePlugins } = useServerConfigStore(featureFlagsSelectors);
+
+  return (
+    <>
+      <PageTitle title={t('header.sessionWithName', { name: title })} />
+
+      <TabsNav
+        items={[
+          {
+            key: ChatSettingsTabs.Prompt,
+            label: t('settingAgent.prompt.title'),
+          },
+          (id !== INBOX_SESSION_ID && {
+            key: ChatSettingsTabs.Meta,
+            label: t('settingAgent.title'),
+          }) as any,
+          {
+            key: ChatSettingsTabs.Chat,
+            label: t('settingChat.title'),
+          },
+          {
+            key: ChatSettingsTabs.Modal,
+            label: t('settingModel.title'),
+          },
+          {
+            key: ChatSettingsTabs.TTS,
+            label: t('settingTTS.title'),
+          },
+          (enablePlugins && {
+            key: ChatSettingsTabs.Plugin,
+            label: t('settingPlugin.title'),
+          }) as any,
+        ]}
+        onChange={(value) => setTab(value as ChatSettingsTabs)}
+        variant={'compact'}
+      />
+      <AgentSettingsProvider
+        config={config}
+        id={id}
+        loading={isLoading}
+        meta={meta}
+        onConfigChange={updateAgentConfig}
+        onMetaChange={updateAgentMeta}
+      >
+        {tab === ChatSettingsTabs.Prompt && <AgentPrompt modal />}
+        {tab === ChatSettingsTabs.Meta && <AgentMeta />}
+        {tab === ChatSettingsTabs.Chat && <AgentChat />}
+        {tab === ChatSettingsTabs.Modal && <AgentModal />}
+        {tab === ChatSettingsTabs.TTS && <AgentTTS />}
+        {tab === ChatSettingsTabs.Plugin && <AgentPlugin />}
+      </AgentSettingsProvider>
+    </>
+  );
+});
+
+export default EditPage;

package/src/app/[variants]/(main)/settings/llm/ProviderList/providers.tsx

@@ -13,6 +13,7 @@ import {
   HigressProviderCard,
   HunyuanProviderCard,
   InternLMProviderCard,
+  JinaProviderCard,
   MinimaxProviderCard,
   MistralProviderCard,
   MoonshotProviderCard,
@@ -77,6 +78,7 @@ export const useProviderList = (): ProviderItem[] => {
       Ai21ProviderCard,
       UpstageProviderCard,
       XAIProviderCard,
+      JinaProviderCard,
       QwenProviderCard,
       WenxinProviderCard,
       HunyuanProviderCard,

package/src/config/aiModels/index.ts

@@ -18,6 +18,7 @@ import { default as higress } from './higress';
 import { default as huggingface } from './huggingface';
 import { default as hunyuan } from './hunyuan';
 import { default as internlm } from './internlm';
+import { default as jina } from './jina';
 import { default as lmstudio } from './lmstudio';
 import { default as minimax } from './minimax';
 import { default as mistral } from './mistral';
@@ -81,6 +82,7 @@ export const LOBE_DEFAULT_MODEL_LIST = buildDefaultModelList({
   huggingface,
   hunyuan,
   internlm,
+  jina,
   lmstudio,
   minimax,
   mistral,
@@ -125,6 +127,7 @@ export { default as higress } from './higress';
 export { default as huggingface } from './huggingface';
 export { default as hunyuan } from './hunyuan';
 export { default as internlm } from './internlm';
+export { default as jina } from './jina';
 export { default as lmstudio } from './lmstudio';
 export { default as minimax } from './minimax';
 export { default as mistral } from './mistral';

package/src/config/aiModels/jina.ts

@@ -0,0 +1,23 @@
+import { AIChatModelCard } from '@/types/aiModel';
+
+const jinaChatModels: AIChatModelCard[] = [
+  {
+    abilities: {
+      reasoning: true,
+    },
+    contextWindowTokens: 64_000,
+    description: '深度搜索结合了网络搜索、阅读和推理，可进行全面调查。您可以将其视为一个代理，接受您的研究任务 - 它会进行广泛搜索并经过多次迭代，然后才能给出答案。这个过程涉及持续的研究、推理和从各个角度解决问题。这与直接从预训练数据生成答案的标准大模型以及依赖一次性表面搜索的传统 RAG 系统有着根本的不同。',
+    displayName: 'Jina DeepSearch v1',
+    enabled: true,
+    id: 'jina-deepsearch-v1',
+    pricing: {
+      input: 0.02,
+      output: 0.02
+    },
+    type: 'chat'
+  }
+]
+
+export const allModels = [...jinaChatModels];
+
+export default allModels;

package/src/config/llm.ts

@@ -134,6 +134,9 @@ export const getLLMConfig = () => {
 
       ENABLED_TENCENT_CLOUD: z.boolean(),
       TENCENT_CLOUD_API_KEY: z.string().optional(),
+
+      ENABLED_JINA: z.boolean(),
+      JINA_API_KEY: z.string().optional(),
     },
     runtimeEnv: {
       API_KEY_SELECT_MODE: process.env.API_KEY_SELECT_MODE,
@@ -266,6 +269,9 @@ export const getLLMConfig = () => {
 
       ENABLED_TENCENT_CLOUD: !!process.env.TENCENT_CLOUD_API_KEY,
       TENCENT_CLOUD_API_KEY: process.env.TENCENT_CLOUD_API_KEY,
+
+      ENABLED_JINA: !!process.env.JINA_API_KEY,
+      JINA_API_KEY: process.env.JINA_API_KEY,
     },
   });
 };

package/src/config/modelProviders/index.ts

@@ -18,6 +18,7 @@ import HigressProvider from './higress';
 import HuggingFaceProvider from './huggingface';
 import HunyuanProvider from './hunyuan';
 import InternLMProvider from './internlm';
+import JinaProvider from './jina';
 import LMStudioProvider from './lmstudio';
 import MinimaxProvider from './minimax';
 import MistralProvider from './mistral';
@@ -67,6 +68,7 @@ export const LOBE_DEFAULT_MODEL_LIST: ChatModelCard[] = [
   AnthropicProvider.chatModels,
   HuggingFaceProvider.chatModels,
   XAIProvider.chatModels,
+  JinaProvider.chatModels,
   ZeroOneProvider.chatModels,
   StepfunProvider.chatModels,
   NovitaProvider.chatModels,
@@ -110,6 +112,7 @@ export const DEFAULT_MODEL_PROVIDER_LIST = [
   Ai21Provider,
   UpstageProvider,
   XAIProvider,
+  JinaProvider,
   QwenProvider,
   WenxinProvider,
   TencentcloudProvider,
@@ -159,6 +162,7 @@ export { default as HigressProviderCard } from './higress';
 export { default as HuggingFaceProviderCard } from './huggingface';
 export { default as HunyuanProviderCard } from './hunyuan';
 export { default as InternLMProviderCard } from './internlm';
+export { default as JinaProviderCard } from './jina';
 export { default as LMStudioProviderCard } from './lmstudio';
 export { default as MinimaxProviderCard } from './minimax';
 export { default as MistralProviderCard } from './mistral';

package/src/config/modelProviders/jina.ts

@@ -0,0 +1,21 @@
+import { ModelProviderCard } from '@/types/llm';
+
+const Jina: ModelProviderCard = {
+  chatModels: [],
+  checkModel: 'jina-deepsearch-v1',
+  description: 'Jina AI 成立于 2020 年，是一家领先的搜索 AI 公司。我们的搜索底座平台包含了向量模型、重排器和小语言模型，可帮助企业构建可靠且高质量的生成式AI和多模态的搜索应用。',
+  id: 'jina',
+  modelList: { showModelFetcher: true },
+  modelsUrl: 'https://jina.ai/models',
+  name: 'Jina',
+  settings: {
+    proxyUrl: {
+      placeholder: 'https://deepsearch.jina.ai/v1',
+    },
+    sdkType: 'openai',
+    showModelFetcher: true,
+  },
+  url: 'https://jina.ai',
+};
+
+export default Jina; 

package/src/features/AgentSetting/AgentMeta/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { Form, type FormItemProps, Icon, type ItemGroup, Tooltip } from '@lobehub/ui';
-import { Button } from 'antd';
+import { Button, Skeleton } from 'antd';
 import isEqual from 'fast-deep-equal';
 import { isString } from 'lodash-es';
 import { Wand2 } from 'lucide-react';
@@ -27,7 +27,11 @@ const AgentMeta = memo(() => {
     s.autocompleteMeta,
     s.autocompleteAllMeta,
   ]);
-  const [isInbox, loading] = useStore((s) => [s.id === INBOX_SESSION_ID, s.autocompleteLoading]);
+  const [isInbox, isIniting, autocompleteLoading] = useStore((s) => [
+    s.id === INBOX_SESSION_ID,
+    s.loading,
+    s.autocompleteLoading,
+  ]);
   const meta = useStore((s) => s.meta, isEqual);
 
   if (isInbox) return;
@@ -59,10 +63,12 @@ const AgentMeta = memo(() => {
   const autocompleteItems: FormItemProps[] = basic.map((item) => {
     const AutoGenerate = item.Render;
     return {
-      children: (
+      children: isIniting ? (
+        <Skeleton.Button active block size={'small'} />
+      ) : (
         <AutoGenerate
           canAutoGenerate={hasSystemRole}
-          loading={loading[item.key as keyof SessionLoadingState]}
+          loading={autocompleteLoading[item.key as keyof SessionLoadingState]}
           onChange={item.onChange}
           onGenerate={() => {
             autocompleteMeta(item.key as keyof typeof meta);
@@ -78,11 +84,13 @@ const AgentMeta = memo(() => {
   const metaData: ItemGroup = {
     children: [
       {
-        children: (
+        children: isIniting ? (
+          <Skeleton.Button active block size={'small'} />
+        ) : (
           <AutoGenerateAvatar
             background={meta.backgroundColor}
             canAutoGenerate={hasSystemRole}
-            loading={loading['avatar']}
+            loading={autocompleteLoading['avatar']}
             onChange={(avatar) => updateMeta({ avatar })}
             onGenerate={() => autocompleteMeta('avatar')}
             value={meta.avatar}
@@ -92,7 +100,9 @@ const AgentMeta = memo(() => {
         minWidth: undefined,
       },
       {
-        children: (
+        children: isIniting ? (
+          <Skeleton.Button active block size={'small'} />
+        ) : (
           <BackgroundSwatches
             backgroundColor={meta.backgroundColor}
             onChange={(backgroundColor) => updateMeta({ backgroundColor })}
@@ -103,7 +113,7 @@ const AgentMeta = memo(() => {
       },
       ...autocompleteItems,
     ],
-    extra: (
+    extra: !isIniting && (
       <Tooltip
         title={
           !hasSystemRole
@@ -114,7 +124,7 @@ const AgentMeta = memo(() => {
         <Button
           disabled={!hasSystemRole}
           icon={<Icon icon={Wand2} />}
-          loading={Object.values(loading).some((i) => !!i)}
+          loading={Object.values(autocompleteLoading).some((i) => !!i)}
           onClick={(e: any) => {
             e.stopPropagation();
 

package/src/features/AgentSetting/AgentPrompt/index.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { EditableMessage, Form } from '@lobehub/ui';
-import { Button } from 'antd';
+import { Button, Skeleton } from 'antd';
 import { createStyles } from 'antd-style';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -40,7 +40,37 @@ const AgentPrompt = memo<{ modal?: boolean }>(({ modal }) => {
   const { t } = useTranslation('setting');
   const { styles } = useStyles();
   const [editing, setEditing] = useState(false);
-  const [systemRole, updateConfig] = useStore((s) => [s.config.systemRole, s.setAgentConfig]);
+  const [loading, systemRole, updateConfig] = useStore((s) => [
+    s.loading,
+    s.config.systemRole,
+    s.setAgentConfig,
+  ]);
+
+  if (loading) {
+    return (
+      <div className={styles.wrapper}>
+        <Flexbox className={styles.container} padding={4}>
+          <Flexbox horizontal justify={'space-between'} paddingBlock={8} paddingInline={12}>
+            <h1 style={{ fontSize: 18, fontWeight: 'bold', marginBottom: 4 }}>
+              {t('settingAgent.prompt.title')}
+            </h1>
+          </Flexbox>
+          <Flexbox
+            align={'center'}
+            className={styles.content}
+            flex={1}
+            gap={16}
+            horizontal
+            justify={'space-between'}
+            padding={12}
+            wrap={'wrap'}
+          >
+            <Skeleton active style={{ paddingTop: 12 }} title={false} />
+          </Flexbox>
+        </Flexbox>
+      </div>
+    );
+  }
 
   const content = (
     <EditableMessage

package/src/features/AgentSetting/AgentSettings.tsx

@@ -5,23 +5,22 @@ import AgentMeta from './AgentMeta';
 import AgentModal from './AgentModal';
 import AgentPlugin from './AgentPlugin';
 import AgentPrompt from './AgentPrompt';
+import { AgentSettingsProvider } from './AgentSettingsProvider';
 import AgentTTS from './AgentTTS';
-import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
-import { Provider, createStore } from './store';
+import { StoreUpdaterProps } from './StoreUpdater';
 
 type AgentSettingsProps = StoreUpdaterProps;
 
 export const AgentSettings = (props: AgentSettingsProps) => {
   const { enablePlugins } = useServerConfigStore(featureFlagsSelectors);
   return (
-    <Provider createStore={createStore}>
-      <StoreUpdater {...props} />
+    <AgentSettingsProvider {...props}>
       <AgentPrompt />
       <AgentMeta />
       <AgentChat />
       <AgentModal />
       <AgentTTS />
       {enablePlugins && <AgentPlugin />}
-    </Provider>
+    </AgentSettingsProvider>
   );
 };

package/src/features/AgentSetting/AgentSettingsProvider.tsx

@@ -0,0 +1,17 @@
+import { ReactNode, memo } from 'react';
+
+import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
+import { Provider, createStore } from './store';
+
+interface AgentSettingsProps extends StoreUpdaterProps {
+  children: ReactNode;
+}
+
+export const AgentSettingsProvider = memo<AgentSettingsProps>(({ children, ...props }) => {
+  return (
+    <Provider createStore={createStore}>
+      <StoreUpdater {...props} />
+      {children}
+    </Provider>
+  );
+});

package/src/features/AgentSetting/StoreUpdater.tsx

@@ -7,12 +7,14 @@ import { AgentSettingsInstance, useAgentSettings } from './hooks/useAgentSetting
 import { State, useStoreApi } from './store';
 
 export interface StoreUpdaterProps
-  extends Partial<Pick<State, 'onMetaChange' | 'onConfigChange' | 'meta' | 'config' | 'id'>> {
+  extends Partial<
+    Pick<State, 'onMetaChange' | 'onConfigChange' | 'meta' | 'config' | 'id' | 'loading'>
+  > {
   instanceRef?: ForwardedRef<AgentSettingsInstance> | null;
 }
 
 const StoreUpdater = memo<StoreUpdaterProps>(
-  ({ onConfigChange, instanceRef, id, onMetaChange, meta, config }) => {
+  ({ onConfigChange, instanceRef, id, onMetaChange, meta, config, loading }) => {
     const storeApi = useStoreApi();
     const useStoreUpdater = createStoreUpdater(storeApi);
 
@@ -20,6 +22,7 @@ const StoreUpdater = memo<StoreUpdaterProps>(
     useStoreUpdater('config', config);
     useStoreUpdater('onConfigChange', onConfigChange);
     useStoreUpdater('onMetaChange', onMetaChange);
+    useStoreUpdater('loading', loading);
     useStoreUpdater('id', id);
 
     const instance = useAgentSettings();

package/src/features/AgentSetting/index.tsx

@@ -1,3 +1,3 @@
 export { AgentSettings } from './AgentSettings';
-export { AgentSettingsStore } from './AgentSettingsStore';
+export { AgentSettingsProvider } from './AgentSettingsProvider';
 export type { AgentSettingsInstance } from './hooks/useAgentSettings';

package/src/features/AgentSetting/store/initialState.ts

@@ -7,8 +7,9 @@ export interface State {
   autocompleteLoading: SessionLoadingState;
   config: LobeAgentConfig;
   id?: string;
-  meta: MetaData;
+  loading?: boolean;
 
+  meta: MetaData;
   onConfigChange?: (config: LobeAgentConfig) => void;
   onMetaChange?: (meta: MetaData) => void;
 }

package/src/hooks/useInterceptingRoutes.test.ts

@@ -43,7 +43,7 @@ describe('useOpenChatSettings', () => {
     vi.mocked(useSessionStore).mockReturnValue('123');
     vi.mocked(useIsMobile).mockReturnValue(true);
     const { result } = renderHook(() => useOpenChatSettings(ChatSettingsTabs.Meta));
-    expect(result.current()).toBe('/chat/settings');
+    expect(result.current()).toBe('/chat/settings?session=123');
   });
 
   it('should handle desktop route for chat settings with session and tab', () => {

package/src/hooks/useInterceptingRoutes.ts

@@ -20,7 +20,7 @@ export const useOpenChatSettings = (tab: ChatSettingsTabs = ChatSettingsTabs.Met
       return () => router.push(urlJoin('/settings', SettingsTabs.Agent));
     }
 
-    if (isMobile) return () => router.push('/chat/settings');
+    if (isMobile) return () => router.push('/chat/settings', { query: { session: activeId } });
 
     return () => {
       useAgentStore.setState({ showAgentSetting: true });

package/src/layout/GlobalProvider/StoreInitialization.tsx

@@ -32,7 +32,7 @@ const StoreInitialization = memo(() => {
 
   const useInitSystemStatus = useGlobalStore((s) => s.useInitSystemStatus);
 
-  const useInitAgentStore = useAgentStore((s) => s.useInitAgentStore);
+  const useInitAgentStore = useAgentStore((s) => s.useInitInboxAgentStore);
   const useInitAiProviderKeyVaults = useAiInfraStore((s) => s.useFetchAiProviderRuntimeState);
 
   // init the system preference

package/src/libs/agent-runtime/AgentRuntime.ts

@@ -21,6 +21,7 @@ import { LobeHigressAI } from './higress';
 import { LobeHuggingFaceAI } from './huggingface';
 import { LobeHunyuanAI } from './hunyuan';
 import { LobeInternLMAI } from './internlm';
+import { LobeJinaAI } from './jina';
 import { LobeLMStudioAI } from './lmstudio';
 import { LobeMinimaxAI } from './minimax';
 import { LobeMistralAI } from './mistral';
@@ -154,6 +155,7 @@ class AgentRuntime {
       huggingface: { apiKey?: string; baseURL?: string };
       hunyuan: Partial<ClientOptions>;
       internlm: Partial<ClientOptions>;
+      jina: Partial<ClientOptions>;
       lmstudio: Partial<ClientOptions>;
       minimax: Partial<ClientOptions>;
       mistral: Partial<ClientOptions>;
@@ -369,6 +371,11 @@ class AgentRuntime {
         break;
       }
 
+      case ModelProvider.Jina: {
+        runtimeModel = new LobeJinaAI(params.jina ?? {});
+        break;
+      }
+
       case ModelProvider.Cloudflare: {
         runtimeModel = new LobeCloudflareAI(params.cloudflare ?? {});
         break;

package/src/libs/agent-runtime/jina/index.ts

@@ -0,0 +1,49 @@
+import { ModelProvider } from '../types';
+import { LobeOpenAICompatibleFactory } from '../utils/openaiCompatibleFactory';
+
+import type { ChatModelCard } from '@/types/llm';
+
+export interface JinaModelCard {
+  id: string;
+}
+
+export const LobeJinaAI = LobeOpenAICompatibleFactory({
+  baseURL: 'https://deepsearch.jina.ai/v1',
+  debug: {
+    chatCompletion: () => process.env.DEBUG_JINA_CHAT_COMPLETION === '1',
+  },
+  models: async ({ client }) => {
+    const { LOBE_DEFAULT_MODEL_LIST } = await import('@/config/aiModels');
+
+    const reasoningKeywords = [
+      'deepsearch',
+    ];
+
+    const modelsPage = await client.models.list() as any;
+    const modelList: JinaModelCard[] = modelsPage.data;
+
+    return modelList
+      .map((model) => {
+        const knownModel = LOBE_DEFAULT_MODEL_LIST.find((m) => model.id.toLowerCase() === m.id.toLowerCase());
+
+        return {
+          contextWindowTokens: knownModel?.contextWindowTokens ?? undefined,
+          displayName: knownModel?.displayName ?? undefined,
+          enabled: knownModel?.enabled || false,
+          functionCall:
+            knownModel?.abilities?.functionCall
+            || false,
+          id: model.id,
+          reasoning:
+            reasoningKeywords.some(keyword => model.id.toLowerCase().includes(keyword))
+            || knownModel?.abilities?.reasoning
+            || false,
+          vision:
+            knownModel?.abilities?.vision
+            || false,
+        };
+      })
+      .filter(Boolean) as ChatModelCard[];
+  },
+  provider: ModelProvider.Jina,
+});

package/src/libs/agent-runtime/types/type.ts

@@ -40,6 +40,7 @@ export enum ModelProvider {
   HuggingFace = 'huggingface',
   Hunyuan = 'hunyuan',
   InternLM = 'internlm',
+  Jina = 'jina',
   LMStudio = 'lmstudio',
   Minimax = 'minimax',
   Mistral = 'mistral',

package/src/store/agent/slices/chat/action.test.ts

@@ -216,7 +216,7 @@ describe('AgentSlice', () => {
         model: 'gemini-pro',
       } as any);
 
-      renderHook(() => result.current.useInitAgentStore(true));
+      renderHook(() => result.current.useInitInboxAgentStore(true));
 
       await waitFor(async () => {
         expect(result.current.agentMap[INBOX_SESSION_ID]).toEqual({ model: 'gemini-pro' });
@@ -230,7 +230,7 @@ describe('AgentSlice', () => {
         model: 'gemini-pro',
       } as any);
 
-      renderHook(() => result.current.useInitAgentStore(false));
+      renderHook(() => result.current.useInitInboxAgentStore(false));
 
       await waitFor(async () => {
         expect(result.current.agentMap[INBOX_SESSION_ID]).toBeUndefined();
@@ -243,7 +243,7 @@ describe('AgentSlice', () => {
 
       vi.spyOn(globalService, 'getDefaultAgentConfig').mockRejectedValueOnce(new Error());
 
-      renderHook(() => result.current.useInitAgentStore(true));
+      renderHook(() => result.current.useInitInboxAgentStore(true));
 
       await waitFor(async () => {
         expect(result.current.agentMap[INBOX_SESSION_ID]).toBeUndefined();

package/src/store/agent/slices/chat/action.ts

@@ -6,7 +6,6 @@ import { StateCreator } from 'zustand/vanilla';
 
 import { MESSAGE_CANCEL_FLAT } from '@/const/message';
 import { INBOX_SESSION_ID } from '@/const/session';
-import { DEFAULT_AGENT_CONFIG } from '@/const/settings';
 import { useClientDataSWR, useOnlyFetchOnceSWR } from '@/libs/swr';
 import { agentService } from '@/services/agent';
 import { sessionService } from '@/services/session';
@@ -51,7 +50,7 @@ export interface AgentChatAction {
   updateAgentConfig: (config: DeepPartial<LobeAgentConfig>) => Promise<void>;
   useFetchAgentConfig: (id: string) => SWRResponse<LobeAgentConfig>;
   useFetchFilesAndKnowledgeBases: () => SWRResponse<KnowledgeItem[]>;
-  useInitAgentStore: (
+  useInitInboxAgentStore: (
     isLogin: boolean | undefined,
     defaultAgentConfig?: DeepPartial<LobeAgentConfig>,
   ) => SWRResponse<DeepPartial<LobeAgentConfig>>;
@@ -164,12 +163,10 @@ export const createChatSlice: StateCreator<
       [FETCH_AGENT_CONFIG_KEY, sessionId],
       ([, id]: string[]) => sessionService.getSessionConfig(id),
       {
-        fallbackData: DEFAULT_AGENT_CONFIG,
         onSuccess: (data) => {
           get().internal_dispatchAgentMap(sessionId, data, 'fetch');
           set({ activeAgentId: data.id }, false, 'updateActiveAgentId');
         },
-        suspense: true,
       },
     ),
   useFetchFilesAndKnowledgeBases: () => {
@@ -183,7 +180,7 @@ export const createChatSlice: StateCreator<
     );
   },
 
-  useInitAgentStore: (isLogin, defaultAgentConfig) =>
+  useInitInboxAgentStore: (isLogin, defaultAgentConfig) =>
     useOnlyFetchOnceSWR<DeepPartial<LobeAgentConfig>>(
       !!isLogin ? 'fetchInboxAgentConfig' : null,
       () => sessionService.getSessionConfig(INBOX_SESSION_ID),

package/src/types/user/settings/keyVaults.ts

@@ -44,6 +44,7 @@ export interface UserKeyVaults {
   huggingface?: OpenAICompatibleKeyVault;
   hunyuan?: OpenAICompatibleKeyVault;
   internlm?: OpenAICompatibleKeyVault;
+  jina?: OpenAICompatibleKeyVault;
   lmstudio?: OpenAICompatibleKeyVault;
   lobehub?: any;
   minimax?: OpenAICompatibleKeyVault;

package/src/app/[variants]/(main)/chat/settings/features/EditPage.tsx

@@ -1,45 +0,0 @@
-'use client';
-
-import isEqual from 'fast-deep-equal';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-import { AgentSettings } from '@/features/AgentSetting';
-import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
-import { useSessionStore } from '@/store/session';
-import { sessionMetaSelectors } from '@/store/session/selectors';
-
-const EditPage = memo(() => {
-  const { t } = useTranslation('setting');
-  const id = useSessionStore((s) => s.activeId);
-  const config = useAgentStore(agentSelectors.currentAgentConfig, isEqual);
-  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
-  const [useFetchAgentConfig, updateAgentConfig] = useAgentStore((s) => [
-    s.useFetchAgentConfig,
-    s.updateAgentConfig,
-  ]);
-
-  const [updateAgentMeta, title] = useSessionStore((s) => [
-    s.updateSessionMeta,
-    sessionMetaSelectors.currentAgentTitle(s),
-  ]);
-
-  useFetchAgentConfig(id);
-
-  return (
-    <>
-      <PageTitle title={t('header.sessionWithName', { name: title })} />
-      <AgentSettings
-        config={config}
-        id={id}
-        meta={meta}
-        onConfigChange={updateAgentConfig}
-        onMetaChange={updateAgentMeta}
-      />
-    </>
-  );
-});
-
-export default EditPage;

package/src/features/AgentSetting/AgentSettingsStore.tsx

@@ -1,14 +0,0 @@
-import { memo } from 'react';
-
-import StoreUpdater, { StoreUpdaterProps } from './StoreUpdater';
-import { Provider, createStore } from './store';
-
-type AgentSettingsProps = StoreUpdaterProps;
-
-export const AgentSettingsStore = memo<AgentSettingsProps>((props) => {
-  return (
-    <Provider createStore={createStore}>
-      <StoreUpdater {...props} />
-    </Provider>
-  );
-});