mirror of
https://github.com/labring/FastGPT.git
synced 2025-10-18 01:16:01 +00:00

* chore(ui): login page & workflow page (#3046) * login page & number input & multirow select & llm select * workflow * adjust nodes * New file upload (#3058) * feat: toolNode aiNode readFileNode adapt new version * update docker-compose * update tip * feat: adapt new file version * perf: file input * fix: ts * feat: add chat history time label (#3024) * feat:add chat and logs time * feat: add chat history time label * code perf * code perf --------- Co-authored-by: 勤劳上班的卑微小张 <jiazhan.zhang@ggimage.com> * add chatType (#3060) * pref: slow query of full text search (#3044) * Adapt findLast api;perf: markdown zh format. (#3066) * perf: context code * fix: adapt findLast api * perf: commercial plugin run error * perf: markdown zh format * perf: dockerfile proxy (#3067) * fix ui (#3065) * fix ui * fix * feat: support array reference multi-select (#3041) * feat: support array reference multi-select * fix build * fix * fix loop multi-select * adjust condition * fix get value * array and non-array conversion * fix plugin input * merge func * feat: iframe code block;perf: workflow selector type (#3076) * feat: iframe code block * perf: workflow selector type * node pluginoutput check (#3074) * feat: View will move when workflow check error;fix: ui refresh error when continuous file upload (#3077) * fix: plugin output check * fix: ui refresh error when continuous file upload * feat: View will move when workflow check error * add dispatch try catch (#3075) * perf: workflow context split (#3083) * perf: workflow context split * perf: context * 4.8.13 test (#3085) * perf: workflow node ui * chat iframe url * feat: support sub route config (#3071) * feat: support sub route config * dockerfile * fix upload * delete unused code * 4.8.13 test (#3087) * fix: image expired * fix: datacard navbar ui * perf: build action * fix: workflow file upload refresh (#3088) * fix: http tool response (#3097) * loop node dynamic height (#3092) * loop node dynamic height * fix * fix * feat: support push chat log (#3093) * feat: custom uid/metadata * to: custom info * fix: chat push latest * feat: add chat log envs * refactor: move timer to pushChatLog * fix: using precise log --------- Co-authored-by: Finley Ge <m13203533462@163.com> * 4.8.13 test (#3098) * perf: loop node refresh * rename context * comment * fix: ts * perf: push chat log * array reference check & node ui (#3100) * feat: loop start add index (#3101) * feat: loop start add index * update doc * 4.8.13 test (#3102) * fix: loop index;edge parent check * perf: reference invalid check * fix: ts * fix: plugin select files and ai response check (#3104) * fix: plugin select files and ai response check * perf: text editor selector;tool call tip;remove invalid image url; * perf: select file * perf: drop files * feat: source id prefix env (#3103) * 4.8.13 test (#3106) * perf: select file * perf: drop files * perf: env template * 4.8.13 test (#3107) * perf: select file * perf: drop files * fix: imple mode adapt files * perf: push chat log (#3109) * fix: share page load title error (#3111) * 4.8.13 perf (#3112) * fix: share page load title error * update file input doc * perf: auto add file urls * perf: auto ser loop node offset height * 4.8.13 test (#3117) * perf: plugin * updat eaction * feat: add more share config (#3120) * feat: add more share config * add i18n en * fix: missing subroute (#3121) * perf: outlink config (#3128) * update action * perf: outlink config * fix: ts (#3129) * 更新 docSite 文档内容 (#3131) * fix: null pointer (#3130) * fix: null pointer * perf: not input text * update doc url * perf: outlink default value (#3134) * update doc (#3136) * 4.8.13 test (#3137) * update doc * perf: completions chat api * Restore docSite content based on upstream/4.8.13-dev (#3138) * Restore docSite content based on upstream/4.8.13-dev * 4813.md缺少更正 * update doc (#3141) --------- Co-authored-by: heheer <heheer@sealos.io> Co-authored-by: papapatrick <109422393+Patrickill@users.noreply.github.com> Co-authored-by: 勤劳上班的卑微小张 <jiazhan.zhang@ggimage.com> Co-authored-by: Finley Ge <32237950+FinleyGe@users.noreply.github.com> Co-authored-by: a.e. <49438478+I-Info@users.noreply.github.com> Co-authored-by: Finley Ge <m13203533462@163.com> Co-authored-by: Jiangween <145003935+Jiangween@users.noreply.github.com>
367 lines
11 KiB
TypeScript
367 lines
11 KiB
TypeScript
import React, { useCallback, useMemo, useState } from 'react';
|
|
import NextHead from '@/components/common/NextHead';
|
|
import { useRouter } from 'next/router';
|
|
import { delChatRecordById, getInitChatInfo } from '@/web/core/chat/api';
|
|
import { Box, Flex, Drawer, DrawerOverlay, DrawerContent, useTheme } from '@chakra-ui/react';
|
|
import { streamFetch } from '@/web/common/api/fetch';
|
|
import { useChatStore } from '@/web/core/chat/context/storeChat';
|
|
import { useToast } from '@fastgpt/web/hooks/useToast';
|
|
import { useTranslation } from 'next-i18next';
|
|
|
|
import type { StartChatFnProps } from '@/components/core/chat/ChatContainer/type';
|
|
import PageContainer from '@/components/PageContainer';
|
|
import SideBar from '@/components/SideBar';
|
|
import ChatHistorySlider from './components/ChatHistorySlider';
|
|
import SliderApps from './components/SliderApps';
|
|
import ChatHeader from './components/ChatHeader';
|
|
import { useUserStore } from '@/web/support/user/useUserStore';
|
|
import { serviceSideProps } from '@/web/common/utils/i18n';
|
|
import { getChatTitleFromChatMessage } from '@fastgpt/global/core/chat/utils';
|
|
import { GPTMessages2Chats } from '@fastgpt/global/core/chat/adapt';
|
|
import { getMyApps } from '@/web/core/app/api';
|
|
import { useRequest2 } from '@fastgpt/web/hooks/useRequest';
|
|
|
|
import { useCreation, useMount } from 'ahooks';
|
|
import { getNanoid } from '@fastgpt/global/common/string/tools';
|
|
|
|
import { defaultChatData, GetChatTypeEnum } from '@/global/core/chat/constants';
|
|
import ChatContextProvider, { ChatContext } from '@/web/core/chat/context/chatContext';
|
|
import { AppListItemType } from '@fastgpt/global/core/app/type';
|
|
import { useContextSelector } from 'use-context-selector';
|
|
import { AppTypeEnum } from '@fastgpt/global/core/app/constants';
|
|
import dynamic from 'next/dynamic';
|
|
import { useChat } from '@/components/core/chat/ChatContainer/useChat';
|
|
import ChatBox from '@/components/core/chat/ChatContainer/ChatBox';
|
|
import { useSystem } from '@fastgpt/web/hooks/useSystem';
|
|
import { InitChatResponse } from '@/global/core/chat/api';
|
|
import { ChatSourceEnum } from '@fastgpt/global/core/chat/constants';
|
|
|
|
const CustomPluginRunBox = dynamic(() => import('./components/CustomPluginRunBox'));
|
|
|
|
type Props = { appId: string; chatId: string };
|
|
|
|
const Chat = ({
|
|
appId,
|
|
chatId,
|
|
myApps
|
|
}: Props & {
|
|
myApps: AppListItemType[];
|
|
}) => {
|
|
const router = useRouter();
|
|
const theme = useTheme();
|
|
const { t } = useTranslation();
|
|
const { userInfo } = useUserStore();
|
|
const { isPc } = useSystem();
|
|
const { setLastChatAppId } = useChatStore();
|
|
|
|
const {
|
|
onUpdateHistory,
|
|
onClearHistories,
|
|
onDelHistory,
|
|
isOpenSlider,
|
|
onCloseSlider,
|
|
forbidLoadChat,
|
|
onChangeChatId,
|
|
onUpdateHistoryTitle
|
|
} = useContextSelector(ChatContext, (v) => v);
|
|
|
|
const params = useCreation(() => {
|
|
return {
|
|
chatId,
|
|
appId,
|
|
type: GetChatTypeEnum.normal
|
|
};
|
|
}, [appId, chatId]);
|
|
const {
|
|
ChatBoxRef,
|
|
variablesForm,
|
|
pluginRunTab,
|
|
setPluginRunTab,
|
|
resetVariables,
|
|
chatRecords,
|
|
ScrollData,
|
|
setChatRecords,
|
|
totalRecordsCount
|
|
} = useChat(params);
|
|
|
|
// get chat app info
|
|
const [chatData, setChatData] = useState<InitChatResponse>(defaultChatData);
|
|
const isPlugin = chatData.app.type === AppTypeEnum.plugin;
|
|
|
|
// Load chat init data
|
|
const { loading: isLoading } = useRequest2(
|
|
async () => {
|
|
if (!appId || forbidLoadChat.current) return;
|
|
|
|
const res = await getInitChatInfo({ appId, chatId });
|
|
|
|
setChatData(res);
|
|
// reset chat variables
|
|
resetVariables({
|
|
variables: res.variables
|
|
});
|
|
|
|
setLastChatAppId(appId);
|
|
},
|
|
{
|
|
manual: false,
|
|
refreshDeps: [appId, chatId],
|
|
onError(e: any) {
|
|
setLastChatAppId('');
|
|
|
|
// reset all chat tore
|
|
if (e?.code === 501) {
|
|
router.replace('/app/list');
|
|
} else {
|
|
router.replace({
|
|
query: {
|
|
...router.query,
|
|
appId: myApps[0]?._id,
|
|
chatId: ''
|
|
}
|
|
});
|
|
}
|
|
},
|
|
onFinally() {
|
|
forbidLoadChat.current = false;
|
|
}
|
|
}
|
|
);
|
|
|
|
const onStartChat = useCallback(
|
|
async ({
|
|
messages,
|
|
responseChatItemId,
|
|
controller,
|
|
generatingMessage,
|
|
variables
|
|
}: StartChatFnProps) => {
|
|
const completionChatId = chatId || getNanoid();
|
|
// Just send a user prompt
|
|
const histories = messages.slice(-1);
|
|
const { responseText, responseData } = await streamFetch({
|
|
data: {
|
|
messages: histories,
|
|
variables,
|
|
responseChatItemId,
|
|
appId,
|
|
chatId: completionChatId
|
|
},
|
|
onMessage: generatingMessage,
|
|
abortCtrl: controller
|
|
});
|
|
|
|
const newTitle = getChatTitleFromChatMessage(GPTMessages2Chats(histories)[0]);
|
|
|
|
// new chat
|
|
if (completionChatId !== chatId && controller.signal.reason !== 'leave') {
|
|
onChangeChatId(completionChatId, true);
|
|
}
|
|
onUpdateHistoryTitle({ chatId: completionChatId, newTitle });
|
|
// update chat window
|
|
setChatData((state) => ({
|
|
...state,
|
|
title: newTitle
|
|
}));
|
|
|
|
return { responseText, responseData, isNewChat: forbidLoadChat.current };
|
|
},
|
|
[chatId, appId, onUpdateHistoryTitle, forbidLoadChat, onChangeChatId]
|
|
);
|
|
const loading = isLoading;
|
|
|
|
const RenderHistorySlider = useMemo(() => {
|
|
const Children = (
|
|
<ChatHistorySlider
|
|
confirmClearText={t('common:core.chat.Confirm to clear history')}
|
|
appId={appId}
|
|
appName={chatData.app.name}
|
|
appAvatar={chatData.app.avatar}
|
|
onDelHistory={(e) => onDelHistory({ ...e, appId })}
|
|
onClearHistory={() => {
|
|
onClearHistories({ appId });
|
|
}}
|
|
onSetHistoryTop={(e) => {
|
|
onUpdateHistory({ ...e, appId });
|
|
}}
|
|
onSetCustomTitle={async (e) => {
|
|
onUpdateHistory({
|
|
appId,
|
|
chatId: e.chatId,
|
|
customTitle: e.title
|
|
});
|
|
}}
|
|
/>
|
|
);
|
|
|
|
return isPc || !appId ? (
|
|
<SideBar>{Children}</SideBar>
|
|
) : (
|
|
<Drawer
|
|
isOpen={isOpenSlider}
|
|
placement="left"
|
|
autoFocus={false}
|
|
size={'xs'}
|
|
onClose={onCloseSlider}
|
|
>
|
|
<DrawerOverlay backgroundColor={'rgba(255,255,255,0.5)'} />
|
|
<DrawerContent maxWidth={'75vw'}>{Children}</DrawerContent>
|
|
</Drawer>
|
|
);
|
|
}, [
|
|
appId,
|
|
chatData.app.avatar,
|
|
chatData.app.name,
|
|
isOpenSlider,
|
|
isPc,
|
|
onClearHistories,
|
|
onCloseSlider,
|
|
onDelHistory,
|
|
onUpdateHistory,
|
|
t
|
|
]);
|
|
|
|
return (
|
|
<Flex h={'100%'}>
|
|
<NextHead title={chatData.app.name} icon={chatData.app.avatar}></NextHead>
|
|
{/* pc show myself apps */}
|
|
{isPc && (
|
|
<Box borderRight={theme.borders.base} w={'220px'} flexShrink={0}>
|
|
<SliderApps apps={myApps} activeAppId={appId} />
|
|
</Box>
|
|
)}
|
|
|
|
<PageContainer isLoading={loading} flex={'1 0 0'} w={0} p={[0, '16px']} position={'relative'}>
|
|
<Flex h={'100%'} flexDirection={['column', 'row']}>
|
|
{/* pc always show history. */}
|
|
{RenderHistorySlider}
|
|
{/* chat container */}
|
|
<Flex
|
|
position={'relative'}
|
|
h={[0, '100%']}
|
|
w={['100%', 0]}
|
|
flex={'1 0 0'}
|
|
flexDirection={'column'}
|
|
>
|
|
{/* header */}
|
|
<ChatHeader
|
|
totalRecordsCount={totalRecordsCount}
|
|
apps={myApps}
|
|
chatData={chatData}
|
|
history={chatRecords}
|
|
showHistory
|
|
onRouteToAppDetail={() => router.push(`/app/detail?appId=${appId}`)}
|
|
/>
|
|
|
|
{/* chat box */}
|
|
<Box flex={'1 0 0'} bg={'white'}>
|
|
{isPlugin ? (
|
|
<CustomPluginRunBox
|
|
pluginInputs={chatData.app.pluginInputs}
|
|
variablesForm={variablesForm}
|
|
histories={chatRecords}
|
|
setHistories={setChatRecords}
|
|
appId={chatData.appId}
|
|
chatConfig={chatData.app.chatConfig}
|
|
tab={pluginRunTab}
|
|
setTab={setPluginRunTab}
|
|
onNewChat={() => onChangeChatId(getNanoid())}
|
|
onStartChat={onStartChat}
|
|
/>
|
|
) : (
|
|
<ChatBox
|
|
ScrollData={ScrollData}
|
|
ref={ChatBoxRef}
|
|
chatHistories={chatRecords}
|
|
setChatHistories={setChatRecords}
|
|
variablesForm={variablesForm}
|
|
showEmptyIntro
|
|
appAvatar={chatData.app.avatar}
|
|
userAvatar={userInfo?.avatar}
|
|
chatConfig={chatData.app?.chatConfig}
|
|
feedbackType={'user'}
|
|
onStartChat={onStartChat}
|
|
onDelMessage={({ contentId }) => delChatRecordById({ contentId, appId, chatId })}
|
|
appId={appId}
|
|
chatId={chatId}
|
|
chatType={'chat'}
|
|
showRawSource
|
|
showNodeStatus
|
|
/>
|
|
)}
|
|
</Box>
|
|
</Flex>
|
|
</Flex>
|
|
</PageContainer>
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
const Render = (props: Props) => {
|
|
const { appId } = props;
|
|
const { t } = useTranslation();
|
|
const { toast } = useToast();
|
|
const router = useRouter();
|
|
|
|
const { lastChatAppId, lastChatId } = useChatStore();
|
|
|
|
const { data: myApps = [], runAsync: loadMyApps } = useRequest2(
|
|
() => getMyApps({ getRecentlyChat: true }),
|
|
{
|
|
manual: false
|
|
}
|
|
);
|
|
|
|
// 初始化聊天框
|
|
useMount(async () => {
|
|
// pc: redirect to latest model chat
|
|
if (!appId) {
|
|
if (lastChatAppId) {
|
|
return router.replace({
|
|
query: {
|
|
...router.query,
|
|
appId: lastChatAppId,
|
|
chatId: lastChatId
|
|
}
|
|
});
|
|
}
|
|
|
|
const apps = await loadMyApps();
|
|
if (apps.length === 0) {
|
|
toast({
|
|
status: 'error',
|
|
title: t('common:core.chat.You need to a chat app')
|
|
});
|
|
router.replace('/app/list');
|
|
} else {
|
|
router.replace({
|
|
query: {
|
|
...router.query,
|
|
appId: apps[0]._id,
|
|
chatId: ''
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
const providerParams = useMemo(() => ({ appId, source: ChatSourceEnum.online }), [appId]);
|
|
return (
|
|
<ChatContextProvider params={providerParams}>
|
|
<Chat {...props} myApps={myApps} />
|
|
</ChatContextProvider>
|
|
);
|
|
};
|
|
|
|
export async function getServerSideProps(context: any) {
|
|
return {
|
|
props: {
|
|
appId: context?.query?.appId || '',
|
|
chatId: context?.query?.chatId || '',
|
|
...(await serviceSideProps(context, ['file', 'app', 'chat', 'workflow']))
|
|
}
|
|
};
|
|
}
|
|
|
|
export default Render;
|