Context extract support value type (#1620)

* perf: chat box components

* perf: chatbox context

* feat: extract support value type

* workflow performance

* update doc

* feat: error response

* feat: error response

* oauth sort

* perf: logo

* fix: update laf account

* perf: team permission api

* update type

projects/app/src/components/ChatBox/Input/ChatInput.tsx

@@ -7,7 +7,6 @@ import MyTooltip from '../../MyTooltip';
 import MyIcon from '@fastgpt/web/components/common/Icon';
 import { useSelectFile } from '@/web/common/file/hooks/useSelectFile';
 import { compressImgFileAndUpload } from '@/web/common/file/controller';
-import { customAlphabet } from 'nanoid';
 import { ChatFileTypeEnum } from '@fastgpt/global/core/chat/constants';
 import { addDays } from 'date-fns';
 import { useRequest } from '@fastgpt/web/hooks/useRequest';
@@ -15,9 +14,10 @@ import { MongoImageTypeEnum } from '@fastgpt/global/common/file/image/constants'
 import { ChatBoxInputFormType, ChatBoxInputType, UserInputFileItemType } from '../type';
 import { textareaMinH } from '../constants';
 import { UseFormReturn, useFieldArray } from 'react-hook-form';
-import { useChatProviderStore } from '../Provider';
+import { ChatBoxContext } from '../Provider';
 import dynamic from 'next/dynamic';
-const nanoid = customAlphabet('abcdefghijklmnopqrstuvwxyz1234567890', 6);
+import { useContextSelector } from 'use-context-selector';
+import { getNanoid } from '@fastgpt/global/common/string/tools';
 
 const InputGuideBox = dynamic(() => import('./InputGuideBox'));
 
@@ -60,7 +60,7 @@ const ChatInput = ({
     whisperConfig,
     autoTTSResponse,
     chatInputGuide
-  } = useChatProviderStore();
+  } = useContextSelector(ChatBoxContext, (v) => v);
   const { isPc, whisperModel } = useSystemStore();
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const { t } = useTranslation();
@@ -119,7 +119,7 @@ const ChatInput = ({
                 reader.readAsDataURL(file);
                 reader.onload = () => {
                   const item = {
-                    id: nanoid(),
+                    id: getNanoid(6),
                     rawFile: file,
                     type: ChatFileTypeEnum.image,
                     name: file.name,
@@ -132,7 +132,7 @@ const ChatInput = ({
                 };
               } else {
                 resolve({
-                  id: nanoid(),
+                  id: getNanoid(6),
                   rawFile: file,
                   type: ChatFileTypeEnum.file,
                   name: file.name,