@lobehub/chat 1.31.5 → 1.31.7

package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/Content.tsx

@@ -0,0 +1,35 @@
+'use client';
+
+import isEqual from 'fast-deep-equal';
+import React, { memo } from 'react';
+
+import { WELCOME_GUIDE_CHAT_ID } from '@/const/session';
+import { VirtualizedList } from '@/features/Conversation';
+import { useChatStore } from '@/store/chat';
+import { chatSelectors } from '@/store/chat/selectors';
+import { useSessionStore } from '@/store/session';
+
+interface ListProps {
+  mobile?: boolean;
+}
+
+const Content = memo<ListProps>(({ mobile }) => {
+  const [activeTopicId, useFetchMessages] = useChatStore((s) => [
+    s.activeTopicId,
+    s.useFetchMessages,
+  ]);
+
+  const [sessionId] = useSessionStore((s) => [s.activeId]);
+  useFetchMessages(sessionId, activeTopicId);
+
+  const data = useChatStore((s) => {
+    const showInboxWelcome = chatSelectors.showInboxWelcome(s);
+    if (showInboxWelcome) return [WELCOME_GUIDE_CHAT_ID];
+
+    return chatSelectors.currentChatIDsWithGuideMessage(s);
+  }, isEqual);
+
+  return <VirtualizedList dataSource={data} mobile={mobile} />;
+});
+
+export default Content;

package/src/app/(main)/chat/(workspace)/@conversation/features/ChatList/index.tsx

@@ -0,0 +1,28 @@
+import { Suspense, lazy } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+import { SkeletonList } from '@/features/Conversation';
+
+const Content = lazy(() => import('./Content'));
+
+interface ChatListProps {
+  mobile?: boolean;
+}
+
+const ChatList = ({ mobile }: ChatListProps) => (
+  <Flexbox
+    flex={1}
+    style={{
+      overflowX: 'hidden',
+      overflowY: 'auto',
+      position: 'relative',
+    }}
+    width={'100%'}
+  >
+    <Suspense fallback={<SkeletonList mobile={mobile} />}>
+      <Content mobile={mobile} />
+    </Suspense>
+  </Flexbox>
+);
+
+export default ChatList;

package/src/config/llm.ts

@@ -10,77 +10,60 @@ export const getLLMConfig = () => {
       ENABLED_OPENAI: z.boolean(),
       OPENAI_API_KEY: z.string().optional(),
       OPENAI_PROXY_URL: z.string().optional(),
-      OPENAI_MODEL_LIST: z.string().optional(),
 
       ENABLED_AZURE_OPENAI: z.boolean(),
       AZURE_API_KEY: z.string().optional(),
       AZURE_API_VERSION: z.string().optional(),
       AZURE_ENDPOINT: z.string().optional(),
-      AZURE_MODEL_LIST: z.string().optional(),
 
       ENABLED_ZHIPU: z.boolean(),
       ZHIPU_API_KEY: z.string().optional(),
-      ZHIPU_MODEL_LIST: z.string().optional(),
 
       ENABLED_DEEPSEEK: z.boolean(),
       DEEPSEEK_API_KEY: z.string().optional(),
-      DEEPSEEK_MODEL_LIST: z.string().optional(),
 
       ENABLED_GOOGLE: z.boolean(),
       GOOGLE_API_KEY: z.string().optional(),
       GOOGLE_PROXY_URL: z.string().optional(),
-      GOOGLE_MODEL_LIST: z.string().optional(),
 
       ENABLED_MOONSHOT: z.boolean(),
       MOONSHOT_API_KEY: z.string().optional(),
-      MOONSHOT_MODEL_LIST: z.string().optional(),
       MOONSHOT_PROXY_URL: z.string().optional(),
 
       ENABLED_PERPLEXITY: z.boolean(),
       PERPLEXITY_API_KEY: z.string().optional(),
-      PERPLEXITY_MODEL_LIST: z.string().optional(),
       PERPLEXITY_PROXY_URL: z.string().optional(),
 
       ENABLED_ANTHROPIC: z.boolean(),
       ANTHROPIC_API_KEY: z.string().optional(),
-      ANTHROPIC_MODEL_LIST: z.string().optional(),
       ANTHROPIC_PROXY_URL: z.string().optional(),
 
       ENABLED_MINIMAX: z.boolean(),
-      MINIMAX_MODEL_LIST: z.string().optional(),
       MINIMAX_API_KEY: z.string().optional(),
 
       ENABLED_MISTRAL: z.boolean(),
       MISTRAL_API_KEY: z.string().optional(),
-      MISTRAL_MODEL_LIST: z.string().optional(),
 
       ENABLED_GROQ: z.boolean(),
       GROQ_API_KEY: z.string().optional(),
-      GROQ_MODEL_LIST: z.string().optional(),
       GROQ_PROXY_URL: z.string().optional(),
 
       ENABLED_GITHUB: z.boolean(),
       GITHUB_TOKEN: z.string().optional(),
-      GITHUB_MODEL_LIST: z.string().optional(),
 
       ENABLED_OPENROUTER: z.boolean(),
       OPENROUTER_API_KEY: z.string().optional(),
-      OPENROUTER_MODEL_LIST: z.string().optional(),
 
       ENABLED_ZEROONE: z.boolean(),
       ZEROONE_API_KEY: z.string().optional(),
-      ZEROONE_MODEL_LIST: z.string().optional(),
 
       ENABLED_TOGETHERAI: z.boolean(),
       TOGETHERAI_API_KEY: z.string().optional(),
-      TOGETHERAI_MODEL_LIST: z.string().optional(),
 
       ENABLED_FIREWORKSAI: z.boolean(),
       FIREWORKSAI_API_KEY: z.string().optional(),
-      FIREWORKSAI_MODEL_LIST: z.string().optional(),
 
       ENABLED_AWS_BEDROCK: z.boolean(),
-      AWS_BEDROCK_MODEL_LIST: z.string().optional(),
       AWS_REGION: z.string().optional(),
       AWS_ACCESS_KEY_ID: z.string().optional(),
       AWS_SECRET_ACCESS_KEY: z.string().optional(),
@@ -89,31 +72,24 @@ export const getLLMConfig = () => {
       ENABLED_WENXIN: z.boolean(),
       WENXIN_ACCESS_KEY: z.string().optional(),
       WENXIN_SECRET_KEY: z.string().optional(),
-      WENXIN_MODEL_LIST: z.string().optional(),
 
       ENABLED_OLLAMA: z.boolean(),
       OLLAMA_PROXY_URL: z.string().optional(),
-      OLLAMA_MODEL_LIST: z.string().optional(),
 
       ENABLED_QWEN: z.boolean(),
       QWEN_API_KEY: z.string().optional(),
-      QWEN_MODEL_LIST: z.string().optional(),
 
       ENABLED_STEPFUN: z.boolean(),
       STEPFUN_API_KEY: z.string().optional(),
-      STEPFUN_MODEL_LIST: z.string().optional(),
 
       ENABLED_NOVITA: z.boolean(),
       NOVITA_API_KEY: z.string().optional(),
-      NOVITA_MODEL_LIST: z.string().optional(),
 
       ENABLED_BAICHUAN: z.boolean(),
       BAICHUAN_API_KEY: z.string().optional(),
-      BAICHUAN_MODEL_LIST: z.string().optional(),
 
       ENABLED_TAICHU: z.boolean(),
       TAICHU_API_KEY: z.string().optional(),
-      TAICHU_MODEL_LIST: z.string().optional(),
 
       ENABLED_CLOUDFLARE: z.boolean(),
       CLOUDFLARE_API_KEY: z.string().optional(),
@@ -121,42 +97,33 @@ export const getLLMConfig = () => {
 
       ENABLED_AI360: z.boolean(),
       AI360_API_KEY: z.string().optional(),
-      AI360_MODEL_LIST: z.string().optional(),
 
       ENABLED_SILICONCLOUD: z.boolean(),
       SILICONCLOUD_API_KEY: z.string().optional(),
-      SILICONCLOUD_MODEL_LIST: z.string().optional(),
       SILICONCLOUD_PROXY_URL: z.string().optional(),
 
       ENABLED_UPSTAGE: z.boolean(),
       UPSTAGE_API_KEY: z.string().optional(),
-      UPSTAGE_MODEL_LIST: z.string().optional(),
 
       ENABLED_SPARK: z.boolean(),
       SPARK_API_KEY: z.string().optional(),
-      SPARK_MODEL_LIST: z.string().optional(),
 
       ENABLED_AI21: z.boolean(),
       AI21_API_KEY: z.string().optional(),
-      AI21_MODEL_LIST: z.string().optional(),
 
       ENABLED_HUNYUAN: z.boolean(),
       HUNYUAN_API_KEY: z.string().optional(),
-      HUNYUAN_MODEL_LIST: z.string().optional(),
 
       ENABLED_HUGGINGFACE: z.boolean(),
       HUGGINGFACE_API_KEY: z.string().optional(),
       HUGGINGFACE_PROXY_URL: z.string().optional(),
-      HUGGINGFACE_MODEL_LIST: z.string().optional(),
 
       ENABLED_SENSENOVA: z.boolean(),
       SENSENOVA_ACCESS_KEY_ID: z.string().optional(),
       SENSENOVA_ACCESS_KEY_SECRET: z.string().optional(),
-      SENSENOVA_MODEL_LIST: z.string().optional(),
 
       ENABLED_XAI: z.boolean(),
       XAI_API_KEY: z.string().optional(),
-      XAI_MODEL_LIST: z.string().optional(),
     },
     runtimeEnv: {
       API_KEY_SELECT_MODE: process.env.API_KEY_SELECT_MODE,
@@ -164,77 +131,60 @@ export const getLLMConfig = () => {
       ENABLED_OPENAI: process.env.ENABLED_OPENAI !== '0',
       OPENAI_API_KEY: process.env.OPENAI_API_KEY,
       OPENAI_PROXY_URL: process.env.OPENAI_PROXY_URL,
-      OPENAI_MODEL_LIST: process.env.OPENAI_MODEL_LIST,
 
       ENABLED_AZURE_OPENAI: !!process.env.AZURE_API_KEY,
       AZURE_API_KEY: process.env.AZURE_API_KEY,
       AZURE_API_VERSION: process.env.AZURE_API_VERSION,
       AZURE_ENDPOINT: process.env.AZURE_ENDPOINT,
-      AZURE_MODEL_LIST: process.env.AZURE_MODEL_LIST,
 
       ENABLED_ZHIPU: !!process.env.ZHIPU_API_KEY,
       ZHIPU_API_KEY: process.env.ZHIPU_API_KEY,
-      ZHIPU_MODEL_LIST: process.env.ZHIPU_MODEL_LIST,
 
       ENABLED_DEEPSEEK: !!process.env.DEEPSEEK_API_KEY,
       DEEPSEEK_API_KEY: process.env.DEEPSEEK_API_KEY,
-      DEEPSEEK_MODEL_LIST: process.env.DEEPSEEK_MODEL_LIST,
 
       ENABLED_GOOGLE: !!process.env.GOOGLE_API_KEY,
       GOOGLE_API_KEY: process.env.GOOGLE_API_KEY,
       GOOGLE_PROXY_URL: process.env.GOOGLE_PROXY_URL,
-      GOOGLE_MODEL_LIST: process.env.GOOGLE_MODEL_LIST,
 
       ENABLED_PERPLEXITY: !!process.env.PERPLEXITY_API_KEY,
       PERPLEXITY_API_KEY: process.env.PERPLEXITY_API_KEY,
-      PERPLEXITY_MODEL_LIST: process.env.PERPLEXITY_MODEL_LIST,
       PERPLEXITY_PROXY_URL: process.env.PERPLEXITY_PROXY_URL,
 
       ENABLED_ANTHROPIC: !!process.env.ANTHROPIC_API_KEY,
       ANTHROPIC_API_KEY: process.env.ANTHROPIC_API_KEY,
-      ANTHROPIC_MODEL_LIST: process.env.ANTHROPIC_MODEL_LIST,
       ANTHROPIC_PROXY_URL: process.env.ANTHROPIC_PROXY_URL,
 
       ENABLED_MINIMAX: !!process.env.MINIMAX_API_KEY,
       MINIMAX_API_KEY: process.env.MINIMAX_API_KEY,
-      MINIMAX_MODEL_LIST: process.env.MINIMAX_MODEL_LIST,
 
       ENABLED_MISTRAL: !!process.env.MISTRAL_API_KEY,
       MISTRAL_API_KEY: process.env.MISTRAL_API_KEY,
-      MISTRAL_MODEL_LIST: process.env.MISTRAL_MODEL_LIST,
 
       ENABLED_OPENROUTER: !!process.env.OPENROUTER_API_KEY,
       OPENROUTER_API_KEY: process.env.OPENROUTER_API_KEY,
-      OPENROUTER_MODEL_LIST: process.env.OPENROUTER_MODEL_LIST,
 
       ENABLED_TOGETHERAI: !!process.env.TOGETHERAI_API_KEY,
       TOGETHERAI_API_KEY: process.env.TOGETHERAI_API_KEY,
-      TOGETHERAI_MODEL_LIST: process.env.TOGETHERAI_MODEL_LIST,
 
       ENABLED_FIREWORKSAI: !!process.env.FIREWORKSAI_API_KEY,
       FIREWORKSAI_API_KEY: process.env.FIREWORKSAI_API_KEY,
-      FIREWORKSAI_MODEL_LIST: process.env.FIREWORKSAI_MODEL_LIST,
 
       ENABLED_MOONSHOT: !!process.env.MOONSHOT_API_KEY,
       MOONSHOT_API_KEY: process.env.MOONSHOT_API_KEY,
-      MOONSHOT_MODEL_LIST: process.env.MOONSHOT_MODEL_LIST,
       MOONSHOT_PROXY_URL: process.env.MOONSHOT_PROXY_URL,
 
       ENABLED_GROQ: !!process.env.GROQ_API_KEY,
       GROQ_API_KEY: process.env.GROQ_API_KEY,
-      GROQ_MODEL_LIST: process.env.GROQ_MODEL_LIST,
       GROQ_PROXY_URL: process.env.GROQ_PROXY_URL,
 
       ENABLED_GITHUB: !!process.env.GITHUB_TOKEN,
       GITHUB_TOKEN: process.env.GITHUB_TOKEN,
-      GITHUB_MODEL_LIST: process.env.GITHUB_MODEL_LIST,
 
       ENABLED_ZEROONE: !!process.env.ZEROONE_API_KEY,
       ZEROONE_API_KEY: process.env.ZEROONE_API_KEY,
-      ZEROONE_MODEL_LIST: process.env.ZEROONE_MODEL_LIST,
 
       ENABLED_AWS_BEDROCK: process.env.ENABLED_AWS_BEDROCK === '1',
-      AWS_BEDROCK_MODEL_LIST: process.env.AWS_BEDROCK_MODEL_LIST,
       AWS_REGION: process.env.AWS_REGION,
       AWS_ACCESS_KEY_ID: process.env.AWS_ACCESS_KEY_ID,
       AWS_SECRET_ACCESS_KEY: process.env.AWS_SECRET_ACCESS_KEY,
@@ -243,31 +193,24 @@ export const getLLMConfig = () => {
       ENABLED_WENXIN: !!process.env.WENXIN_ACCESS_KEY && !!process.env.WENXIN_SECRET_KEY,
       WENXIN_ACCESS_KEY: process.env.WENXIN_ACCESS_KEY,
       WENXIN_SECRET_KEY: process.env.WENXIN_SECRET_KEY,
-      WENXIN_MODEL_LIST: process.env.WENXIN_MODEL_LIST,
 
       ENABLED_OLLAMA: process.env.ENABLED_OLLAMA !== '0',
       OLLAMA_PROXY_URL: process.env.OLLAMA_PROXY_URL || '',
-      OLLAMA_MODEL_LIST: process.env.OLLAMA_MODEL_LIST,
 
       ENABLED_QWEN: !!process.env.QWEN_API_KEY,
       QWEN_API_KEY: process.env.QWEN_API_KEY,
-      QWEN_MODEL_LIST: process.env.QWEN_MODEL_LIST,
 
       ENABLED_STEPFUN: !!process.env.STEPFUN_API_KEY,
       STEPFUN_API_KEY: process.env.STEPFUN_API_KEY,
-      STEPFUN_MODEL_LIST: process.env.STEPFUN_MODEL_LIST,
 
       ENABLED_NOVITA: !!process.env.NOVITA_API_KEY,
       NOVITA_API_KEY: process.env.NOVITA_API_KEY,
-      NOVITA_MODEL_LIST: process.env.NOVITA_MODEL_LIST,
 
       ENABLED_BAICHUAN: !!process.env.BAICHUAN_API_KEY,
       BAICHUAN_API_KEY: process.env.BAICHUAN_API_KEY,
-      BAICHUAN_MODEL_LIST: process.env.BAICHUAN_MODEL_LIST,
 
       ENABLED_TAICHU: !!process.env.TAICHU_API_KEY,
       TAICHU_API_KEY: process.env.TAICHU_API_KEY,
-      TAICHU_MODEL_LIST: process.env.TAICHU_MODEL_LIST,
 
       ENABLED_CLOUDFLARE:
         !!process.env.CLOUDFLARE_API_KEY && !!process.env.CLOUDFLARE_BASE_URL_OR_ACCOUNT_ID,
@@ -276,42 +219,33 @@ export const getLLMConfig = () => {
 
       ENABLED_AI360: !!process.env.AI360_API_KEY,
       AI360_API_KEY: process.env.AI360_API_KEY,
-      AI360_MODEL_LIST: process.env.AI360_MODEL_LIST,
 
       ENABLED_SILICONCLOUD: !!process.env.SILICONCLOUD_API_KEY,
       SILICONCLOUD_API_KEY: process.env.SILICONCLOUD_API_KEY,
-      SILICONCLOUD_MODEL_LIST: process.env.SILICONCLOUD_MODEL_LIST,
       SILICONCLOUD_PROXY_URL: process.env.SILICONCLOUD_PROXY_URL,
 
       ENABLED_UPSTAGE: !!process.env.UPSTAGE_API_KEY,
       UPSTAGE_API_KEY: process.env.UPSTAGE_API_KEY,
-      UPSTAGE_MODEL_LIST: process.env.UPSTAGE_MODEL_LIST,
 
       ENABLED_SPARK: !!process.env.SPARK_API_KEY,
       SPARK_API_KEY: process.env.SPARK_API_KEY,
-      SPARK_MODEL_LIST: process.env.SPARK_MODEL_LIST,
 
       ENABLED_AI21: !!process.env.AI21_API_KEY,
       AI21_API_KEY: process.env.AI21_API_KEY,
-      AI21_MODEL_LIST: process.env.AI21_MODEL_LIST,
 
       ENABLED_HUNYUAN: !!process.env.HUNYUAN_API_KEY,
       HUNYUAN_API_KEY: process.env.HUNYUAN_API_KEY,
-      HUNYUAN_MODEL_LIST: process.env.HUNYUAN_MODEL_LIST,
 
       ENABLED_HUGGINGFACE: !!process.env.HUGGINGFACE_API_KEY,
       HUGGINGFACE_API_KEY: process.env.HUGGINGFACE_API_KEY,
       HUGGINGFACE_PROXY_URL: process.env.HUGGINGFACE_PROXY_URL,
-      HUGGINGFACE_MODEL_LIST: process.env.HUGGINGFACE_MODEL_LIST,
 
       ENABLED_SENSENOVA: !!process.env.SENSENOVA_ACCESS_KEY_ID && !!process.env.SENSENOVA_ACCESS_KEY_SECRET,
       SENSENOVA_ACCESS_KEY_ID: process.env.SENSENOVA_ACCESS_KEY_ID,
       SENSENOVA_ACCESS_KEY_SECRET: process.env.SENSENOVA_ACCESS_KEY_SECRET,
-      SENSENOVA_MODEL_LIST: process.env.SENSENOVA_MODEL_LIST,
 
       ENABLED_XAI: !!process.env.XAI_API_KEY,
       XAI_API_KEY: process.env.XAI_API_KEY,
-      XAI_MODEL_LIST: process.env.XAI_MODEL_LIST,
     },
   });
 };

package/src/config/modelProviders/cloudflare.ts

@@ -78,6 +78,7 @@ const Cloudflare: ModelProviderCard = {
     },
   ],
   checkModel: '@hf/meta-llama/meta-llama-3-8b-instruct',
+  disableBrowserRequest: true,
   id: 'cloudflare',
   modelList: {
     showModelFetcher: true,

package/src/features/ChatInput/ActionBar/config.ts

@@ -20,23 +20,4 @@ export const actionMap = {
   tools: Tools,
 } as const;
 
-type ActionMap = typeof actionMap;
-
-export type ActionKeys = keyof ActionMap;
-
-type getActionList = (mobile?: boolean) => ActionKeys[];
-
-// we can make these action lists configurable in the future
-export const getLeftActionList: getActionList = (mobile) =>
-  [
-    'model',
-    'fileUpload',
-    'knowledgeBase',
-    'temperature',
-    'history',
-    !mobile && 'stt',
-    'tools',
-    'token',
-  ].filter(Boolean) as ActionKeys[];
-
-export const getRightActionList: getActionList = () => ['clear'].filter(Boolean) as ActionKeys[];
+export type ActionKeys = keyof typeof actionMap;

package/src/features/ChatInput/ActionBar/index.tsx

@@ -1,7 +1,7 @@
 import { ChatInputActionBar } from '@lobehub/ui';
-import { ReactNode, memo, useMemo } from 'react';
+import { ReactNode, memo } from 'react';
 
-import { ActionKeys, actionMap, getLeftActionList, getRightActionList } from './config';
+import { ActionKeys, actionMap } from './config';
 
 const RenderActionList = ({ dataSource }: { dataSource: ActionKeys[] }) => (
   <>
@@ -13,10 +13,11 @@ const RenderActionList = ({ dataSource }: { dataSource: ActionKeys[] }) => (
 );
 
 export interface ActionBarProps {
+  leftActions: ActionKeys[];
   leftAreaEndRender?: ReactNode;
   leftAreaStartRender?: ReactNode;
-  mobile?: boolean;
   padding?: number | string;
+  rightActions: ActionKeys[];
   rightAreaEndRender?: ReactNode;
   rightAreaStartRender?: ReactNode;
 }
@@ -24,35 +25,31 @@ export interface ActionBarProps {
 const ActionBar = memo<ActionBarProps>(
   ({
     padding = '0 16px',
-    mobile,
     rightAreaStartRender,
     rightAreaEndRender,
     leftAreaStartRender,
     leftAreaEndRender,
-  }) => {
-    const leftActionList = useMemo(() => getLeftActionList(mobile), [mobile]);
-    const rightActionList = useMemo(() => getRightActionList(mobile), [mobile]);
-
-    return (
-      <ChatInputActionBar
-        leftAddons={
-          <>
-            {leftAreaStartRender}
-            <RenderActionList dataSource={leftActionList} />
-            {leftAreaEndRender}
-          </>
-        }
-        padding={padding}
-        rightAddons={
-          <>
-            {rightAreaStartRender}
-            <RenderActionList dataSource={rightActionList} />
-            {rightAreaEndRender}
-          </>
-        }
-      />
-    );
-  },
+    leftActions,
+    rightActions,
+  }) => (
+    <ChatInputActionBar
+      leftAddons={
+        <>
+          {leftAreaStartRender}
+          <RenderActionList dataSource={leftActions} />
+          {leftAreaEndRender}
+        </>
+      }
+      padding={padding}
+      rightAddons={
+        <>
+          {rightAreaStartRender}
+          <RenderActionList dataSource={rightActions} />
+          {rightAreaEndRender}
+        </>
+      }
+    />
+  ),
 );
 
 export default ActionBar;

package/src/features/ChatInput/types.ts

@@ -0,0 +1 @@
+export type { ActionKeys } from './ActionBar/config';

package/src/features/Conversation/components/ChatItem/index.tsx

@@ -166,7 +166,7 @@ const Item = memo<ChatListItemProps>(({ index, id }) => {
   return (
     item && (
       <>
-        {enableHistoryDivider && <History  />}
+        {enableHistoryDivider && <History />}
         <ChatItem
           actions={
             <ActionsBar

package/src/features/Conversation/components/VirtualizedList/index.tsx

@@ -2,7 +2,6 @@
 
 import { Icon } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
-import isEqual from 'fast-deep-equal';
 import { Loader2Icon } from 'lucide-react';
 import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
@@ -12,7 +11,6 @@ import { WELCOME_GUIDE_CHAT_ID } from '@/const/session';
 import { isServerMode } from '@/const/version';
 import { useChatStore } from '@/store/chat';
 import { chatSelectors } from '@/store/chat/selectors';
-import { useSessionStore } from '@/store/session';
 
 import AutoScroll from '../AutoScroll';
 import Item from '../ChatItem';
@@ -20,33 +18,20 @@ import InboxWelcome from '../InboxWelcome';
 import SkeletonList from '../SkeletonList';
 
 interface VirtualizedListProps {
+  dataSource: string[];
   mobile?: boolean;
 }
-const VirtualizedList = memo<VirtualizedListProps>(({ mobile }) => {
+
+const VirtualizedList = memo<VirtualizedListProps>(({ mobile, dataSource }) => {
   const virtuosoRef = useRef<VirtuosoHandle>(null);
   const [atBottom, setAtBottom] = useState(true);
   const [isScrolling, setIsScrolling] = useState(false);
 
   const [id] = useChatStore((s) => [chatSelectors.currentChatKey(s)]);
-
-  const [activeTopicId, useFetchMessages, isFirstLoading, isCurrentChatLoaded] = useChatStore(
-    (s) => [
-      s.activeTopicId,
-      s.useFetchMessages,
-      chatSelectors.currentChatLoadingState(s),
-      chatSelectors.isCurrentChatLoaded(s),
-    ],
-  );
-
-  const [sessionId] = useSessionStore((s) => [s.activeId]);
-  useFetchMessages(sessionId, activeTopicId);
-
-  const data = useChatStore((s) => {
-    const showInboxWelcome = chatSelectors.showInboxWelcome(s);
-    return showInboxWelcome
-      ? [WELCOME_GUIDE_CHAT_ID]
-      : chatSelectors.currentChatIDsWithGuideMessage(s);
-  }, isEqual);
+  const [isFirstLoading, isCurrentChatLoaded] = useChatStore((s) => [
+    chatSelectors.currentChatLoadingState(s),
+    chatSelectors.isCurrentChatLoaded(s),
+  ]);
 
   useEffect(() => {
     if (virtuosoRef.current) {
@@ -54,13 +39,13 @@ const VirtualizedList = memo<VirtualizedListProps>(({ mobile }) => {
     }
   }, [id]);
 
-  const prevDataLengthRef = useRef(data.length);
+  const prevDataLengthRef = useRef(dataSource.length);
 
   const getFollowOutput = useCallback(() => {
-    const newFollowOutput = data.length > prevDataLengthRef.current ? 'auto' : false;
-    prevDataLengthRef.current = data.length;
+    const newFollowOutput = dataSource.length > prevDataLengthRef.current ? 'auto' : false;
+    prevDataLengthRef.current = dataSource.length;
     return newFollowOutput;
-  }, [data.length]);
+  }, [dataSource.length]);
 
   const theme = useTheme();
   // overscan should be 3 times the height of the window
@@ -100,10 +85,10 @@ const VirtualizedList = memo<VirtualizedListProps>(({ mobile }) => {
         atBottomStateChange={setAtBottom}
         atBottomThreshold={50 * (mobile ? 2 : 1)}
         computeItemKey={(_, item) => item}
-        data={data}
+        data={dataSource}
         followOutput={getFollowOutput}
         increaseViewportBy={overscan}
-        initialTopMostItemIndex={data?.length - 1}
+        initialTopMostItemIndex={dataSource?.length - 1}
         isScrolling={setIsScrolling}
         itemContent={itemContent}
         overscan={overscan}

package/src/features/Conversation/index.ts

@@ -0,0 +1,2 @@
+export { default as SkeletonList } from './components/SkeletonList';
+export { default as VirtualizedList } from './components/VirtualizedList';

package/src/server/globalConfig/genServerLLMConfig.test.ts

@@ -53,6 +53,10 @@ vi.mock('@/utils/parseModels', () => ({
 
 describe('genServerLLMConfig', () => {
   it('should generate correct LLM config for Azure, Bedrock, and Ollama', () => {
+    vi.stubEnv('AZURE_MODEL_LIST', 'azureModels');
+    vi.stubEnv('AWS_BEDROCK_MODEL_LIST', 'bedrockModels');
+    vi.stubEnv('OLLAMA_MODEL_LIST', 'ollamaModels');
+
     const specificConfig = {
       azure: {
         enabledKey: 'ENABLED_AZURE_OPENAI',
@@ -67,7 +71,7 @@ describe('genServerLLMConfig', () => {
       },
     };
     const config = genServerLLMConfig(specificConfig);
-    
+
     expect(config.azure).toEqual({
       enabled: true,
       enabledModels: ['azureModels_withDeployment'],

package/src/server/globalConfig/genServerLLMConfig.ts

@@ -14,16 +14,17 @@ export const genServerLLMConfig = (specificConfig: Record<any, any>) => {
     const providerUpperCase = provider.toUpperCase();
     const providerCard = ProviderCards[`${provider}ProviderCard` as keyof typeof ProviderCards] as ModelProviderCard;
     const providerConfig = specificConfig[provider as keyof typeof specificConfig] || {};
+    const providerModelList = process.env[providerConfig.modelListKey ?? `${providerUpperCase}_MODEL_LIST`];
 
     config[provider] = {
       enabled: llmConfig[providerConfig.enabledKey || `ENABLED_${providerUpperCase}`],
       enabledModels: extractEnabledModels(
-        llmConfig[providerConfig.modelListKey || `${providerUpperCase}_MODEL_LIST`],
+        providerModelList,
         providerConfig.withDeploymentName || false,
       ),
       serverModelCards: transformToChatModelCards({
         defaultChatModels: (providerCard as ModelProviderCard)?.chatModels || [],
-        modelString: llmConfig[providerConfig.modelListKey || `${providerUpperCase}_MODEL_LIST`],
+        modelString: providerModelList,
         withDeploymentName: providerConfig.withDeploymentName || false,
       }),
       ...(providerConfig.fetchOnClient !== undefined && { fetchOnClient: providerConfig.fetchOnClient }),

package/src/features/Conversation/index.tsx

@@ -1,30 +0,0 @@
-import { Suspense, lazy } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import SkeletonList from './components/SkeletonList';
-
-const ChatList = lazy(() => import('./components/VirtualizedList'));
-
-interface ConversationProps {
-  mobile?: boolean;
-}
-
-const Conversation = ({ mobile }: ConversationProps) => {
-  return (
-    <Flexbox
-      flex={1}
-      style={{
-        overflowX: 'hidden',
-        overflowY: 'auto',
-        position: 'relative',
-      }}
-      width={'100%'}
-    >
-      <Suspense fallback={<SkeletonList mobile={mobile} />}>
-        <ChatList mobile={mobile} />
-      </Suspense>
-    </Flexbox>
-  );
-};
-
-export default Conversation;