@lobehub/chat 1.31.9 → 1.31.11

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

@@ -3,116 +3,114 @@
 import { Icon } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
 import { Loader2Icon } from 'lucide-react';
-import React, { memo, useCallback, useEffect, useRef, useState } from 'react';
+import React, { ReactNode, memo, useCallback, useEffect, useRef, useState } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 import { Virtuoso, VirtuosoHandle } from 'react-virtuoso';
 
-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 AutoScroll from '../AutoScroll';
 import Item from '../ChatItem';
-import InboxWelcome from '../InboxWelcome';
 import SkeletonList from '../SkeletonList';
 
 interface VirtualizedListProps {
   dataSource: string[];
+  hideActionBar?: boolean;
+  itemContent?: (index: number, data: any, context: any) => ReactNode;
   mobile?: boolean;
 }
 
-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 [isFirstLoading, isCurrentChatLoaded] = useChatStore((s) => [
-    chatSelectors.currentChatLoadingState(s),
-    chatSelectors.isCurrentChatLoaded(s),
-  ]);
-
-  useEffect(() => {
-    if (virtuosoRef.current) {
-      virtuosoRef.current.scrollToIndex({ align: 'end', behavior: 'auto', index: 'LAST' });
-    }
-  }, [id]);
-
-  const prevDataLengthRef = useRef(dataSource.length);
-
-  const getFollowOutput = useCallback(() => {
-    const newFollowOutput = dataSource.length > prevDataLengthRef.current ? 'auto' : false;
-    prevDataLengthRef.current = dataSource.length;
-    return newFollowOutput;
-  }, [dataSource.length]);
-
-  const theme = useTheme();
-  // overscan should be 3 times the height of the window
-  const overscan = typeof window !== 'undefined' ? window.innerHeight * 3 : 0;
-
-  const itemContent = useCallback(
-    (index: number, id: string) => {
-      if (id === WELCOME_GUIDE_CHAT_ID) return <InboxWelcome />;
-
-      return <Item id={id} index={index} />;
-    },
-    [mobile],
-  );
-
-  // first time loading or not loaded
-  if (isFirstLoading) return <SkeletonList mobile={mobile} />;
-
-  if (!isCurrentChatLoaded)
-    // use skeleton list when not loaded in server mode due to the loading duration is much longer than client mode
-    return isServerMode ? (
-      <SkeletonList mobile={mobile} />
-    ) : (
-      // in client mode and switch page, using the center loading for smooth transition
-      <Center height={'100%'} width={'100%'}>
-        <Icon
-          icon={Loader2Icon}
-          size={{ fontSize: 32 }}
-          spin
-          style={{ color: theme.colorTextTertiary }}
-        />
-      </Center>
+const VirtualizedList = memo<VirtualizedListProps>(
+  ({ mobile, dataSource, hideActionBar, itemContent }) => {
+    const virtuosoRef = useRef<VirtuosoHandle>(null);
+    const [atBottom, setAtBottom] = useState(true);
+    const [isScrolling, setIsScrolling] = useState(false);
+
+    const [id, isFirstLoading, isCurrentChatLoaded] = useChatStore((s) => [
+      chatSelectors.currentChatKey(s),
+      chatSelectors.currentChatLoadingState(s),
+      chatSelectors.isCurrentChatLoaded(s),
+    ]);
+
+    useEffect(() => {
+      if (virtuosoRef.current) {
+        virtuosoRef.current.scrollToIndex({ align: 'end', behavior: 'auto', index: 'LAST' });
+      }
+    }, [id]);
+
+    const prevDataLengthRef = useRef(dataSource.length);
+
+    const getFollowOutput = useCallback(() => {
+      const newFollowOutput = dataSource.length > prevDataLengthRef.current ? 'auto' : false;
+      prevDataLengthRef.current = dataSource.length;
+      return newFollowOutput;
+    }, [dataSource.length]);
+
+    const theme = useTheme();
+    // overscan should be 3 times the height of the window
+    const overscan = typeof window !== 'undefined' ? window.innerHeight * 3 : 0;
+
+    const defaultItemContent = useCallback(
+      (index: number, id: string) => <Item hideActionBar={hideActionBar} id={id} index={index} />,
+      [mobile, hideActionBar],
     );
 
-  return (
-    <Flexbox height={'100%'}>
-      <Virtuoso
-        atBottomStateChange={setAtBottom}
-        atBottomThreshold={50 * (mobile ? 2 : 1)}
-        computeItemKey={(_, item) => item}
-        data={dataSource}
-        followOutput={getFollowOutput}
-        increaseViewportBy={overscan}
-        initialTopMostItemIndex={dataSource?.length - 1}
-        isScrolling={setIsScrolling}
-        itemContent={itemContent}
-        overscan={overscan}
-        ref={virtuosoRef}
-      />
-      <AutoScroll
-        atBottom={atBottom}
-        isScrolling={isScrolling}
-        onScrollToBottom={(type) => {
-          const virtuoso = virtuosoRef.current;
-          switch (type) {
-            case 'auto': {
-              virtuoso?.scrollToIndex({ align: 'end', behavior: 'auto', index: 'LAST' });
-              break;
-            }
-            case 'click': {
-              virtuoso?.scrollToIndex({ align: 'end', behavior: 'smooth', index: 'LAST' });
-              break;
+    // first time loading or not loaded
+    if (isFirstLoading) return <SkeletonList mobile={mobile} />;
+
+    if (!isCurrentChatLoaded)
+      // use skeleton list when not loaded in server mode due to the loading duration is much longer than client mode
+      return isServerMode ? (
+        <SkeletonList mobile={mobile} />
+      ) : (
+        // in client mode and switch page, using the center loading for smooth transition
+        <Center height={'100%'} width={'100%'}>
+          <Icon
+            icon={Loader2Icon}
+            size={{ fontSize: 32 }}
+            spin
+            style={{ color: theme.colorTextTertiary }}
+          />
+        </Center>
+      );
+
+    return (
+      <Flexbox height={'100%'}>
+        <Virtuoso
+          atBottomStateChange={setAtBottom}
+          atBottomThreshold={50 * (mobile ? 2 : 1)}
+          computeItemKey={(_, item) => item}
+          data={dataSource}
+          followOutput={getFollowOutput}
+          increaseViewportBy={overscan}
+          initialTopMostItemIndex={dataSource?.length - 1}
+          isScrolling={setIsScrolling}
+          itemContent={itemContent ?? defaultItemContent}
+          overscan={overscan}
+          ref={virtuosoRef}
+        />
+        <AutoScroll
+          atBottom={atBottom}
+          isScrolling={isScrolling}
+          onScrollToBottom={(type) => {
+            const virtuoso = virtuosoRef.current;
+            switch (type) {
+              case 'auto': {
+                virtuoso?.scrollToIndex({ align: 'end', behavior: 'auto', index: 'LAST' });
+                break;
+              }
+              case 'click': {
+                virtuoso?.scrollToIndex({ align: 'end', behavior: 'smooth', index: 'LAST' });
+                break;
+              }
             }
-          }
-        }}
-      />
-    </Flexbox>
-  );
-});
+          }}
+        />
+      </Flexbox>
+    );
+  },
+);
 
 export default VirtualizedList;

package/src/features/Conversation/index.ts

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

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

@@ -17,6 +17,8 @@ export const AgentRuntimeErrorType = {
 
   InvalidGithubToken: 'InvalidGithubToken',
 
+  ConnectionCheckFailed: 'ConnectionCheckFailed',
+
   /**
    * @deprecated
    */

package/src/locales/default/error.ts

@@ -124,6 +124,7 @@ export default {
 
     // Github Token
     InvalidGithubToken: 'Github PAT 不正确或为空，请检查 Github PAT 后重试',
+    ConnectionCheckFailed: '请求返回为空，请检查 API 代理地址末尾是否未包含 `/v1`',
 
     /* eslint-enable */
   },

package/src/types/topic/index.ts

@@ -0,0 +1 @@
+export * from './topic';