feat(web): AWEL flow 2.0 frontend codes (#1898)

Co-authored-by: Fangyin Cheng <staneyffer@gmail.com> Co-authored-by: 谨欣 <echo.cmy@antgroup.com> Co-authored-by: 严志勇 <yanzhiyong@tiansuixiansheng.com> Co-authored-by: yanzhiyong <932374019@qq.com>
2025-09-05 02:51:07 +00:00 · 2024-08-28 12:39:13 +08:00
parent 9502251c08
commit 131bc7b89b
60 changed files with 2334 additions and 2243 deletions
--- a/web/client/api/app/index.ts
+++ b/web/client/api/app/index.ts
@@ -1,5 +1,12 @@
-import { AppListResponse, CreateAppParams, IAgent, IApp, NativeAppScenesResponse, StrategyResponse, TeamMode } from '@/types/app';
-import { IFlowResponse } from '@/types/flow';
+import {
+  AppListResponse,
+  CreateAppParams,
+  IAgent,
+  IApp,
+  NativeAppScenesResponse,
+  StrategyResponse,
+  TeamMode,
+} from '@/types/app';

 import { GET, POST } from '../index';

@@ -45,7 +52,9 @@ export const getAppStrategy = () => {
 *  获取资源参数
 */
 export const getResource = (data: Record<string, string>) => {
-  return GET<Record<string, string>, Record<string, any>[]>(`/api/v1/app/resources/list?type=${data.type}`);
+  return GET<Record<string, string>, Record<string, any>[]>(
+    `/api/v1/app/resources/list?type=${data.type}`
+  );
 };
 /**
 *  创建native_app应用
@@ -61,13 +70,7 @@ export const getNativeAppScenes = () => {
 export const getAppStrategyValues = (type: string) => {
  return GET<string, string[]>(`/api/v1/llm-strategy/value/list?type=${type}`);
 };
-/**
- * 创建awel_layout应用
- * 获取工作流
- */
-export const getFlows = ({ page, page_size }: { page: number; page_size: number }) => {
-  return GET<{ page: number; page_size: number }, IFlowResponse>(`/api/v1/serve/awel/flows?page=${page}&page_size=${page_size}`);
-};
+
 /**
 * 查询应用权限
 */
@@ -77,6 +80,12 @@ export const getAppAdmins = (appCode: string) => {
 /**
 * 更新应用权限
 */
-export const updateAppAdmins = (data: { app_code: string; admins: string[] }) => {
-  return POST<{ app_code: string; admins: string[] }, null>(`/api/v1/app/admins/update`, data);
+export const updateAppAdmins = (data: {
+  app_code: string;
+  admins: string[];
+}) => {
+  return POST<{ app_code: string; admins: string[] }, null>(
+    `/api/v1/app/admins/update`,
+    data
+  );
 };
--- a/web/client/api/flow/index.ts
+++ b/web/client/api/flow/index.ts
@@ -1,9 +1,82 @@
-import { IFlow, UpdateFLowAdminsParams } from '@/types/flow';
-import { POST } from '../index';
+import {
+  IFlow,
+  IFlowNode,
+  IFlowResponse,
+  IFlowUpdateParam,
+  IFlowRefreshParams,
+  IFlowExportParams,
+  IFlowImportParams,
+  IUploadFileRequestParams,
+  IUploadFileResponse,
+} from '@/types/flow';
+import { DELETE, GET, POST, PUT } from '../index';

-/**
- * 更新管理员
- */
-export const updateFlowAdmins = (data: UpdateFLowAdminsParams) => {
-  return POST<UpdateFLowAdminsParams, IFlow>(`/api/v1/serve/awel/flow/admins`, data);
+/** AWEL Flow */
+export const addFlow = (data: IFlowUpdateParam) => {
+  return POST<IFlowUpdateParam, IFlow>('/api/v2/serve/awel/flows', data);
+};
+
+export const getFlows = (page?: number, page_size?: number) => {
+  return GET<any, IFlowResponse>('/api/v2/serve/awel/flows', {
+    page,
+    page_size,
+  });
+};
+
+export const getFlowById = (id: string) => {
+  return GET<null, IFlow>(`/api/v2/serve/awel/flows/${id}`);
+};
+
+export const updateFlowById = (id: string, data: IFlowUpdateParam) => {
+  return PUT<IFlowUpdateParam, IFlow>(`/api/v2/serve/awel/flows/${id}`, data);
+};
+
+export const deleteFlowById = (id: string) => {
+  return DELETE<null, null>(`/api/v2/serve/awel/flows/${id}`);
+};
+
+export const getFlowNodes = () => {
+  return GET<null, Array<IFlowNode>>(`/api/v2/serve/awel/nodes`);
+};
+
+export const refreshFlowNodeById = (data: IFlowRefreshParams) => {
+  return POST<IFlowRefreshParams, IFlowNode>(
+    '/api/v2/serve/awel/nodes/refresh',
+    data
+  );
+};
+
+export const debugFlow = (data: any) => {
+  return POST<any, IFlowNode>('/api/v2/serve/awel/flow/debug', data);
+};
+
+export const exportFlow = (data: IFlowExportParams) => {
+  return GET<IFlowExportParams, any>(
+    `/api/v2/serve/awel/flow/export/${data.uid}`,
+    data
+  );
+};
+
+export const importFlow = (data: IFlowImportParams) => {
+  return POST<IFlowImportParams, any>('/api/v2/serve/awel/flow/import', data);
+};
+
+export const uploadFile = (data: IUploadFileRequestParams) => {
+  return POST<IUploadFileRequestParams, Array<IUploadFileResponse>>(
+    '/api/v2/serve/file/files/dbgpt',
+    data
+  );
+};
+
+export const downloadFile = (fileId: string) => {
+  return GET<null, any>(`/api/v2/serve/file/files/dbgpt/${fileId}`);
+};
+
+// TODO：wait for interface update
+export const getFlowTemplateList = () => {
+  return GET<null, Array<any>>('/api/v2/serve/awel/flow/templates');
+};
+
+export const getFlowTemplateById = (id: string) => {
+  return GET<null, any>(`/api/v2/serve/awel/flow/templates/${id}`);
 };
--- a/web/client/api/request.ts
+++ b/web/client/api/request.ts
@@ -5,7 +5,7 @@ import {
  PostAgentPluginResponse,
  PostAgentQueryParams,
 } from '@/types/agent';
-import { GetAppInfoParams, IApp, IAgent, IAppData } from '@/types/app';
+import { GetAppInfoParams, IApp } from '@/types/app';
 import {
  ChatHistoryResponse,
  DialogueListResponse,
@@ -17,7 +17,13 @@ import {
  UserParam,
  UserParamResponse,
 } from '@/types/chat';
-import { ChatFeedBackSchema, DbListResponse, DbSupportTypeResponse, PostDbParams, PostDbRefreshParams } from '@/types/db';
+import {
+  ChatFeedBackSchema,
+  DbListResponse,
+  DbSupportTypeResponse,
+  PostDbParams,
+  PostDbRefreshParams,
+} from '@/types/db';
 import {
  GetEditorSQLRoundRequest,
  GetEditorySqlParams,
@@ -26,7 +32,6 @@ import {
  PostEditorSQLRunParams,
  PostSQLEditorSubmitParams,
 } from '@/types/editor';
-import { IFlow, IFlowNode, IFlowUpdateParam, IFlowResponse } from '@/types/flow';
 import {
  AddKnowledgeParams,
  ArgumentsParams,
@@ -42,17 +47,24 @@ import {
  ISyncBatchResponse,
  SpaceConfig,
 } from '@/types/knowledge';
-import { BaseModelParams, IModelData, StartModelParams, SupportModel } from '@/types/model';
+import {
+  BaseModelParams,
+  IModelData,
+  StartModelParams,
+  SupportModel,
+} from '@/types/model';
 import { AxiosRequestConfig } from 'axios';
-import { DELETE, GET, POST, PUT } from '.';
-
+import { GET, POST } from '.';

 /** App */
 export const postScenes = () => {
  return POST<null, Array<SceneResponse>>('/api/v1/chat/dialogue/scenes');
 };
 export const newDialogue = (data: NewDialogueParam) => {
-  return POST<NewDialogueParam, IChatDialogueSchema>(`/api/v1/chat/dialogue/new?chat_mode=${data.chat_mode}&model_name=${data.model}`, data);
+  return POST<NewDialogueParam, IChatDialogueSchema>(
+    `/api/v1/chat/dialogue/new?chat_mode=${data.chat_mode}&model_name=${data.model}`,
+    data
+  );
 };

 export const addUser = (data: UserParam) => {
@@ -90,13 +102,19 @@ export const getUsableModels = () => {
  return GET<null, Array<string>>('/api/v1/model/types');
 };
 export const postChatModeParamsList = (chatMode: string) => {
-  return POST<null, IDB[]>(`/api/v1/chat/mode/params/list?chat_mode=${chatMode}`);
+  return POST<null, IDB[]>(
+    `/api/v1/chat/mode/params/list?chat_mode=${chatMode}`
+  );
 };
 export const postChatModeParamsInfoList = (chatMode: string) => {
-  return POST<null, Record<string, string>>(`/api/v1/chat/mode/params/info?chat_mode=${chatMode}`);
+  return POST<null, Record<string, string>>(
+    `/api/v1/chat/mode/params/info?chat_mode=${chatMode}`
+  );
 };
 export const getChatHistory = (convId: string) => {
-  return GET<null, ChatHistoryResponse>(`/api/v1/chat/dialogue/messages/history?con_uid=${convId}`);
+  return GET<null, ChatHistoryResponse>(
+    `/api/v1/chat/dialogue/messages/history?con_uid=${convId}`
+  );
 };
 export const postChatModeParamsFileLoad = ({
  convUid,
@@ -123,12 +141,14 @@ export const postChatModeParamsFileLoad = ({
        'Content-Type': 'multipart/form-data',
      },
      ...config,
-    },
+    }
  );
 };

 export const clearChatHistory = (conUid: string) => {
-  return POST<null, Record<string, string>>(`/api/v1/chat/dialogue/clear?con_uid=${conUid}`);
+  return POST<null, Record<string, string>>(
+    `/api/v1/chat/dialogue/clear?con_uid=${conUid}`
+  );
 };

 /** Menu */
@@ -138,19 +158,27 @@ export const delDialogue = (conv_uid: string) => {

 /** Editor */
 export const getEditorSqlRounds = (id: string) => {
-  return GET<null, GetEditorSQLRoundRequest>(`/api/v1/editor/sql/rounds?con_uid=${id}`);
+  return GET<null, GetEditorSQLRoundRequest>(
+    `/api/v1/editor/sql/rounds?con_uid=${id}`
+  );
 };
 export const postEditorSqlRun = (data: PostEditorSQLRunParams) => {
  return POST<PostEditorSQLRunParams>(`/api/v1/editor/sql/run`, data);
 };
 export const postEditorChartRun = (data: PostEditorChartRunParams) => {
-  return POST<PostEditorChartRunParams, PostEditorChartRunResponse>(`/api/v1/editor/chart/run`, data);
+  return POST<PostEditorChartRunParams, PostEditorChartRunResponse>(
+    `/api/v1/editor/chart/run`,
+    data
+  );
 };
 export const postSqlEditorSubmit = (data: PostSQLEditorSubmitParams) => {
  return POST<PostSQLEditorSubmitParams>(`/api/v1/sql/editor/submit`, data);
 };
 export const getEditorSql = (id: string, round: string | number) => {
-  return POST<GetEditorySqlParams, string | Array<any>>('/api/v1/editor/sql', { con_uid: id, round });
+  return POST<GetEditorySqlParams, string | Array<any>>('/api/v1/editor/sql', {
+    con_uid: id,
+    round,
+  });
 };

 /** knowledge */
@@ -158,21 +186,36 @@ export const getArguments = (knowledgeName: string) => {
  return POST<any, IArguments>(`/knowledge/${knowledgeName}/arguments`, {});
 };
 export const saveArguments = (knowledgeName: string, data: ArgumentsParams) => {
-  return POST<ArgumentsParams, IArguments>(`/knowledge/${knowledgeName}/argument/save`, data);
+  return POST<ArgumentsParams, IArguments>(
+    `/knowledge/${knowledgeName}/argument/save`,
+    data
+  );
 };

 export const getSpaceList = (data: any) => {
  return POST<any, Array<ISpace>>('/knowledge/space/list', data);
 };
-export const getDocumentList = (spaceName: string, data: Record<string, number | Array<number>>) => {
-  return POST<Record<string, number | Array<number>>, IDocumentResponse>(`/knowledge/${spaceName}/document/list`, data);
+export const getDocumentList = (
+  spaceName: string,
+  data: Record<string, number | Array<number>>
+) => {
+  return POST<Record<string, number | Array<number>>, IDocumentResponse>(
+    `/knowledge/${spaceName}/document/list`,
+    data
+  );
 };
 export const getGraphVis = (spaceName: string, data: { limit: number }) => {
-  return POST<Record<string, number>, GraphVisResult>(`/knowledge/${spaceName}/graphvis`, data);
+  return POST<Record<string, number>, GraphVisResult>(
+    `/knowledge/${spaceName}/graphvis`,
+    data
+  );
 };

 export const addDocument = (knowledgeName: string, data: DocumentParams) => {
-  return POST<DocumentParams, number>(`/knowledge/${knowledgeName}/document/add`, data);
+  return POST<DocumentParams, number>(
+    `/knowledge/${knowledgeName}/document/add`,
+    data
+  );
 };

 export const addSpace = (data: AddKnowledgeParams) => {
@@ -180,27 +223,53 @@ export const addSpace = (data: AddKnowledgeParams) => {
 };

 export const getChunkStrategies = () => {
-  return GET<null, Array<IChunkStrategyResponse>>('/knowledge/document/chunkstrategies');
+  return GET<null, Array<IChunkStrategyResponse>>(
+    '/knowledge/document/chunkstrategies'
+  );
 };

-export const syncDocument = (spaceName: string, data: Record<string, Array<number>>) => {
-  return POST<Record<string, Array<number>>, string | null>(`/knowledge/${spaceName}/document/sync`, data);
+export const syncDocument = (
+  spaceName: string,
+  data: Record<string, Array<number>>
+) => {
+  return POST<Record<string, Array<number>>, string | null>(
+    `/knowledge/${spaceName}/document/sync`,
+    data
+  );
 };

-export const syncBatchDocument = (spaceName: string, data: Array<ISyncBatchParameter>) => {
-  return POST<Array<ISyncBatchParameter>, ISyncBatchResponse>(`/knowledge/${spaceName}/document/sync_batch`, data);
+export const syncBatchDocument = (
+  spaceName: string,
+  data: Array<ISyncBatchParameter>
+) => {
+  return POST<Array<ISyncBatchParameter>, ISyncBatchResponse>(
+    `/knowledge/${spaceName}/document/sync_batch`,
+    data
+  );
 };

 export const uploadDocument = (knowLedgeName: string, data: FormData) => {
-  return POST<FormData, number>(`/knowledge/${knowLedgeName}/document/upload`, data);
+  return POST<FormData, number>(
+    `/knowledge/${knowLedgeName}/document/upload`,
+    data
+  );
 };

 export const getChunkList = (spaceName: string, data: ChunkListParams) => {
-  return POST<ChunkListParams, IChunkList>(`/knowledge/${spaceName}/chunk/list`, data);
+  return POST<ChunkListParams, IChunkList>(
+    `/knowledge/${spaceName}/chunk/list`,
+    data
+  );
 };

-export const delDocument = (spaceName: string, data: Record<string, number>) => {
-  return POST<Record<string, number>, null>(`/knowledge/${spaceName}/document/delete`, data);
+export const delDocument = (
+  spaceName: string,
+  data: Record<string, number>
+) => {
+  return POST<Record<string, number>, null>(
+    `/knowledge/${spaceName}/document/delete`,
+    data
+  );
 };

 export const delSpace = (data: Record<string, string>) => {
@@ -226,21 +295,41 @@ export const getSupportModels = () => {

 /** Agent */
 export const postAgentQuery = (data: PostAgentQueryParams) => {
-  return POST<PostAgentQueryParams, PostAgentPluginResponse>('/api/v1/agent/query', data);
+  return POST<PostAgentQueryParams, PostAgentPluginResponse>(
+    '/api/v1/agent/query',
+    data
+  );
 };
 export const postAgentHubUpdate = (data?: PostAgentHubUpdateParams) => {
-  return POST<PostAgentHubUpdateParams>('/api/v1/agent/hub/update', data ?? { channel: '', url: '', branch: '', authorization: '' });
+  return POST<PostAgentHubUpdateParams>(
+    '/api/v1/agent/hub/update',
+    data ?? { channel: '', url: '', branch: '', authorization: '' }
+  );
 };
 export const postAgentMy = (user?: string) => {
-  return POST<undefined, PostAgentMyPluginResponse>('/api/v1/agent/my', undefined, { params: { user } });
+  return POST<undefined, PostAgentMyPluginResponse>(
+    '/api/v1/agent/my',
+    undefined,
+    { params: { user } }
+  );
 };
 export const postAgentInstall = (pluginName: string, user?: string) => {
-  return POST('/api/v1/agent/install', undefined, { params: { plugin_name: pluginName, user }, timeout: 60000 });
+  return POST('/api/v1/agent/install', undefined, {
+    params: { plugin_name: pluginName, user },
+    timeout: 60000,
+  });
 };
 export const postAgentUninstall = (pluginName: string, user?: string) => {
-  return POST('/api/v1/agent/uninstall', undefined, { params: { plugin_name: pluginName, user }, timeout: 60000 });
+  return POST('/api/v1/agent/uninstall', undefined, {
+    params: { plugin_name: pluginName, user },
+    timeout: 60000,
+  });
 };
-export const postAgentUpload = (user = '', data: FormData, config?: Omit<AxiosRequestConfig, 'headers'>) => {
+export const postAgentUpload = (
+  user = '',
+  data: FormData,
+  config?: Omit<AxiosRequestConfig, 'headers'>
+) => {
  return POST<FormData>('/api/v1/personal/agent/upload', data, {
    params: { user },
    headers: {
@@ -258,9 +347,18 @@ export const getChatFeedBackSelect = () => {
  return GET<null, FeedBack>(`/api/v1/feedback/select`, undefined);
 };
 export const getChatFeedBackItme = (conv_uid: string, conv_index: number) => {
-  return GET<null, Record<string, string>>(`/api/v1/feedback/find?conv_uid=${conv_uid}&conv_index=${conv_index}`, undefined);
+  return GET<null, Record<string, string>>(
+    `/api/v1/feedback/find?conv_uid=${conv_uid}&conv_index=${conv_index}`,
+    undefined
+  );
 };
-export const postChatFeedBackForm = ({ data, config }: { data: ChatFeedBackSchema; config?: Omit<AxiosRequestConfig, 'headers'> }) => {
+export const postChatFeedBackForm = ({
+  data,
+  config,
+}: {
+  data: ChatFeedBackSchema;
+  config?: Omit<AxiosRequestConfig, 'headers'>;
+}) => {
  return POST<ChatFeedBackSchema, any>(`/api/v1/feedback/commit`, data, {
    headers: {
      'Content-Type': 'application/json',
@@ -271,27 +369,6 @@ export const postChatFeedBackForm = ({ data, config }: { data: ChatFeedBackSchem

 /** prompt */

-/** AWEL Flow */
-export const addFlow = (data: IFlowUpdateParam) => {
-  return POST<IFlowUpdateParam, IFlow>('/api/v1/serve/awel/flows', data);
-};
-
-export const getFlowById = (id: string) => {
-  return GET<null, IFlow>(`/api/v1/serve/awel/flows/${id}`);
-};
-
-export const updateFlowById = (id: string, data: IFlowUpdateParam) => {
-  return PUT<IFlowUpdateParam, IFlow>(`/api/v1/serve/awel/flows/${id}`, data);
-};
-
-export const deleteFlowById = (id: string) => {
-  return DELETE<null, null>(`/api/v1/serve/awel/flows/${id}`);
-};
-
-export const getFlowNodes = () => {
-  return GET<null, Array<IFlowNode>>(`/api/v1/serve/awel/nodes`);
-};
-
 /** app */

 export const collectApp = (data: Record<string, string>) => {
@@ -322,7 +399,9 @@ export const getAppInfo = (data: GetAppInfoParams) => {
 };

 export const getSupportDBList = (db_name = '') => {
-  return GET<null, Record<string, any>>(`/api/v1/permission/db/list?db_name=${db_name}`);
+  return GET<null, Record<string, any>>(
+    `/api/v1/permission/db/list?db_name=${db_name}`
+  );
 };

 export const recommendApps = (data: Record<string, string>) => {
@@ -336,7 +415,9 @@ export const modelSearch = (data: Record<string, string>) => {
 };

 export const getKnowledgeAdmins = (spaceId: string) => {
-  return GET<string, Record<string, any>>(`/knowledge/users/list?space_id=${spaceId}`);
+  return GET<string, Record<string, any>>(
+    `/knowledge/users/list?space_id=${spaceId}`
+  );
 };
 export const updateKnowledgeAdmins = (data: Record<string, string>) => {
  return POST<Record<string, any>, any[]>(`/knowledge/users/update`, data);