4.8.8 test fix (#2143)

* perf: transcriptions api

* perf: variable picker tip

* perf: variable picker tip

* perf: chat select app

* feat: router to app detail

* perf: variable avoid space

* perf: variable picker

* perf: doc2x icon and params

* perf: sandbox support countToken

* feat: sandbox support delay and countToken

projects/app/src/components/common/Textarea/MyTextarea/VariableTip.tsx

@@ -0,0 +1,16 @@
+import { Box, HStack, StackProps } from '@chakra-ui/react';
+import React from 'react';
+import MyIcon from '@fastgpt/web/components/common/Icon';
+import { useTranslation } from 'next-i18next';
+
+const VariableTip = (props: StackProps) => {
+  const { t } = useTranslation();
+  return (
+    <HStack fontSize={'xs'} spacing={1} {...props}>
+      <MyIcon name={'common/info'} w={'0.9rem'} transform={'translateY(1px)'} />
+      <Box>{t('common:textarea_variable_picker_tip')}</Box>
+    </HStack>
+  );
+};
+
+export default VariableTip;

projects/app/src/components/core/app/DatasetParamsModal.tsx

@@ -127,6 +127,7 @@ const DatasetParamsModal = ({
     >
       <ModalBody flex={'auto'} overflow={'auto'}>
         <LightRowTabs<SearchSettingTabEnum>
+          width={'100%'}
           mb={3}
           list={[
             {

projects/app/src/components/core/app/VariableEdit.tsx

@@ -299,6 +299,8 @@ const VariableEdit = ({
           </Button>
           <Button
             onClick={handleSubmitEdit(({ variable }) => {
+              variable.key = variable.key.trim();
+
               // check select
               if (variable.type === VariableInputEnum.select) {
                 const enums = variable.enums.filter((item) => item.value);

projects/app/src/components/core/chat/components/WholeResponseModal.tsx

@@ -157,6 +157,7 @@ export const ResponseBox = React.memo(function ResponseBox({
       {!hideTabs && (
         <Box>
           <LightRowTabs
+            w={'100%'}
             list={list}
             value={currentTab}
             inlineStyles={{ pt: 0 }}