V4.12.0 features (#5435)

* add logs chart (#5352) * charts * chart data * log chart * delete * rename api * fix * move api * fix * fix * pro config * fix * feat: Repository interaction (#5356) * feat: 1好像功能没问题了，明天再测 * feat: 2 解决了昨天遗留的bug,但全选按钮又bug了 * feat: 3 第三版，解决了全选功能bug * feat: 4 第四版，下面改小细节 * feat: 5 我勒个痘 * feat: 6 * feat: 6 pr * feat: 7 * feat: 8 * feat: 9 * feat: 10 * feat: 11 * feat: 12 * perf: checkbox ui * refactor: tweak login loyout (#5357) Co-authored-by: Archer <545436317@qq.com> * login ui * app chat log chart pro display (#5392) * app chat log chart pro display * add canopen props * perf: pro tag tip * perf: pro tag tip * feat: openrouter provider (#5406) * perf: login ui * feat: openrouter provider * provider * perf: custom error throw * perf: emb batch (#5407) * perf: emb batch * perf: vector retry * doc * doc (#5411) * doc * fix: team folder will add to workflow * fix: generateToc shell * Tool price (#5376) * resolve conflicts for cherry-pick * fix i18n * Enhance system plugin template data structure and update ToolSelectModal to include CostTooltip component * refactor: update systemKeyCost type to support array of objects in plugin and workflow types * refactor: simplify systemKeyCost type across plugin and workflow types to a single number * refactor: streamline systemKeyCost handling in plugin and workflow components * fix * fix * perf: toolset price config;fix: workflow array selector ui (#5419) * fix: workflow array selector ui * update default model tip * perf: toolset price config * doc * fix: test * Refactor/chat (#5418) * refactor: add homepage configuration; add home chat page; add side bar animated collapse and layout * fix: fix lint rules * chore: improve logics and code * chore: more clearer logics * chore: adjust api --------- Co-authored-by: Archer <545436317@qq.com> * perf: chat setting code * del history * logo image * perf: home chat ui * feat: enhance chat response handling with external links and user info (#5427) * feat: enhance chat response handling with external links and user info * fix * cite code * perf: toolset add in workflow * fix: test * fix: search paraentId * Fix/chat (#5434) * wip: rebase了upstream * wip: adapt mobile UI * fix: fix chat page logic and UI * fix: fix UI and improve some logics * fix: model selector missing logo; vision model to retrieve file * perf: role selector * fix: chat ui * optimize export app chat log (#5436) * doc * chore: move components to proper directory; fix the api to get app list (#5437) * chore: improve team app panel display form (#5438) * feat: add home chat log tab * chore: improve team app panel display form * chore: improve log panel * fix: spec * doc * fix: log permission * fix: dataset schema required * add loading status * remove ui weight * manage log * fix: log detail per * doc * fix: log menu * rename permission * bg color * fix: app log per * fix: log key selector * fix: log * doc --------- Co-authored-by: heheer <zhiyu44@qq.com> Co-authored-by: colnii <1286949794@qq.com> Co-authored-by: 伍闲犬 <76519998+xqvvu@users.noreply.github.com> Co-authored-by: Ctrlz <143257420+ctrlz526@users.noreply.github.com> Co-authored-by: 伍闲犬 <whoeverimf5@gmail.com> Co-authored-by: heheer <heheer@sealos.io>
2025-10-17 00:14:51 +00:00 · 2025-08-12 22:22:18 +08:00
parent c6e58291f7
commit c51395b2c8
239 changed files with 9336 additions and 3128 deletions
--- a/projects/app/src/pageComponents/chat/ChatWindow/AppChatWindow.tsx
+++ b/projects/app/src/pageComponents/chat/ChatWindow/AppChatWindow.tsx
@@ -0,0 +1,176 @@
+import ChatHeader from '@/pageComponents/chat/ChatHeader';
+import ChatBox from '@/components/core/chat/ChatContainer/ChatBox';
+import { Flex, Box, Drawer, DrawerOverlay, DrawerContent } from '@chakra-ui/react';
+import ChatHistorySlider from '@/pageComponents/chat/ChatHistorySlider';
+import { useTranslation } from 'react-i18next';
+import { useSystem } from '@fastgpt/web/hooks/useSystem';
+import SideBar from '@/components/SideBar';
+import { ChatContext } from '@/web/core/chat/context/chatContext';
+import { useContextSelector } from 'use-context-selector';
+import { ChatItemContext } from '@/web/core/chat/context/chatItemContext';
+import { type AppListItemType } from '@fastgpt/global/core/app/type';
+import { ChatTypeEnum } from '@/components/core/chat/ChatContainer/ChatBox/constants';
+import { useCallback } from 'react';
+import type { StartChatFnProps } from '@/components/core/chat/ChatContainer/type';
+import { streamFetch } from '@/web/common/api/fetch';
+import { getChatTitleFromChatMessage } from '@fastgpt/global/core/chat/utils';
+import { GPTMessages2Chats } from '@fastgpt/global/core/chat/adapt';
+import { useChatStore } from '@/web/core/chat/context/useChatStore';
+import { ChatRecordContext } from '@/web/core/chat/context/chatRecordContext';
+import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
+import { getInitChatInfo } from '@/web/core/chat/api';
+import { useUserStore } from '@/web/support/user/useUserStore';
+import { useRouter } from 'next/router';
+import NextHead from '@/components/common/NextHead';
+
+type Props = {
+  myApps: AppListItemType[];
+};
+
+const AppChatWindow = ({ myApps }: Props) => {
+  const router = useRouter();
+  const { userInfo } = useUserStore();
+  const { chatId, appId, outLinkAuthData } = useChatStore();
+
+  const { t } = useTranslation();
+  const { isPc } = useSystem();
+
+  const isOpenSlider = useContextSelector(ChatContext, (v) => v.isOpenSlider);
+  const forbidLoadChat = useContextSelector(ChatContext, (v) => v.forbidLoadChat);
+  const onCloseSlider = useContextSelector(ChatContext, (v) => v.onCloseSlider);
+  const onUpdateHistoryTitle = useContextSelector(ChatContext, (v) => v.onUpdateHistoryTitle);
+
+  const chatBoxData = useContextSelector(ChatItemContext, (v) => v.chatBoxData);
+  const datasetCiteData = useContextSelector(ChatItemContext, (v) => v.datasetCiteData);
+  const setChatBoxData = useContextSelector(ChatItemContext, (v) => v.setChatBoxData);
+  const resetVariables = useContextSelector(ChatItemContext, (v) => v.resetVariables);
+
+  const chatRecords = useContextSelector(ChatRecordContext, (v) => v.chatRecords);
+  const totalRecordsCount = useContextSelector(ChatRecordContext, (v) => v.totalRecordsCount);
+
+  const { loading } = useRequest2(
+    async () => {
+      if (!appId || forbidLoadChat.current) return;
+
+      const res = await getInitChatInfo({ appId, chatId });
+      res.userAvatar = userInfo?.avatar;
+
+      setChatBoxData(res);
+
+      resetVariables({
+        variables: res.variables,
+        variableList: res.app?.chatConfig?.variables
+      });
+    },
+    {
+      manual: false,
+      refreshDeps: [appId, chatId],
+      errorToast: '',
+      onError(e: any) {
+        if (e?.code && e.code >= 502000) {
+          router.replace({
+            query: {
+              ...router.query,
+              appId: myApps[0]?._id
+            }
+          });
+        }
+      },
+      onFinally() {
+        forbidLoadChat.current = false;
+      }
+    }
+  );
+
+  const onStartChat = useCallback(
+    async ({
+      messages,
+      variables,
+      controller,
+      responseChatItemId,
+      generatingMessage
+    }: StartChatFnProps) => {
+      const histories = messages.slice(-1);
+      const { responseText } = await streamFetch({
+        data: {
+          messages: histories,
+          variables,
+          responseChatItemId,
+          appId,
+          chatId
+        },
+        abortCtrl: controller,
+        onMessage: generatingMessage
+      });
+
+      const newTitle = getChatTitleFromChatMessage(GPTMessages2Chats(histories)[0]);
+
+      onUpdateHistoryTitle({ chatId, newTitle });
+      setChatBoxData((state) => ({
+        ...state,
+        title: newTitle
+      }));
+
+      return { responseText, isNewChat: forbidLoadChat.current };
+    },
+    [appId, chatId, onUpdateHistoryTitle, setChatBoxData, forbidLoadChat]
+  );
+
+  return (
+    <Flex h={'100%'} flexDirection={['column', 'row']}>
+      {/* set window title and icon */}
+      <NextHead title={chatBoxData.app.name} icon={chatBoxData.app.avatar} />
+
+      {/* show history slider */}
+      {isPc || !appId ? (
+        <SideBar externalTrigger={Boolean(datasetCiteData)}>
+          <ChatHistorySlider confirmClearText={t('common:core.chat.Confirm to clear history')} />
+        </SideBar>
+      ) : (
+        <Drawer
+          size="xs"
+          placement="left"
+          autoFocus={false}
+          isOpen={isOpenSlider}
+          onClose={onCloseSlider}
+        >
+          <DrawerOverlay backgroundColor="rgba(255,255,255,0.5)" />
+          <DrawerContent maxWidth="75vw">
+            <ChatHistorySlider confirmClearText={t('common:core.chat.Confirm to clear history')} />
+          </DrawerContent>
+        </Drawer>
+      )}
+
+      {/* chat container */}
+      <Flex
+        position={'relative'}
+        h={[0, '100%']}
+        w={['100%', 0]}
+        flex={'1 0 0'}
+        flexDirection={'column'}
+      >
+        <ChatHeader
+          showHistory
+          apps={myApps}
+          history={chatRecords}
+          totalRecordsCount={totalRecordsCount}
+        />
+
+        <Box flex={'1 0 0'} bg={'white'}>
+          <ChatBox
+            showEmptyIntro
+            appId={appId}
+            chatId={chatId}
+            isReady={!loading}
+            feedbackType={'user'}
+            chatType={ChatTypeEnum.chat}
+            outLinkAuthData={outLinkAuthData}
+            onStartChat={onStartChat}
+          />
+        </Box>
+      </Flex>
+    </Flex>
+  );
+};
+
+export default AppChatWindow;