Plugin runtime (#2050)

* feat: plugin run (#1950) * feat: plugin run * fix * ui * fix * change user input type * fix * fix * temp * split out plugin chat * perf: chatbox * perf: chatbox * fix: plugin runtime (#2032) * fix: plugin runtime * fix * fix build * fix build * perf: chat send prompt * perf: chat log ux * perf: chatbox context and share page plugin runtime * perf: plugin run time config * fix: ts * feat: doc * perf: isPc check * perf: variable input render * feat: app search * fix: response box height * fix: phone ui * perf: lock * perf: plugin route * fix: chat (#2049) --------- Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>
2024-07-15 22:50:48 +08:00
parent 090c880860
commit b5c98a4f63
126 changed files with 5012 additions and 4317 deletions
--- a/projects/app/src/pages/chat/components/CustomPluginRunBox.tsx
+++ b/projects/app/src/pages/chat/components/CustomPluginRunBox.tsx
@@ -0,0 +1,71 @@
+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';
+
+const CustomPluginRunBox = (props: PluginRunBoxProps) => {
+  const { tab, setTab } = props;
+  const { isPc } = useSystem();
+  const { t } = useTranslation();
+
+  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.Input')}
+        </Box>
+        <PluginRunBox {...props} tab={PluginRunBoxTabEnum.input} />
+      </Box>
+      <Stack px={3} py={4} h={'100%'} alignItems={'flex-start'} w={'100%'} overflow={'auto'}>
+        <Box display={'inline-block'} mb={5}>
+          <LightRowTabs<PluginRunBoxTabEnum>
+            list={[
+              { label: t('common.Output'), value: PluginRunBoxTabEnum.output },
+              { label: '完整结果', 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.Input'), value: PluginRunBoxTabEnum.input },
+          { label: t('common.Output'), value: PluginRunBoxTabEnum.output },
+          { label: '完整结果', value: PluginRunBoxTabEnum.detail }
+        ]}
+        value={tab}
+        onChange={setTab}
+        inlineStyles={{ px: 0.5, pt: 0 }}
+        gap={5}
+        py={0}
+        fontSize={'sm'}
+      />
+      <Box mt={3} flex={'1 0 0'} w={'100%'}>
+        <PluginRunBox {...props} />
+      </Box>
+    </Stack>
+  );
+};
+
+export default React.memo(CustomPluginRunBox);