V4.8.14 dev (#3234)

* 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>

projects/app/src/pages/chat/components/CustomPluginRunBox.tsx

@@ -6,12 +6,16 @@ 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 { tab, setTab } = props;
   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);
@@ -24,7 +28,7 @@ const CustomPluginRunBox = (props: PluginRunBoxProps) => {
         <Box color={'myGray.900'} mb={5}>
           {t('common:common.Input')}
         </Box>
-        <PluginRunBox {...props} tab={PluginRunBoxTabEnum.input} />
+        <PluginRunBox {...props} showTab={PluginRunBoxTabEnum.input} />
       </Box>
       <Stack px={3} py={4} h={'100%'} alignItems={'flex-start'} w={'100%'} overflow={'auto'}>
         <Box display={'inline-block'}>