@lobehub/chat 1.0.2 → 1.0.4

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 # Changelog
 
+### [Version 1.0.4](https://github.com/lobehub/lobe-chat/compare/v1.0.3...v1.0.4)
+
+<sup>Released on **2024-06-17**</sup>
+
+#### 💄 Styles
+
+- **misc**: Add stepfun as a new provider.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Add stepfun as a new provider, closes [#2803](https://github.com/lobehub/lobe-chat/issues/2803) ([e1989a1](https://github.com/lobehub/lobe-chat/commit/e1989a1))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
+### [Version 1.0.3](https://github.com/lobehub/lobe-chat/compare/v1.0.2...v1.0.3)
+
+<sup>Released on **2024-06-17**</sup>
+
+#### 🐛 Bug Fixes
+
+- **misc**: Fix clerk `UNAUTHORIZED` auth error.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### What's fixed
+
+- **misc**: Fix clerk `UNAUTHORIZED` auth error, closes [#2907](https://github.com/lobehub/lobe-chat/issues/2907) ([bb33ba4](https://github.com/lobehub/lobe-chat/commit/bb33ba4))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.0.2](https://github.com/lobehub/lobe-chat/compare/v1.0.1...v1.0.2)
 
 <sup>Released on **2024-06-17**</sup>

package/next.config.mjs

@@ -65,6 +65,83 @@ const nextConfig = {
 
     return config;
   },
+
+  async headers() {
+    return [
+      {
+        source: '/icons/(.*).(png|jpe?g|gif|svg|ico|webp)',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+      {
+        source: '/images/(.*).(png|jpe?g|gif|svg|ico|webp)',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+      {
+        source: '/videos/(.*).(mp4|webm|ogg|avi|mov|wmv|flv|mkv)',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+      {
+        source: '/screenshots/(.*).(png|jpe?g|gif|svg|ico|webp)',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+      {
+        source: '/og/(.*).(png|jpe?g|gif|svg|ico|webp)',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+      {
+        source: '/favicon.ico',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+      {
+        source: '/favicon-32x32.ico',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+      {
+        source: '/apple-touch-icon.png',
+        headers: [
+          {
+            key: 'Cache-Control',
+            value: 'public, max-age=31536000, immutable',
+          },
+        ],
+      },
+    ];
+  },
 };
 
 const noWrapper = (config) => config;
@@ -126,4 +203,4 @@ const withSentry =
         )
     : noWrapper;
 
-export default withBundleAnalyzer(withPWA(withSentry(nextConfig)));
+export default withBundleAnalyzer(withPWA(withSentry(nextConfig)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "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",
@@ -107,9 +107,9 @@
     "@khmyznikov/pwa-install": "^0.3.9",
     "@lobehub/chat-plugin-sdk": "^1.32.3",
     "@lobehub/chat-plugins-gateway": "^1.9.0",
-    "@lobehub/icons": "^1.22.1",
+    "@lobehub/icons": "^1.23.0",
     "@lobehub/tts": "^1.24.1",
-    "@lobehub/ui": "^1.141.2",
+    "@lobehub/ui": "^1.142.4",
     "@microsoft/fetch-event-source": "^2.0.1",
     "@neondatabase/serverless": "^0.9.3",
     "@next/third-parties": "^14.2.3",
@@ -127,7 +127,7 @@
     "brotli-wasm": "^3.0.0",
     "chroma-js": "^2.4.2",
     "dayjs": "^1.11.11",
-    "debug": "^4.3.4",
+    "debug": "^4.3.5",
     "dexie": "^3.2.7",
     "diff": "^5.2.0",
     "drizzle-orm": "^0.30.10",

package/public/manifest.json

@@ -1,5 +1,6 @@
 {
   "background_color": "#000000",
+  "cache_busting_mode": "all",
   "categories": ["productivity", "design", "development", "education"],
   "description": "Personal LLM productivity tool, brings you the best user experience of ChatGPT, OLLaMA, Gemini, Claude WebUI. Customize AI assistant features flexibly according to personalized needs to solve problems, enhance productivity, and explore future workflow in LobeChat.",
   "display": "standalone",
@@ -10,34 +11,48 @@
   "handle_links": "auto",
   "icons": [
     {
-      "src": "/icons/icon-192x192.png",
+      "src": "/icons/icon-192x192.png?v=1",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "any"
+      "purpose": "any",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/icons/icon-192x192.maskable.png",
+      "src": "/icons/icon-192x192.maskable.png?v=1",
       "sizes": "192x192",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "maskable",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/icons/icon-512x512.png",
+      "src": "/icons/icon-512x512.png?v=1",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "any"
+      "purpose": "any",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/icons/icon-512x512.maskable.png",
+      "src": "/icons/icon-512x512.maskable.png?v=1",
       "sizes": "512x512",
       "type": "image/png",
-      "purpose": "maskable"
+      "purpose": "maskable",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     }
   ],
   "id": "lobe-chat",
+  "immutable": "true",
   "launch_handler": {
     "client_mode": ["navigate-existing", "auto"]
   },
+  "max_age": 31536000,
   "name": "LobeChat",
   "orientation": "portrait",
   "related_applications": [
@@ -49,64 +64,94 @@
   "scope": "/",
   "screenshots": [
     {
-      "src": "/screenshots/shot-1.mobile.png",
+      "src": "/screenshots/shot-1.mobile.png?v=1",
       "sizes": "640x1138",
       "type": "image/png",
-      "form_factor": "narrow"
+      "form_factor": "narrow",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-2.mobile.png",
+      "src": "/screenshots/shot-2.mobile.png?v=1",
       "sizes": "640x1138",
       "type": "image/png",
-      "form_factor": "narrow"
+      "form_factor": "narrow",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-3.mobile.png",
+      "src": "/screenshots/shot-3.mobile.png?v=1",
       "sizes": "640x1138",
       "type": "image/png",
-      "form_factor": "narrow"
+      "form_factor": "narrow",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-4.mobile.png",
+      "src": "/screenshots/shot-4.mobile.png?v=1",
       "sizes": "640x1138",
       "type": "image/png",
-      "form_factor": "narrow"
+      "form_factor": "narrow",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-5.mobile.png",
+      "src": "/screenshots/shot-5.mobile.png?v=1",
       "sizes": "640x1138",
       "type": "image/png",
-      "form_factor": "narrow"
+      "form_factor": "narrow",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-1.desktop.png",
+      "src": "/screenshots/shot-1.desktop.png?v=1",
       "sizes": "1280x676",
       "type": "image/png",
-      "form_factor": "wide"
+      "form_factor": "wide",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-2.desktop.png",
+      "src": "/screenshots/shot-2.desktop.png?v=1",
       "sizes": "1280x676",
       "type": "image/png",
-      "form_factor": "wide"
+      "form_factor": "wide",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-3.desktop.png",
+      "src": "/screenshots/shot-3.desktop.png?v=1",
       "sizes": "1280x676",
       "type": "image/png",
-      "form_factor": "wide"
+      "form_factor": "wide",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-4.desktop.png",
+      "src": "/screenshots/shot-4.desktop.png?v=1",
       "sizes": "1280x676",
       "type": "image/png",
-      "form_factor": "wide"
+      "form_factor": "wide",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     },
     {
-      "src": "/screenshots/shot-5.desktop.png",
+      "src": "/screenshots/shot-5.desktop.png?v=1",
       "sizes": "1280x676",
       "type": "image/png",
-      "form_factor": "wide"
+      "form_factor": "wide",
+      "cache_busting_mode": "query",
+      "max_age": 31536000,
+      "immutable": "true"
     }
   ],
   "short_name": "LobeChat",

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

@@ -10,6 +10,7 @@ import {
   Moonshot,
   OpenRouter,
   Perplexity,
+  Stepfun,
   Together,
   Tongyi,
   ZeroOne,
@@ -31,6 +32,7 @@ import {
   OpenRouterProviderCard,
   PerplexityProviderCard,
   QwenProviderCard,
+  StepfunProviderCard,
   TogetherAIProviderCard,
   ZeroOneProviderCard,
   ZhiPuProviderCard,
@@ -135,6 +137,10 @@ export const useProviderList = (): ProviderItem[] => {
         ...ZeroOneProviderCard,
         title: <ZeroOne.Text size={20} />,
       },
+      {
+        ...StepfunProviderCard,
+        title: <Stepfun.Combine size={20} type={'color'} />,
+      },
     ],
     [azureProvider, ollamaProvider, ollamaProvider, bedrockProvider],
   );

package/src/app/(main)/settings/llm/components/ProviderConfig/index.tsx

@@ -74,7 +74,8 @@ const ProviderConfig = memo<ProviderConfigProps>(
     title,
     checkerItem,
     modelList,
-    showBrowserRequest,
+    defaultShowBrowserRequest,
+    disableBrowserRequest,
     className,
     name,
   }) => {
@@ -126,25 +127,27 @@ const ProviderConfig = memo<ProviderConfigProps>(
       },
       /*
        * Conditions to show Client Fetch Switch
-       * 1. Component props
-       * 2. Provider allow to edit endpoint and the value of endpoint is not empty
-       * 3. There is an apikey provided by user
+       * 1. provider is not disabled browser request
+       * 2. provider show browser request by default
+       * 3. Provider allow to edit endpoint and the value of endpoint is not empty
+       * 4. There is an apikey provided by user
        */
-      (showBrowserRequest ||
-        (showEndpoint && isProviderEndpointNotEmpty) ||
-        (showApiKey && isProviderApiKeyNotEmpty)) && {
-        children: (
-          <Switch
-            onChange={(enabled) => {
-              setSettings({ [LLMProviderConfigKey]: { [id]: { fetchOnClient: enabled } } });
-            }}
-            value={isFetchOnClient}
-          />
-        ),
-        desc: t('llm.fetchOnClient.desc'),
-        label: t('llm.fetchOnClient.title'),
-        minWidth: undefined,
-      },
+      !disableBrowserRequest &&
+        (defaultShowBrowserRequest ||
+          (showEndpoint && isProviderEndpointNotEmpty) ||
+          (showApiKey && isProviderApiKeyNotEmpty)) && {
+          children: (
+            <Switch
+              onChange={(enabled) => {
+                setSettings({ [LLMProviderConfigKey]: { [id]: { fetchOnClient: enabled } } });
+              }}
+              value={isFetchOnClient}
+            />
+          ),
+          desc: t('llm.fetchOnClient.desc'),
+          label: t('llm.fetchOnClient.title'),
+          minWidth: undefined,
+        },
       {
         children: (
           <ProviderModelListSelect

package/src/app/api/chat/agentRuntime.test.ts

@@ -24,6 +24,7 @@ import {
   ModelProvider,
 } from '@/libs/agent-runtime';
 import { AgentRuntime } from '@/libs/agent-runtime';
+import { LobeStepfunAI } from '@/libs/agent-runtime/stepfun';
 
 import { initAgentRuntimeWithUserPayload } from './agentRuntime';
 
@@ -51,6 +52,7 @@ vi.mock('@/config/llm', () => ({
     OPENROUTER_API_KEY: 'test-openrouter-key',
     TOGETHERAI_API_KEY: 'test-togetherai-key',
     QWEN_API_KEY: 'test-qwen-key',
+    STEPFUN_API_KEY: 'test-stepfun-key',
   })),
 }));
 
@@ -192,6 +194,13 @@ describe('initAgentRuntimeWithUserPayload method', () => {
       expect(runtime['_runtime']).toBeInstanceOf(LobeGroq);
     });
 
+    it('Stepfun AI provider: with apikey', async () => {
+      const jwtPayload = { apiKey: 'user-stepfun-key' };
+      const runtime = await initAgentRuntimeWithUserPayload(ModelProvider.Stepfun, jwtPayload);
+      expect(runtime).toBeInstanceOf(AgentRuntime);
+      expect(runtime['_runtime']).toBeInstanceOf(LobeStepfunAI);
+    });
+
     it('Unknown Provider: with apikey and endpoint, should initialize to OpenAi', async () => {
       const jwtPayload: JWTPayload = {
         apiKey: 'user-unknown-key',
@@ -313,6 +322,14 @@ describe('initAgentRuntimeWithUserPayload method', () => {
       expect(runtime['_runtime']).toBeInstanceOf(LobeDeepSeekAI);
     });
 
+    it('Stepfun AI provider: without apikey', async () => {
+      const jwtPayload = {};
+      const runtime = await initAgentRuntimeWithUserPayload(ModelProvider.Stepfun, jwtPayload);
+
+      // 假设 LobeDeepSeekAI 是 DeepSeek 提供者的实现类
+      expect(runtime['_runtime']).toBeInstanceOf(LobeStepfunAI);
+    });
+
     it('Together AI provider: without apikey', async () => {
       const jwtPayload = {};
       const runtime = await initAgentRuntimeWithUserPayload(ModelProvider.TogetherAI, jwtPayload);

package/src/app/api/chat/agentRuntime.ts

@@ -163,6 +163,13 @@ const getLlmOptionsFromPayload = (provider: string, payload: JWTPayload) => {
 
       const apiKey = apiKeyManager.pick(payload?.apiKey || QWEN_API_KEY);
 
+      return { apiKey };
+    }
+    case ModelProvider.Stepfun: {
+      const { STEPFUN_API_KEY } = getLLMConfig();
+
+      const apiKey = apiKeyManager.pick(payload?.apiKey || STEPFUN_API_KEY);
+
       return { apiKey };
     }
   }

package/src/app/metadata.ts

@@ -21,9 +21,9 @@ export const generateMetadata = async (): Promise<Metadata> => {
     },
     description: t('chat.description'),
     icons: {
-      apple: '/apple-touch-icon.png',
-      icon: '/favicon.ico',
-      shortcut: '/favicon-32x32.ico',
+      apple: '/apple-touch-icon.png?v=1',
+      icon: '/favicon.ico?v=1',
+      shortcut: '/favicon-32x32.ico?v=1',
     },
     manifest: noManifest ? undefined : '/manifest.json',
     metadataBase: new URL(SITE_URL),
@@ -33,7 +33,7 @@ export const generateMetadata = async (): Promise<Metadata> => {
         {
           alt: t('chat.title'),
           height: 640,
-          url: '/og/cover.png',
+          url: '/og/cover.png?v=1',
           width: 1200,
         },
       ],
@@ -50,7 +50,7 @@ export const generateMetadata = async (): Promise<Metadata> => {
     twitter: {
       card: 'summary_large_image',
       description: t('chat.description'),
-      images: ['/og/cover.png'],
+      images: ['/og/cover.png?v=1'],
       site: '@lobehub',
       title: t('chat.title'),
     },

package/src/components/ModelIcon/index.tsx

@@ -26,6 +26,7 @@ import {
   Rwkv,
   Spark,
   Stability,
+  Stepfun,
   Tongyi,
   Wenxin,
   Yi,
@@ -64,6 +65,7 @@ const ModelIcon = memo<ModelProviderIconProps>(({ model: originModel, size = 12
   if (model.startsWith('openchat')) return <OpenChat.Avatar size={size} />;
   if (model.includes('command')) return <Cohere.Avatar size={size} />;
   if (model.includes('dbrx')) return <Dbrx.Avatar size={size} />;
+  if (model.includes('step')) return <Stepfun.Avatar size={size} />;
 
   // below: To be supported in providers, move up if supported
   if (model.includes('baichuan'))

package/src/components/ModelProviderIcon/index.tsx

@@ -13,6 +13,7 @@ import {
   OpenAI,
   OpenRouter,
   Perplexity,
+  Stepfun,
   Together,
   Tongyi,
   ZeroOne,
@@ -30,7 +31,7 @@ interface ModelProviderIconProps {
 const ModelProviderIcon = memo<ModelProviderIconProps>(({ provider }) => {
   switch (provider) {
     case 'lobehub': {
-      return <LobeHub size={20} />;
+      return <LobeHub.Color size={20} />;
     }
 
     case ModelProvider.ZhiPu: {
@@ -109,6 +110,10 @@ const ModelProviderIcon = memo<ModelProviderIconProps>(({ provider }) => {
       return <Tongyi size={20} />;
     }
 
+    case ModelProvider.Stepfun: {
+      return <Stepfun size={20} />;
+    }
+
     default: {
       return null;
     }

package/src/config/llm.ts

@@ -117,6 +117,9 @@ export const getLLMConfig = () => {
 
       ENABLED_QWEN: z.boolean(),
       QWEN_API_KEY: z.string().optional(),
+
+      ENABLED_STEPFUN: z.boolean(),
+      STEPFUN_API_KEY: z.string().optional(),
     },
     runtimeEnv: {
       API_KEY_SELECT_MODE: process.env.API_KEY_SELECT_MODE,
@@ -188,6 +191,9 @@ export const getLLMConfig = () => {
 
       ENABLED_QWEN: !!process.env.QWEN_API_KEY,
       QWEN_API_KEY: process.env.QWEN_API_KEY,
+
+      ENABLED_STEPFUN: !!process.env.STEPFUN_API_KEY,
+      STEPFUN_API_KEY: process.env.STEPFUN_API_KEY,
     },
   });
 };

package/src/config/modelProviders/azure.ts

@@ -37,9 +37,9 @@ const Azure: ModelProviderCard = {
       vision: true,
     },
   ],
+  defaultShowBrowserRequest: true,
   id: 'azure',
   name: 'Azure',
-  showBrowserRequest: true,
 };
 
 export default Azure;

package/src/config/modelProviders/index.ts

@@ -14,6 +14,7 @@ import OpenAIProvider from './openai';
 import OpenRouterProvider from './openrouter';
 import PerplexityProvider from './perplexity';
 import QwenProvider from './qwen';
+import StepfunProvider from './stepfun';
 import TogetherAIProvider from './togetherai';
 import ZeroOneProvider from './zeroone';
 import ZhiPuProvider from './zhipu';
@@ -35,6 +36,7 @@ export const LOBE_DEFAULT_MODEL_LIST: ChatModelCard[] = [
   PerplexityProvider.chatModels,
   AnthropicProvider.chatModels,
   ZeroOneProvider.chatModels,
+  StepfunProvider.chatModels,
 ].flat();
 
 export const DEFAULT_MODEL_PROVIDER_LIST = [
@@ -55,6 +57,7 @@ export const DEFAULT_MODEL_PROVIDER_LIST = [
   MoonshotProvider,
   ZeroOneProvider,
   ZhiPuProvider,
+  StepfunProvider,
 ];
 
 export const filterEnabledModels = (provider: ModelProviderCard) => {
@@ -75,6 +78,7 @@ export { default as OpenAIProviderCard } from './openai';
 export { default as OpenRouterProviderCard } from './openrouter';
 export { default as PerplexityProviderCard } from './perplexity';
 export { default as QwenProviderCard } from './qwen';
+export { default as StepfunProviderCard } from './stepfun';
 export { default as TogetherAIProviderCard } from './togetherai';
 export { default as ZeroOneProviderCard } from './zeroone';
 export { default as ZhiPuProviderCard } from './zhipu';

package/src/config/modelProviders/ollama.ts

@@ -180,11 +180,11 @@ const Ollama: ModelProviderCard = {
       vision: true,
     },
   ],
+  defaultShowBrowserRequest: true,
   id: 'ollama',
   modelList: { showModelFetcher: true },
   name: 'Ollama',
   showApiKey: false,
-  showBrowserRequest: true,
 };
 
 export default Ollama;

package/src/config/modelProviders/stepfun.ts

@@ -0,0 +1,41 @@
+import { ModelProviderCard } from '@/types/llm';
+
+// ref https://platform.stepfun.com/docs/llm/text
+const Stepfun: ModelProviderCard = {
+  chatModels: [
+    {
+      enabled: true,
+      id: 'step-1-256k',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: 'step-1-128k',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: 'step-1-32k',
+      tokens: 32_768,
+    },
+    {
+      enabled: true,
+      id: 'step-1v-32k',
+      tokens: 32_768,
+      vision: true,
+    },
+    {
+      id: 'step-1-8k',
+      tokens: 8192,
+    },
+  ],
+  checkModel: 'step-1-8k',
+  // after test, currently https://api.stepfun.com/v1/chat/completions has the CORS issue
+  // So we should close the browser request mode
+  disableBrowserRequest: true,
+  id: 'stepfun',
+  modelList: { showModelFetcher: true },
+  name: '阶跃星辰',
+};
+
+export default Stepfun;

package/src/const/settings/llm.ts

@@ -12,6 +12,7 @@ import {
   OpenRouterProviderCard,
   PerplexityProviderCard,
   QwenProviderCard,
+  StepfunProviderCard,
   TogetherAIProviderCard,
   ZeroOneProviderCard,
   ZhiPuProviderCard,
@@ -77,6 +78,10 @@ export const DEFAULT_LLM_CONFIG: UserModelProviderConfig = {
     enabled: false,
     enabledModels: filterEnabledModels(QwenProviderCard),
   },
+  stepfun: {
+    enabled: false,
+    enabledModels: filterEnabledModels(StepfunProviderCard),
+  },
   togetherai: {
     enabled: false,
     enabledModels: filterEnabledModels(TogetherAIProviderCard),

package/src/features/Setting/Footer.tsx

@@ -65,7 +65,7 @@ const Footer = memo<PropsWithChildren>(() => {
       </Flexbox>
       <GuideModal
         cancelText={t('footer.later')}
-        cover={<GuideVideo height={269} src={'/videos/star.mp4'} width={358} />}
+        cover={<GuideVideo height={269} src={'/videos/star.mp4?v=1'} width={358} />}
         desc={t('footer.star.desc')}
         okText={t('footer.star.action')}
         onCancel={() => setOpenStar(false)}
@@ -78,7 +78,7 @@ const Footer = memo<PropsWithChildren>(() => {
       />
       <GuideModal
         cancelText={t('footer.later')}
-        cover={<GuideVideo height={269} src={'/videos/feedback.mp4'} width={358} />}
+        cover={<GuideVideo height={269} src={'/videos/feedback.mp4?v=1'} width={358} />}
         desc={t('footer.feedback.desc')}
         okText={t('footer.feedback.action')}
         onCancel={() => setOpenFeedback(false)}

package/src/layout/GlobalProvider/StoreInitialization.tsx

@@ -2,6 +2,7 @@
 
 import { useRouter, useSearchParams } from 'next/navigation';
 import { memo, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
 import { createStoreUpdater } from 'zustand-utils';
 
 import { LOBE_URL_IMPORT_NAME } from '@/const/url';
@@ -14,8 +15,10 @@ import { useUserStore } from '@/store/user';
 import { authSelectors } from '@/store/user/selectors';
 
 const StoreInitialization = memo(() => {
-  const router = useRouter();
+  // prefetch error ns to avoid don't show error content correctly
+  useTranslation('error');
 
+  const router = useRouter();
   const [isLogin, useInitUserState, importUrlShareSettings] = useUserStore((s) => [
     authSelectors.isLogin(s),
     s.useInitUserState,
@@ -57,21 +60,14 @@ const StoreInitialization = memo(() => {
     importUrlShareSettings(searchParam);
   }, [searchParam]);
 
-  // useEffect(() => {
-  //   router.prefetch('/chat');
-  //   router.prefetch('/market');
-  //
-  //   if (mobile) {
-  //     router.prefetch('/me');
-  //     router.prefetch('/chat/settings');
-  //     router.prefetch('/settings/common');
-  //     router.prefetch('/settings/agent');
-  //     router.prefetch('/settings/sync');
-  //   } else {
-  //     router.prefetch('/chat/settings/modal');
-  //     router.prefetch('/settings/modal');
-  //   }
-  // }, [router, mobile]);
+  useEffect(() => {
+    if (mobile) {
+      router.prefetch('/me');
+    } else {
+      router.prefetch('/chat/settings/modal');
+      router.prefetch('/settings/modal');
+    }
+  }, [router, mobile]);
 
   return null;
 });

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

@@ -26,6 +26,7 @@ import {
   LobeZhipuAI,
   ModelProvider,
 } from '@/libs/agent-runtime';
+import { LobeStepfunAI } from '@/libs/agent-runtime/stepfun';
 
 import { AgentChatOptions } from './AgentRuntime';
 import { LobeBedrockAIParams } from './bedrock';
@@ -227,6 +228,17 @@ describe('AgentRuntime', () => {
       });
     });
 
+    describe('Stepfun AI provider', () => {
+      it('should initialize correctly', async () => {
+        const jwtPayload: JWTPayload = { apiKey: 'user-stepfun-key' };
+        const runtime = await AgentRuntime.initializeWithProviderOptions(ModelProvider.Stepfun, {
+          stepfun: jwtPayload,
+        });
+
+        expect(runtime['_runtime']).toBeInstanceOf(LobeStepfunAI);
+      });
+    });
+
     describe('Together AI provider', () => {
       it('should initialize correctly', async () => {
         const jwtPayload: JWTPayload = { apiKey: 'user-togetherai-key' };

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

@@ -17,6 +17,7 @@ import { LobeOpenAI } from './openai';
 import { LobeOpenRouterAI } from './openrouter';
 import { LobePerplexityAI } from './perplexity';
 import { LobeQwenAI } from './qwen';
+import { LobeStepfunAI } from './stepfun';
 import { LobeTogetherAI } from './togetherai';
 import {
   ChatCompetitionOptions,
@@ -114,6 +115,7 @@ class AgentRuntime {
       openrouter: Partial<ClientOptions>;
       perplexity: Partial<ClientOptions>;
       qwen: Partial<ClientOptions>;
+      stepfun: Partial<ClientOptions>;
       togetherai: Partial<ClientOptions>;
       zeroone: Partial<ClientOptions>;
       zhipu: Partial<ClientOptions>;
@@ -212,6 +214,11 @@ class AgentRuntime {
         runtimeModel = new LobeQwenAI(params.qwen ?? {});
         break;
       }
+
+      case ModelProvider.Stepfun: {
+        runtimeModel = new LobeStepfunAI(params.stepfun ?? {});
+        break;
+      }
     }
 
     return new AgentRuntime(runtimeModel);

package/src/libs/agent-runtime/stepfun/index.test.ts

@@ -0,0 +1,251 @@
+// @vitest-environment node
+import OpenAI from 'openai';
+import { Mock, afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { LobeOpenAICompatibleRuntime } from '@/libs/agent-runtime';
+import { ModelProvider } from '@/libs/agent-runtime';
+import { AgentRuntimeErrorType } from '@/libs/agent-runtime';
+
+import * as debugStreamModule from '../utils/debugStream';
+import { LobeStepfunAI } from './index';
+
+const provider = ModelProvider.Stepfun;
+const defaultBaseURL = 'https://api.stepfun.com/v1';
+const bizErrorType = AgentRuntimeErrorType.ProviderBizError;
+const invalidErrorType = AgentRuntimeErrorType.InvalidProviderAPIKey;
+
+// Mock the console.error to avoid polluting test output
+vi.spyOn(console, 'error').mockImplementation(() => {});
+
+let instance: LobeOpenAICompatibleRuntime;
+
+beforeEach(() => {
+  instance = new LobeStepfunAI({ apiKey: 'test' });
+
+  // 使用 vi.spyOn 来模拟 chat.completions.create 方法
+  vi.spyOn(instance['client'].chat.completions, 'create').mockResolvedValue(
+    new ReadableStream() as any,
+  );
+});
+
+afterEach(() => {
+  vi.clearAllMocks();
+});
+
+describe('LobeStepfunAI', () => {
+  describe('init', () => {
+    it('should correctly initialize with an API key', async () => {
+      const instance = new LobeStepfunAI({ apiKey: 'test_api_key' });
+      expect(instance).toBeInstanceOf(LobeStepfunAI);
+      expect(instance.baseURL).toEqual(defaultBaseURL);
+    });
+  });
+
+  describe('chat', () => {
+    describe('Error', () => {
+      it('should return QwenBizError with an openai error response when OpenAI.APIError is thrown', async () => {
+        // Arrange
+        const apiError = new OpenAI.APIError(
+          400,
+          {
+            status: 400,
+            error: {
+              message: 'Bad Request',
+            },
+          },
+          'Error message',
+          {},
+        );
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(apiError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'qwen-turbo',
+            temperature: 0.999,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            error: {
+              error: { message: 'Bad Request' },
+              status: 400,
+            },
+            errorType: bizErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should throw AgentRuntimeError with InvalidQwenAPIKey if no apiKey is provided', async () => {
+        try {
+          new LobeStepfunAI({});
+        } catch (e) {
+          expect(e).toEqual({ errorType: invalidErrorType });
+        }
+      });
+
+      it('should return QwenBizError with the cause when OpenAI.APIError is thrown with cause', async () => {
+        // Arrange
+        const errorInfo = {
+          stack: 'abc',
+          cause: {
+            message: 'api is undefined',
+          },
+        };
+        const apiError = new OpenAI.APIError(400, errorInfo, 'module error', {});
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(apiError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'qwen-turbo',
+            temperature: 0.999,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            error: {
+              cause: { message: 'api is undefined' },
+              stack: 'abc',
+            },
+            errorType: bizErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should return QwenBizError with an cause response with desensitize Url', async () => {
+        // Arrange
+        const errorInfo = {
+          stack: 'abc',
+          cause: { message: 'api is undefined' },
+        };
+        const apiError = new OpenAI.APIError(400, errorInfo, 'module error', {});
+
+        instance = new LobeStepfunAI({
+          apiKey: 'test',
+
+          baseURL: 'https://api.abc.com/v1',
+        });
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(apiError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'qwen-turbo',
+            temperature: 0.999,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: 'https://api.***.com/v1',
+            error: {
+              cause: { message: 'api is undefined' },
+              stack: 'abc',
+            },
+            errorType: bizErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should throw an InvalidQwenAPIKey error type on 401 status code', async () => {
+        // Mock the API call to simulate a 401 error
+        const error = new Error('InvalidApiKey') as any;
+        error.status = 401;
+        vi.mocked(instance['client'].chat.completions.create).mockRejectedValue(error);
+
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'qwen-turbo',
+            temperature: 0.999,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            error: new Error('InvalidApiKey'),
+            errorType: invalidErrorType,
+            provider,
+          });
+        }
+      });
+
+      it('should return AgentRuntimeError for non-OpenAI errors', async () => {
+        // Arrange
+        const genericError = new Error('Generic Error');
+
+        vi.spyOn(instance['client'].chat.completions, 'create').mockRejectedValue(genericError);
+
+        // Act
+        try {
+          await instance.chat({
+            messages: [{ content: 'Hello', role: 'user' }],
+            model: 'qwen-turbo',
+            temperature: 0.999,
+          });
+        } catch (e) {
+          expect(e).toEqual({
+            endpoint: defaultBaseURL,
+            errorType: 'AgentRuntimeError',
+            provider,
+            error: {
+              name: genericError.name,
+              cause: genericError.cause,
+              message: genericError.message,
+              stack: genericError.stack,
+            },
+          });
+        }
+      });
+    });
+
+    describe('DEBUG', () => {
+      it('should call debugStream and return StreamingTextResponse when DEBUG_STEPFUN_CHAT_COMPLETION is 1', async () => {
+        // Arrange
+        const mockProdStream = new ReadableStream() as any; // 模拟的 prod 流
+        const mockDebugStream = new ReadableStream({
+          start(controller) {
+            controller.enqueue('Debug stream content');
+            controller.close();
+          },
+        }) as any;
+        mockDebugStream.toReadableStream = () => mockDebugStream; // 添加 toReadableStream 方法
+
+        // 模拟 chat.completions.create 返回值，包括模拟的 tee 方法
+        (instance['client'].chat.completions.create as Mock).mockResolvedValue({
+          tee: () => [mockProdStream, { toReadableStream: () => mockDebugStream }],
+        });
+
+        // 保存原始环境变量值
+        const originalDebugValue = process.env.DEBUG_STEPFUN_CHAT_COMPLETION;
+
+        // 模拟环境变量
+        process.env.DEBUG_STEPFUN_CHAT_COMPLETION = '1';
+        vi.spyOn(debugStreamModule, 'debugStream').mockImplementation(() => Promise.resolve());
+
+        // 执行测试
+        // 运行你的测试函数，确保它会在条件满足时调用 debugStream
+        // 假设的测试函数调用，你可能需要根据实际情况调整
+        await instance.chat({
+          messages: [{ content: 'Hello', role: 'user' }],
+          model: 'qwen-turbo',
+          stream: true,
+          temperature: 0.999,
+        });
+
+        // 验证 debugStream 被调用
+        expect(debugStreamModule.debugStream).toHaveBeenCalled();
+
+        // 恢复原始环境变量值
+        process.env.DEBUG_STEPFUN_CHAT_COMPLETION = originalDebugValue;
+      });
+    });
+  });
+});

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

@@ -0,0 +1,10 @@
+import { ModelProvider } from '../types';
+import { LobeOpenAICompatibleFactory } from '../utils/openaiCompatibleFactory';
+
+export const LobeStepfunAI = LobeOpenAICompatibleFactory({
+  baseURL: 'https://api.stepfun.com/v1',
+  debug: {
+    chatCompletion: () => process.env.DEBUG_STEPFUN_CHAT_COMPLETION === '1',
+  },
+  provider: ModelProvider.Stepfun,
+});

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

@@ -36,6 +36,7 @@ export enum ModelProvider {
   OpenRouter = 'openrouter',
   Perplexity = 'perplexity',
   Qwen = 'qwen',
+  Stepfun = 'stepfun',
   TogetherAI = 'togetherai',
   ZeroOne = 'zeroone',
   ZhiPu = 'zhipu',

package/src/middleware.ts

@@ -12,6 +12,8 @@ export const config = {
     '/(api|trpc)(.*)',
     // include the /
     '/',
+    '/chat(.*)',
+    // ↓ cloud ↓
   ],
 };
 

package/src/server/globalConfig/index.ts

@@ -33,6 +33,7 @@ export const getServerGlobalConfig = () => {
     ENABLED_MINIMAX,
     ENABLED_MISTRAL,
     ENABLED_QWEN,
+    ENABLED_STEPFUN,
 
     ENABLED_AZURE_OPENAI,
     AZURE_MODEL_LIST,
@@ -104,6 +105,8 @@ export const getServerGlobalConfig = () => {
       perplexity: { enabled: ENABLED_PERPLEXITY },
       qwen: { enabled: ENABLED_QWEN },
 
+      stepfun: { enabled: ENABLED_STEPFUN },
+
       togetherai: {
         enabled: ENABLED_TOGETHERAI,
         enabledModels: extractEnabledModels(TOGETHERAI_MODEL_LIST),
@@ -112,7 +115,6 @@ export const getServerGlobalConfig = () => {
           modelString: TOGETHERAI_MODEL_LIST,
         }),
       },
-
       zeroone: { enabled: ENABLED_ZEROONE },
       zhipu: { enabled: ENABLED_ZHIPU },
     },

package/src/server/metadata.ts

@@ -7,7 +7,7 @@ export class Meta {
   public generate({
     description = 'LobeChat offers you the best ChatGPT, OLLaMA, Gemini, Claude WebUI user experience',
     title,
-    image = '/og/cover.png',
+    image = '/og/cover.png?v=1',
     url,
     type = 'website',
     tags,

package/src/services/_auth.test.ts

@@ -168,6 +168,23 @@ describe('getProviderAuthPayload', () => {
     });
   });
 
+  it('should return correct payload for Stepfun provider', () => {
+    // 假设的 OpenAI 配置
+    const mockOpenAIConfig = {
+      apiKey: 'stepfun-api-key',
+      baseURL: 'stepfun-baseURL',
+    };
+    act(() => {
+      setModelProviderConfig('stepfun', mockOpenAIConfig);
+    });
+
+    const payload = getProviderAuthPayload(ModelProvider.Stepfun);
+    expect(payload).toEqual({
+      apiKey: mockOpenAIConfig.apiKey,
+      endpoint: mockOpenAIConfig.baseURL,
+    });
+  });
+
   it('should return an empty object or throw an error for an unknown provider', () => {
     const payload = getProviderAuthPayload('UnknownProvider');
     expect(payload).toEqual({});

package/src/types/llm.ts

@@ -49,6 +49,22 @@ export interface ModelProviderCard {
    * the default model that used for connection check
    */
   checkModel?: string;
+  /**
+   * whether provider show browser request option by default
+   *
+   * @default false
+   */
+  defaultShowBrowserRequest?: boolean;
+  /**
+   * some provider server like stepfun and aliyun don't support browser request,
+   * So we should disable it
+   *
+   * @default false
+   */
+  disableBrowserRequest?: boolean;
+  /**
+   * whether provider is enabled by default
+   */
   enabled?: boolean;
   id: string;
   modelList?: {
@@ -57,6 +73,9 @@ export interface ModelProviderCard {
     placeholder?: string;
     showModelFetcher?: boolean;
   };
+  /**
+   * the name show for end user
+   */
   name: string;
   proxyUrl?:
     | {
@@ -65,8 +84,11 @@ export interface ModelProviderCard {
         title?: string;
       }
     | false;
+  /**
+   * whether show api key in the provider config
+   * so provider like ollama don't need api key field
+   */
   showApiKey?: boolean;
-  showBrowserRequest?: boolean;
 }
 
 // 语言模型的设置参数

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

@@ -31,6 +31,7 @@ export interface UserKeyVaults {
   password?: string;
   perplexity?: OpenAICompatibleKeyVault;
   qwen?: OpenAICompatibleKeyVault;
+  stepfun?: OpenAICompatibleKeyVault;
   togetherai?: OpenAICompatibleKeyVault;
   zeroone?: OpenAICompatibleKeyVault;
   zhipu?: OpenAICompatibleKeyVault;