8aa6b53760
* feat: rewrite chat context (#3176) * feat: add app auto execute (#3115) * feat: add app auto execute * auto exec configtion * chatting animation * change icon * fix * fix * fix link * feat: add chat context to all chatbox * perf: loading ui --------- Co-authored-by: heheer <heheer@sealos.io> * app auto exec (#3179) * add chat records loaded state (#3184) * perf: chat store reset storage (#3186) * perf: chat store reset storage * perf: auto exec code * chore: workflow ui (#3175) * chore: workflow ui * fix * change icon color config * change popover to mymenu * 4.8.14 test (#3189) * update doc * fix: token check * perf: icon button * update doc * feat: share page support configuration Whether to allow the original view (#3194) * update doc * perf: fix index (#3206) * perf: i18n * perf: Add service entry (#3226) * 4.8.14 test (#3228) * fix: ai log * fix: text splitter * fix: reference unselect & user form description & simple to advance (#3229) * fix: reference unselect & user form description & simple to advance * change abort position * perf * perf: code (#3232) * perf: code * update doc * fix: create btn permission (#3233) * update doc * fix: refresh chatbox listener * perf: check invalid reference * perf: check invalid reference * update doc * fix: ui props --------- Co-authored-by: heheer <heheer@sealos.io>
76 lines
2.8 KiB
TypeScript
76 lines
2.8 KiB
TypeScript
import { PluginRunBoxProps } from '@/components/core/chat/ChatContainer/PluginRunBox/type';
|
|
import { useSystem } from '@fastgpt/web/hooks/useSystem';
|
|
import React, { useEffect } from 'react';
|
|
import PluginRunBox from '@/components/core/chat/ChatContainer/PluginRunBox';
|
|
import { Box, Grid, Stack } from '@chakra-ui/react';
|
|
import { useTranslation } from 'next-i18next';
|
|
import { PluginRunBoxTabEnum } from '@/components/core/chat/ChatContainer/PluginRunBox/constants';
|
|
import LightRowTabs from '@fastgpt/web/components/common/Tabs/LightRowTabs';
|
|
import { ChatItemContext } from '@/web/core/chat/context/chatItemContext';
|
|
import { useContextSelector } from 'use-context-selector';
|
|
|
|
const CustomPluginRunBox = (props: PluginRunBoxProps) => {
|
|
const { isPc } = useSystem();
|
|
const { t } = useTranslation();
|
|
|
|
const tab = useContextSelector(ChatItemContext, (v) => v.pluginRunTab);
|
|
const setTab = useContextSelector(ChatItemContext, (v) => v.setPluginRunTab);
|
|
|
|
useEffect(() => {
|
|
if (isPc && tab === PluginRunBoxTabEnum.input) {
|
|
setTab(PluginRunBoxTabEnum.output);
|
|
}
|
|
}, [isPc, setTab, tab]);
|
|
|
|
return isPc ? (
|
|
<Grid gridTemplateColumns={'450px 1fr'} h={'100%'}>
|
|
<Box px={3} py={4} borderRight={'base'} h={'100%'} overflowY={'auto'} w={'100%'}>
|
|
<Box color={'myGray.900'} mb={5}>
|
|
{t('common:common.Input')}
|
|
</Box>
|
|
<PluginRunBox {...props} showTab={PluginRunBoxTabEnum.input} />
|
|
</Box>
|
|
<Stack px={3} py={4} h={'100%'} alignItems={'flex-start'} w={'100%'} overflow={'auto'}>
|
|
<Box display={'inline-block'}>
|
|
<LightRowTabs<PluginRunBoxTabEnum>
|
|
list={[
|
|
{ label: t('common:common.Output'), value: PluginRunBoxTabEnum.output },
|
|
{ label: t('common:common.all_result'), value: PluginRunBoxTabEnum.detail }
|
|
]}
|
|
value={tab}
|
|
onChange={setTab}
|
|
inlineStyles={{ px: 0.5, pt: 0 }}
|
|
gap={5}
|
|
py={0}
|
|
fontSize={'sm'}
|
|
/>
|
|
</Box>
|
|
<Box flex={'1 0 0'} overflow={'auto'} w={'100%'}>
|
|
<PluginRunBox {...props} />
|
|
</Box>
|
|
</Stack>
|
|
</Grid>
|
|
) : (
|
|
<Stack py={2} px={4} h={'100%'}>
|
|
<LightRowTabs<PluginRunBoxTabEnum>
|
|
list={[
|
|
{ label: t('common:common.Input'), value: PluginRunBoxTabEnum.input },
|
|
{ label: t('common:common.Output'), value: PluginRunBoxTabEnum.output },
|
|
{ label: t('common:common.all_result'), value: PluginRunBoxTabEnum.detail }
|
|
]}
|
|
value={tab}
|
|
onChange={setTab}
|
|
inlineStyles={{ px: 0.5, pt: 0 }}
|
|
gap={5}
|
|
py={0}
|
|
fontSize={'sm'}
|
|
/>
|
|
<Box flex={'1 0 0'} w={'100%'}>
|
|
<PluginRunBox {...props} />
|
|
</Box>
|
|
</Stack>
|
|
);
|
|
};
|
|
|
|
export default React.memo(CustomPluginRunBox);
|