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>

projects/app/src/web/common/api/fetch.ts

@@ -1,9 +1,8 @@
 import { SseResponseEventEnum } from '@fastgpt/global/core/workflow/runtime/constants';
 import { getErrText } from '@fastgpt/global/common/error/utils';
 import type { ChatHistoryItemResType } from '@fastgpt/global/core/chat/type.d';
-import type { StartChatFnProps } from '@/components/ChatBox/type.d';
+import type { StartChatFnProps } from '@/components/core/chat/ChatContainer/type';
 import { DispatchNodeResponseKeyEnum } from '@fastgpt/global/core/workflow/runtime/constants';
-import dayjs from 'dayjs';
 import {
   // refer to https://github.com/ChatGPTNextWeb/ChatGPT-Next-Web
   EventStreamContentType,

projects/app/src/web/common/api/request.ts

@@ -14,7 +14,7 @@ interface ConfigType {
   timeout?: number;
   onUploadProgress?: (progressEvent: AxiosProgressEvent) => void;
   cancelToken?: AbortController;
-  maxQuantity?: number;
+  maxQuantity?: number; // The maximum number of simultaneous requests, usually used to cancel old requests
   withCredentials?: boolean;
 }
 interface ResponseDataType {
@@ -31,20 +31,28 @@ const maxQuantityMap: Record<
   }
 > = {};
 
-function requestStart({ url, maxQuantity }: { url: string; maxQuantity?: number }) {
-  if (!maxQuantity) return;
-  const item = maxQuantityMap[url];
+function checkMaxQuantity({ url, maxQuantity }: { url: string; maxQuantity?: number }) {
+  if (maxQuantity) {
+    const item = maxQuantityMap[url];
+    const controller = new AbortController();
 
-  if (item) {
-    if (item.amount >= maxQuantity && item.sign) {
-      item.sign.abort();
-      delete maxQuantityMap[url];
+    if (item) {
+      if (item.amount >= maxQuantity) {
+        item.sign?.abort?.();
+        maxQuantityMap[url] = {
+          amount: 1,
+          sign: controller
+        };
+      } else {
+        item.amount++;
+      }
+    } else {
+      maxQuantityMap[url] = {
+        amount: 1,
+        sign: controller
+      };
     }
-  } else {
-    maxQuantityMap[url] = {
-      amount: 1,
-      sign: new AbortController()
-    };
+    return controller;
   }
 }
 function requestFinish({ url }: { url: string }) {
@@ -148,7 +156,7 @@ function request(
     }
   }
 
-  requestStart({ url, maxQuantity });
+  const controller = checkMaxQuantity({ url, maxQuantity });
 
   return instance
     .request({
@@ -157,7 +165,7 @@ function request(
       method,
       data: ['POST', 'PUT'].includes(method) ? data : null,
       params: !['POST', 'PUT'].includes(method) ? data : null,
-      signal: cancelToken?.signal,
+      signal: cancelToken?.signal ?? controller?.signal,
       withCredentials,
       ...config // 用户自定义配置，可以覆盖前面的配置
     })

projects/app/src/web/common/system/useSystemStore.ts

@@ -25,10 +25,6 @@ type State = {
   setLoginStore: (e: LoginStoreType) => void;
   loading: boolean;
   setLoading: (val: boolean) => null;
-  screenWidth: number;
-  setScreenWidth: (val: number) => void;
-  isPc?: boolean;
-  initIsPc(val: boolean): void;
   gitStar: number;
   loadGitStar: () => Promise<void>;
 
@@ -76,21 +72,7 @@ export const useSystemStore = create<State>()(
           });
           return null;
         },
-        screenWidth: 600,
-        setScreenWidth(val: number) {
-          set((state) => {
-            state.screenWidth = val;
-            state.isPc = val < 900 ? false : true;
-          });
-        },
-        isPc: undefined,
-        initIsPc(val: boolean) {
-          if (get().isPc !== undefined) return;
 
-          set((state) => {
-            state.isPc = val;
-          });
-        },
         gitStar: 9300,
         async loadGitStar() {
           try {