diff --git a/.prettierrc.json b/.prettierrc.json
index a54eff92e87fbce476cb4030be64a16a1bd43d26..81ccd1f2f2fdde6aafa93592434c7fe814b2af26 100755
--- a/.prettierrc.json
+++ b/.prettierrc.json
@@ -1,7 +1,14 @@
 {
-  "arrowParens": "avoid",
-  "printWidth": 120,
-  "semi": true,
-  "singleQuote": true,
-  "tabWidth": 2
-}
+  "semi": true, 
+  "singleQuote": true, 
+  "quoteProps": "as-needed", 
+  "trailingComma": "all", 
+  "bracketSpacing": true, 
+  "jsxBracketSameLine": true, 
+  "arrowParens": "always", 
+  "requirePragma": false, 
+  "insertPragma": false, 
+  "proseWrap": "preserve",
+  "htmlWhitespaceSensitivity": "ignore", 
+  "embeddedLanguageFormatting": "auto"
+}
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 46439d73c66da38b75e8c2b033614a79667d42d3..8211c6217b3262889fe8d70bf5004ffb1f1fe839 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,10 @@ import DialogueView from 'src/views/dialogue/dialogueView.vue';
 </script>
 
 <template>
-  <div class="eulercopilot-main" :style="{ height: qiankunWindow.__POWERED_BY_QIANKUN__ ? '100%' : '100vh' }">
+  <div
+    class="eulercopilot-main"
+    :style="{ height: qiankunWindow.__POWERED_BY_QIANKUN__ ? '100%' : '100vh' }"
+  >
     <DialogueView />
   </div>
 </template>
diff --git a/src/apis/appCenter/appCenterService.ts b/src/apis/appCenter/appCenterService.ts
index 682a75284fea938fd57e3b917830553a156b565e..9ec8328b2c16aa7d3e272635b07cd7b3cd58e073 100644
--- a/src/apis/appCenter/appCenterService.ts
+++ b/src/apis/appCenter/appCenterService.ts
@@ -7,7 +7,9 @@ import { QueryAppListParamsType, CreateOrUpdateAppParamsType } from './type';
  * @param params
  * @returns
  */
-export const queryAppList = (params: QueryAppListParamsType): Promise<[any, FcResponse<unknown> | undefined]> => {
+export const queryAppList = (
+  params: QueryAppListParamsType,
+): Promise<[any, FcResponse<unknown> | undefined]> => {
   return get('/api/app', params);
 };
 
@@ -27,7 +29,9 @@ export const createOrUpdateApp = (
  * @param params
  * @returns
  */
-export const querySingleAppData = (params: { id: string }): Promise<[any, FcResponse<unknown> | undefined]> => {
+export const querySingleAppData = (params: {
+  id: string;
+}): Promise<[any, FcResponse<unknown> | undefined]> => {
   return get(`/api/app/${params.id}`);
 };
 
@@ -36,7 +40,9 @@ export const querySingleAppData = (params: { id: string }): Promise<[any, FcResp
  * @param params
  * @returns
  */
-export const deleteSingleAppData = (params: { id: string }): Promise<[any, FcResponse<unknown> | undefined]> => {
+export const deleteSingleAppData = (params: {
+  id: string;
+}): Promise<[any, FcResponse<unknown> | undefined]> => {
   return del(`/api/app/${params.id}`, params);
 };
 
@@ -45,7 +51,9 @@ export const deleteSingleAppData = (params: { id: string }): Promise<[any, FcRes
  * @param params
  * @returns
  */
-export const releaseSingleAppData = (params: { id: string }): Promise<[any, FcResponse<unknown> | undefined]> => {
+export const releaseSingleAppData = (params: {
+  id: string;
+}): Promise<[any, FcResponse<unknown> | undefined]> => {
   return post(`/api/app/${params.id}`, params);
 };
 
@@ -54,8 +62,11 @@ export const releaseSingleAppData = (params: { id: string }): Promise<[any, FcRe
  * @param params
  * @returns
  */
-export const changeSingleAppCollect = (params: { id: string,favorited:boolean }): Promise<[any, FcResponse<unknown> | undefined]> => {
-  return put(`/api/app/${params.id}`, {favorited:params.favorited});
+export const changeSingleAppCollect = (params: {
+  id: string;
+  favorited: boolean;
+}): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return put(`/api/app/${params.id}`, { favorited: params.favorited });
 };
 
 /**
@@ -63,11 +74,12 @@ export const changeSingleAppCollect = (params: { id: string,favorited:boolean })
  * @param params
  * @returns
  */
-export const getPartAppConfgUser = (): Promise<[any, FcResponse<unknown> | undefined]> => {
-  return get("/api/user");
+export const getPartAppConfgUser = (): Promise<
+  [any, FcResponse<unknown> | undefined]
+> => {
+  return get('/api/user');
 };
 
-
 export const appCenterApi = {
   queryAppList,
   createOrUpdateApp,
@@ -76,4 +88,4 @@ export const appCenterApi = {
   releaseSingleAppData,
   changeSingleAppCollect,
   getPartAppConfgUser,
-}
\ No newline at end of file
+};
diff --git a/src/apis/appCenter/index.ts b/src/apis/appCenter/index.ts
index 38c74110bb32ca5e3a568ec104e27a7163c05b8a..95d1ce017d353e0157bca4a5084afd72ec08da1a 100644
--- a/src/apis/appCenter/index.ts
+++ b/src/apis/appCenter/index.ts
@@ -1,4 +1,2 @@
 // Copyright (c) Huawei Technologies Co., Ltd. 2023-2024. All rights reserved.
 export * from './appCenterService';
- 
-
diff --git a/src/apis/appCenter/type.ts b/src/apis/appCenter/type.ts
index 0b348bb8f9550d56f299c01e44f3bd07c3599691..ae30e0e98fe59bce2e0b1a64189e4f8feadd0cdd 100644
--- a/src/apis/appCenter/type.ts
+++ b/src/apis/appCenter/type.ts
@@ -1,97 +1,97 @@
 export interface QueryAppListParamsType {
-    /**
-     * 筛选“我创建的”应用
-     */
-    createdByMe?: boolean;
-    /**
-     * 筛选“我收藏的”应用
-     */
-    favorited?: boolean;
-    /**
-     * 搜索关键字
-     */
-    keyword?: string;
-    /**
-     * 页码
-     */
-    page?: number;
-    /**
-     * 每页数量
-     */
-    pageSize?: number;
-    /**
-     * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
-     */
-    searchType?: SearchType;
-    [property: string]: any;
+  /**
+   * 筛选“我创建的”应用
+   */
+  createdByMe?: boolean;
+  /**
+   * 筛选“我收藏的”应用
+   */
+  favorited?: boolean;
+  /**
+   * 搜索关键字
+   */
+  keyword?: string;
+  /**
+   * 页码
+   */
+  page?: number;
+  /**
+   * 每页数量
+   */
+  pageSize?: number;
+  /**
+   * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
+   */
+  searchType?: SearchType;
+  [property: string]: any;
 }
 
 /**
  * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
  */
 export enum SearchType {
-    All = "all",
-    Author = "author",
-    Description = "description",
-    Name = "name",
+  All = 'all',
+  Author = 'author',
+  Description = 'description',
+  Name = 'name',
 }
 
 /**
  * CreateAppRequest, 创建/更新应用请求数据结构
  */
 export interface CreateOrUpdateAppParamsType {
-    /**
-     * 应用ID
-     */
-    appId?: string;
-    /**
-     * 应用简介
-     */
-    description?: string;
-    /**
-     * 对话轮次（1～10）
-     */
-    dialogRounds?: number;
-    /**
-     * 图标
-     */
-    icon?: string;
-    /**
-     * 相关链接（URL列表，最多5项）
-     */
-    links?: AppLink[];
-    /**
-     * 应用名称
-     */
-    name?: string;
-    /**
-     * 权限配置
-     */
-    permission?: AppPermissionData;
-    /**
-     * 推荐问题（列表，最多3项）
-     */
-    recommendedQuestions?: string[];
-    /**
-     * 工作流（列表，每个元素为工作流ID）
-     */
-    workflows?: string[];
-    [property: string]: any;
+  /**
+   * 应用ID
+   */
+  appId?: string;
+  /**
+   * 应用简介
+   */
+  description?: string;
+  /**
+   * 对话轮次（1～10）
+   */
+  dialogRounds?: number;
+  /**
+   * 图标
+   */
+  icon?: string;
+  /**
+   * 相关链接（URL列表，最多5项）
+   */
+  links?: AppLink[];
+  /**
+   * 应用名称
+   */
+  name?: string;
+  /**
+   * 权限配置
+   */
+  permission?: AppPermissionData;
+  /**
+   * 推荐问题（列表，最多3项）
+   */
+  recommendedQuestions?: string[];
+  /**
+   * 工作流（列表，每个元素为工作流ID）
+   */
+  workflows?: string[];
+  [property: string]: any;
 }
 
 /**
  * AppLink, 应用链接数据结构
  */
 export interface AppLink {
-    /**
-     * 链接标题
-     */
-    title?: string;
-    /**
-     * 链接地址
-     */
-    url: string;
-    [property: string]: any;
+  /**
+   * 链接标题
+   */
+  title?: string;
+  /**
+   * 链接地址
+   */
+  url: string;
+  [property: string]: any;
 }
 
 /**
@@ -100,16 +100,16 @@ export interface AppLink {
  * AppPermissionData, 应用权限配置数据结构
  */
 export interface AppPermissionData {
-    /**
-     * 附加人员名单（如果可见性为部分人可见）
-     */
-    authorizedUsers?: string[];
-    visibility: Visibility;
-    [property: string]: any;
+  /**
+   * 附加人员名单（如果可见性为部分人可见）
+   */
+  authorizedUsers?: string[];
+  visibility: Visibility;
+  [property: string]: any;
 }
 
 export enum Visibility {
-    Private = "private",
-    Protected = "protected",
-    Public = "public",
+  Private = 'private',
+  Protected = 'protected',
+  Public = 'public',
 }
diff --git a/src/apis/index.ts b/src/apis/index.ts
index 1f31eb50f5c577adc5db04d3d887d44a1dd166d6..859159858c830cb67fa914f44b013681c1771c3f 100644
--- a/src/apis/index.ts
+++ b/src/apis/index.ts
@@ -7,7 +7,15 @@
 // IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR
 // PURPOSE.
 // See the Mulan PSL v2 for more details.
-import { accountApi, sessionApi, externalApi, apiKeyApi, knowledgeApi, appApi, apiApi } from './paths';
+import {
+  accountApi,
+  sessionApi,
+  externalApi,
+  apiKeyApi,
+  knowledgeApi,
+  appApi,
+  apiApi,
+} from './paths';
 import { workFlowApi } from './workFlow';
 import { appCenterApi } from './appCenter';
 
diff --git a/src/apis/paths/account.ts b/src/apis/paths/account.ts
index e14d2ca7dc971d77a0b5d8b372f04e5f7f1fc8bb..6ff6b4c230bfba8c2004ba9390adbb4e4583a534 100644
--- a/src/apis/paths/account.ts
+++ b/src/apis/paths/account.ts
@@ -19,13 +19,13 @@ export const authorizeUser = (): Promise<
     any,
     (
       | FcResponse<{
-        user_sub: string;
-        username: string;
-        organization: string;
-        revision_number: string | null;
-      }>
+          user_sub: string;
+          username: string;
+          organization: string;
+          revision_number: string | null;
+        }>
       | undefined
-    )
+    ),
   ]
 > => {
   return get('/api/auth/user');
@@ -35,7 +35,9 @@ export const authorizeUser = (): Promise<
  * 退出登录
  * @returns
  */
-export const authorizeLogout = (): Promise<[any, FcResponse<unknown> | undefined]> => {
+export const authorizeLogout = (): Promise<
+  [any, FcResponse<unknown> | undefined]
+> => {
   return get('/api/auth/logout');
 };
 
@@ -44,20 +46,19 @@ export const authorizeLogout = (): Promise<[any, FcResponse<unknown> | undefined
  * @returns
  */
 export const login = (
-  code: string
+  code: string,
 ): Promise<
   [
     any,
     (
       | FcResponse<{
-        csrf_token: string;
-      }>
+          csrf_token: string;
+        }>
       | undefined
-    )
+    ),
   ]
 > => {
   return get('/api/auth/login', { code });
-
 };
 
 /**
@@ -72,10 +73,10 @@ export const userLogin = (
     any,
     (
       | FcResponse<{
-        csrf_token: string;
-      }>
+          csrf_token: string;
+        }>
       | undefined
-    )
+    ),
   ]
 > => {
   return get('/api/auth/login', { passwd, account });
@@ -90,10 +91,10 @@ export const refreshToken = (): Promise<
     any,
     (
       | FcResponse<{
-        csrf_token: string;
-      }>
+          csrf_token: string;
+        }>
       | undefined
-    )
+    ),
   ]
 > => {
   return get('/api/auth/refresh_token');
@@ -105,29 +106,30 @@ export const refreshToken = (): Promise<
  * @returns
  */
 export const updateRevision = (
-  revisionNumber: number | string
+  revisionNumber: number | string,
 ): Promise<
   [
     any,
     (
       | FcResponse<{
-        user_sub: string;
-        username: string;
-        organization: string;
-        revision_number: string | null;
-      }>
+          user_sub: string;
+          username: string;
+          organization: string;
+          revision_number: string | null;
+        }>
       | undefined
-    )
+    ),
   ]
 > => {
-  return post('/api/auth/update_revision_number', { revision_num: revisionNumber });
+  return post('/api/auth/update_revision_number', {
+    revision_num: revisionNumber,
+  });
 };
 
-
 function queryAuthUrl(action: string) {
   return get<{
     url: string;
-  }>('/api/auth/redirect',{action});
+  }>('/api/auth/redirect', { action });
 }
 
 export const accountApi = {
@@ -137,5 +139,5 @@ export const accountApi = {
   userLogin,
   refreshToken,
   updateRevision,
-  queryAuthUrl
+  queryAuthUrl,
 };
diff --git a/src/apis/paths/api.ts b/src/apis/paths/api.ts
index e20012b69ef5124744dbc47f9996eee9930d30f6..8538d5dcf1975fed1ddb6797bdae9121c46bc0da 100644
--- a/src/apis/paths/api.ts
+++ b/src/apis/paths/api.ts
@@ -8,7 +8,9 @@ import { QueryApiListParamsType, CreateOrUpdateApiParamsType } from './type';
  * @returns
  */
 // 导出一个函数queryApiList，用于查询API列表
-export const queryApiList = (params: QueryApiListParamsType): Promise<[any, FcResponse<unknown> | undefined]> => {
+export const queryApiList = (
+  params: QueryApiListParamsType,
+): Promise<[any, FcResponse<unknown> | undefined]> => {
   // 调用get函数，传入/api/service路径和params参数，返回一个Promise对象
   return get('/api/service', params);
 };
@@ -29,8 +31,11 @@ export const createOrUpdateApi = (
  * @param params
  * @returns
  */
-export const querySingleApiData = (params: { serviceId: string,edit?: boolean}): Promise<[any, FcResponse<unknown> | undefined]> => {
-  return get(`/api/service/${params.serviceId}`,{edit: params.edit});
+export const querySingleApiData = (params: {
+  serviceId: string;
+  edit?: boolean;
+}): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return get(`/api/service/${params.serviceId}`, { edit: params.edit });
 };
 
 /**
@@ -38,7 +43,9 @@ export const querySingleApiData = (params: { serviceId: string,edit?: boolean}):
  * @param params
  * @returns
  */
-export const deleteSingleApiData = (params: { serviceId: string }): Promise<[any, FcResponse<unknown> | undefined]> => {
+export const deleteSingleApiData = (params: {
+  serviceId: string;
+}): Promise<[any, FcResponse<unknown> | undefined]> => {
   return del(`/api/service/${params.serviceId}`, params);
 };
 
@@ -47,13 +54,18 @@ export const deleteSingleApiData = (params: { serviceId: string }): Promise<[any
  * @param params
  * @returns
  */
-export const changeSingleApiCollect = (params: { serviceId: string,favorited:boolean }): Promise<[any, FcResponse<unknown> | undefined]> => {
-  return put(`/api/service/${params.serviceId}`, {favorited:params.favorited});
+export const changeSingleApiCollect = (params: {
+  serviceId: string;
+  favorited: boolean;
+}): Promise<[any, FcResponse<unknown> | undefined]> => {
+  return put(`/api/service/${params.serviceId}`, {
+    favorited: params.favorited,
+  });
 };
 export const apiApi = {
   queryApiList,
   createOrUpdateApi,
   querySingleApiData,
   deleteSingleApiData,
-  changeSingleApiCollect
-};
\ No newline at end of file
+  changeSingleApiCollect,
+};
diff --git a/src/apis/paths/apikey.ts b/src/apis/paths/apikey.ts
index aa26beefd0f5b3fb139934ae60d070ddbe7a45a7..ac2cdb92720bcf79877d9414a6d918fa3060ea1f 100644
--- a/src/apis/paths/apikey.ts
+++ b/src/apis/paths/apikey.ts
@@ -14,16 +14,7 @@ import type { FcResponse } from 'src/apis/server';
  * 验证用户信息
  * @returns
  */
-export const getApiKey = (): Promise<
-  [
-    any,
-    (
-      | FcResponse<{
-        }>
-      | undefined
-    )
-  ]
-> => {
+export const getApiKey = (): Promise<[any, FcResponse<{}> | undefined]> => {
   return get('/api/auth/key');
 };
 
@@ -34,21 +25,9 @@ export const getApiKey = (): Promise<
 export const changeApiKey = (params: {
   action: string;
   query?: string;
-}
-  ): Promise<
-    [
-      any,
-      (
-        | FcResponse<{
-          }>
-        | undefined
-      )
-    ]
-  > => {
-    return post('/api/auth/key', params,params);
-  };
-  
-
+}): Promise<[any, FcResponse<{}> | undefined]> => {
+  return post('/api/auth/key', params, params);
+};
 
 export const apiKeyApi = {
   getApiKey,
diff --git a/src/apis/paths/app.ts b/src/apis/paths/app.ts
index bc903f65a3de622406636c75fcd161e16a3d67dd..3a87663be2ee3a4f15d8da921df5acb2f1bd7ada 100644
--- a/src/apis/paths/app.ts
+++ b/src/apis/paths/app.ts
@@ -13,21 +13,15 @@ import { Application } from './type';
 
 type App = {
   applications: Application[];
-}
+};
 /**
- * 获取最近 top5 应用   
+ * 获取最近 top5 应用
  * @returns
  */
-export const getTopFiveApp = (count: number): Promise<
-  [
-    any,
-    (
-      | FcResponse<App>
-      | undefined
-    )
-  ]
-> => {
-  return get('/api/app/recent',{count});
+export const getTopFiveApp = (
+  count: number,
+): Promise<[any, FcResponse<App> | undefined]> => {
+  return get('/api/app/recent', { count });
 };
 
 export const appApi = {
diff --git a/src/apis/paths/conversation.ts b/src/apis/paths/conversation.ts
index 8c51fc98aea37063ba7de225ba0d45c4acfbffd8..5989189e578dc21b5da133c90aec4157e0e8678b 100644
--- a/src/apis/paths/conversation.ts
+++ b/src/apis/paths/conversation.ts
@@ -25,7 +25,7 @@ export const stopGeneration = (): Promise<
           // conversationId: string;
         }>
       | undefined
-    )
+    ),
   ]
 > => {
   return post(`/api/stop`);
@@ -36,13 +36,7 @@ export const stopGeneration = (): Promise<
  * @returns
  */
 export const getSessionRecord = (): Promise<
-  [
-    any,
-    (
-      | FcResponse<ConversationList>
-      | undefined
-    )
-  ]
+  [any, FcResponse<ConversationList> | undefined]
 > => {
   return get(BASE_URL);
 };
@@ -59,24 +53,19 @@ export const createSession = (): Promise<
           conversationId: string;
         }>
       | undefined
-    )
+    ),
   ]
 > => {
   return post(BASE_URL);
 };
 
-
 /**
  * 创建工作流debug会话
  * @param params
  * @returns
  */
-export const createSessionDebug = (params:any): Promise<
-[
-  any, any
-]
-> => {
-  return post(`/api/conversation?debug=${params.debug}`)
+export const createSessionDebug = (params: any): Promise<[any, any]> => {
+  return post(`/api/conversation?debug=${params.debug}`);
 };
 /**
  * 更新会话标题
@@ -87,12 +76,10 @@ export const createSessionDebug = (params:any): Promise<
  * }
  * @returns
  */
-export const updateSession = (
-  params: {
-    conversationId: string,
-    title: string,
-  },
-): Promise<
+export const updateSession = (params: {
+  conversationId: string;
+  title: string;
+}): Promise<
   [
     any,
     (
@@ -102,14 +89,18 @@ export const updateSession = (
           }>
         >
       | undefined
-    )
+    ),
   ]
 > => {
-  return put(BASE_URL, {
-    title: params.title,
-  }, {
-    conversationId: params.conversationId,
-  });
+  return put(
+    BASE_URL,
+    {
+      title: params.title,
+    },
+    {
+      conversationId: params.conversationId,
+    },
+  );
 };
 
 /**
@@ -119,30 +110,23 @@ export const updateSession = (
  */
 export const deleteSession = (data: {
   conversationList: string[];
-}): Promise<[any, FcResponse<Array<{ conversationList: string[] }>> | undefined]> => {
+}): Promise<
+  [any, FcResponse<Array<{ conversationList: string[] }>> | undefined]
+> => {
   return del(`${BASE_URL}`, data);
 };
 
 /**
  * 获取会话历史对话记录
- * @param conversationId 
+ * @param conversationId
  * GET /api/record/eccb08c3-0621-4602-a4d2-4eaada892557
  */
 export const getHistoryConversation = (
-  conversationId: string
-): Promise<
-  [
-    any,
-    (
-      | FcResponse<ConversationRecordList>
-      | undefined
-    )
-  ]
-> => {
+  conversationId: string,
+): Promise<[any, FcResponse<ConversationRecordList> | undefined]> => {
   // return get('/api/record', { conversationId: conversationId });
-  return get('/api/record/'+ conversationId);
+  return get('/api/record/' + conversationId);
   // 修改 chat 格式
-
 };
 
 /**
@@ -157,7 +141,8 @@ export const commentConversation = (params: {
   reasonLink?: string;
   reasonDescription?: string;
 }): Promise<[any, FcResponse<Record<string, unknown>> | undefined]> => {
-  const { qaRecordId, isLike, dislikeReason, reasonLink, reasonDescription } = params;
+  const { qaRecordId, isLike, dislikeReason, reasonLink, reasonDescription } =
+    params;
   return post(`/api/comment`, {
     record_id: qaRecordId,
     is_like: isLike,
@@ -176,11 +161,11 @@ export const getRecognitionMode = (): Promise<
             id: string;
             name: string;
             description: string;
-            auth:any;
+            auth: any;
           }>
         >
       | undefined
-    )
+    ),
   ]
 > => {
   return get('/api/plugin');
@@ -198,7 +183,7 @@ export enum UploadStatus {
 export const getUploadFiles = (
   sessionId: string,
   used = true,
-  unused = true
+  unused = true,
 ): Promise<
   [
     any,
@@ -209,12 +194,16 @@ export const getUploadFiles = (
             name: string;
             type: string;
             size: number;
-            status: UploadStatus.USED | UploadStatus.UNUSED | UploadStatus.RESOLVING | UploadStatus.RESOLVEFAIL;
+            status:
+              | UploadStatus.USED
+              | UploadStatus.UNUSED
+              | UploadStatus.RESOLVING
+              | UploadStatus.RESOLVEFAIL;
             created_at: number;
           }>;
         }>
       | undefined
-    )
+    ),
   ]
 > => {
   return get(`/api/document/${sessionId}`, { used, unused });
@@ -222,7 +211,7 @@ export const getUploadFiles = (
 
 export const uploadFiles = (
   formData,
-  sessionId
+  sessionId,
 ): Promise<
   [
     any,
@@ -231,16 +220,21 @@ export const uploadFiles = (
           documents: Array<any>;
         }>
       | undefined
-    )
+    ),
   ]
 > => {
-  return post(`/api/document/${sessionId}`, formData, {}, {
-    'Content-Type': 'multipart/form-data',
-  });
+  return post(
+    `/api/document/${sessionId}`,
+    formData,
+    {},
+    {
+      'Content-Type': 'multipart/form-data',
+    },
+  );
 };
 
 export const deleteUploadedFile = (
-  documentId: any
+  documentId: any,
 ): Promise<[any, FcResponse<any> | undefined]> => {
   return del(`/api/document/${documentId}`);
 };
diff --git a/src/apis/paths/external.ts b/src/apis/paths/external.ts
index cde11a662bcf4be05214679830d692624b55b237..d46588efafc0d15f9a2aa62dd08fae334c3e30be 100644
--- a/src/apis/paths/external.ts
+++ b/src/apis/paths/external.ts
@@ -37,5 +37,6 @@ export const report = (params: {
 };
 
 export const externalApi = {
-  feedback,report
+  feedback,
+  report,
 };
diff --git a/src/apis/paths/index.ts b/src/apis/paths/index.ts
index 0b0570c84404cfd979f757dc946b1c32acc95c45..17d6d4b602720cb8515517f3cf0fd2e1ef654a94 100644
--- a/src/apis/paths/index.ts
+++ b/src/apis/paths/index.ts
@@ -13,4 +13,4 @@ export * from './external';
 export * from './apikey';
 export * from './knowledge';
 export * from './app';
-export * from './api';
\ No newline at end of file
+export * from './api';
diff --git a/src/apis/paths/knowledge.ts b/src/apis/paths/knowledge.ts
index d59c477bf95a35b551387c04b0418665784a68f9..8016773ede2a22bcf8dadc39e4fcfb7978d8633d 100644
--- a/src/apis/paths/knowledge.ts
+++ b/src/apis/paths/knowledge.ts
@@ -15,20 +15,11 @@ import type { FcResponse } from 'src/apis/server';
  * @returns
  */
 export const updateKnowledgeList = (params: {
-    kb_id: string;
-  }): Promise<
-    [
-      any,
-      (
-        | FcResponse<{
-          }>
-        | undefined
-      )
-    ]
-  > => {
-    return post('/api/knowledge', params);
-  };
+  kb_id: string;
+}): Promise<[any, FcResponse<{}> | undefined]> => {
+  return post('/api/knowledge', params);
+};
 
 export const knowledgeApi = {
-    updateKnowledgeList,
+  updateKnowledgeList,
 };
diff --git a/src/apis/paths/type.ts b/src/apis/paths/type.ts
index 24b5c2dd6779664bbbe7370f9418da57a3a3e440..b4d1ce0991c9c3aac33d7375dc959e01a7efeb61 100644
--- a/src/apis/paths/type.ts
+++ b/src/apis/paths/type.ts
@@ -1,66 +1,66 @@
 // 定义文件信息的接口
 export interface File {
-    id: string;
-    name: string;
-    type: string;
-    size: number;
+  id: string;
+  name: string;
+  type: string;
+  size: number;
 }
 
 // 定义流程步骤的接口
 export interface Step {
-    step_name: string;
-    step_status: string;
-    input: {
-        cve_id: string;
-        isFixed: boolean;
-    };
-    output: {
-        code: number;
-        data: any[]; // 可以根据具体情况细化这个类型
-    };
+  step_name: string;
+  step_status: string;
+  input: {
+    cve_id: string;
+    isFixed: boolean;
+  };
+  output: {
+    code: number;
+    data: any[]; // 可以根据具体情况细化这个类型
+  };
 }
 
 // 定义流程信息的接口
 export interface Flow {
-    appId: string;
-    flowId: string;
-    steps: Step[];
+  appId: string;
+  flowId: string;
+  steps: Step[];
 }
 
 // 定义内容信息的接口
 export interface Content {
-    question: string;
-    answer: string;
-    data: any; // 可以根据具体情况细化这个类型
+  question: string;
+  answer: string;
+  data: any; // 可以根据具体情况细化这个类型
 }
 
 /**
  * 定义元数据信息的接口
- * 
+ *
  * @property {number} inputTokens - 输入的token数量，表示prompt的token数量。
  * @property {number} outputTokens - 输出的token数量，表示大模型生成的token数量。
  * @property {number} timeCost - 运行时间，单位为秒，最多保留两位小数。
  */
 export interface Metadata {
-    inputTokens: number;
-    outputTokens: number;
-    timeCost: number;
+  inputTokens: number;
+  outputTokens: number;
+  timeCost: number;
 }
 
 // 定义问答对数据结构
 export interface ConversationRecord {
-    id: string;
-    groupId: string;
-    conversationId: string;
-    files: File[];
-    flow: Flow;
-    content: Content;
-    metadata: Metadata;
+  id: string;
+  groupId: string;
+  conversationId: string;
+  files: File[];
+  flow: Flow;
+  content: Content;
+  metadata: Metadata;
 }
 
 // 定义对话内问答列表数据结构
 export interface ConversationRecordList {
-    records: ConversationRecord[];
+  records: ConversationRecord[];
 }
 
 /* 推荐问题的格式
@@ -70,134 +70,134 @@ export interface ConversationRecordList {
  *  "question": "查询机器192.168.10.1的CVE信息", //推荐问题的内容
  */
 export interface Suggest {
-    appId: string,
-    flowId: string,
-    flow_description: string,
-    question: string,
+  appId: string;
+  flowId: string;
+  flow_description: string;
+  question: string;
 }
 
 /*
  * 问答列表内项的数据结构
  */
 export interface ConversationListItem {
-    conversationId: string,
-    createdTime: string,
-    docCount: number,
-    title: string,
+  conversationId: string;
+  createdTime: string;
+  docCount: number;
+  title: string;
 }
 
 /*
  * 问答列表数据结构
  */
 export interface ConversationList {
-    conversations: Array<ConversationListItem>;
+  conversations: Array<ConversationListItem>;
 }
 
 /*
  * 语义接口数据结构
  */
 export interface Application {
-    appId: string,
-    name: string,
+  appId: string;
+  name: string;
 }
 
 /*
  * 语义接口数据结构
  */
 export interface ApiMessage {
-    apiId: string,
-    name: string,
-    type: string,
-    path: string,
-    description: string,
+  apiId: string;
+  name: string;
+  type: string;
+  path: string;
+  description: string;
 }
 
 /*
  * 语义接口数据结构
  */
 export interface Service {
-    serviceId: string,
-    name: string,
-    icon: string,
-    author: string,
-    description: string,
-    favorite: boolean,
+  serviceId: string;
+  name: string;
+  icon: string;
+  author: string;
+  description: string;
+  favorite: boolean;
 }
 
 export interface QueryApiListParamsType {
-    /**
-     * 筛选“我创建的”语义接口
-     */
-    createdByMe?: boolean;
-    /**
-     * 筛选“我收藏的”语义接口
-     */
-    favorited?: boolean;
-    /**
-     * 搜索关键字
-     */
-    keyword?: string;
-    /**
-     * 页码
-     */
-    page?: number;
-    /**
-     * 每页数量
-     */
-    pageSize?: number;
-    /**
-     * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
-     */
-    searchType?: SearchType;
-    [property: string]: any;
+  /**
+   * 筛选“我创建的”语义接口
+   */
+  createdByMe?: boolean;
+  /**
+   * 筛选“我收藏的”语义接口
+   */
+  favorited?: boolean;
+  /**
+   * 搜索关键字
+   */
+  keyword?: string;
+  /**
+   * 页码
+   */
+  page?: number;
+  /**
+   * 每页数量
+   */
+  pageSize?: number;
+  /**
+   * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
+   */
+  searchType?: SearchType;
+  [property: string]: any;
 }
 
 /**
  * 搜索类型：全部字段或仅按名称/简介/作者字段；若不填，则视为 'all'
  */
 export enum SearchType {
-    All = "all",
-    Author = "author",
-    Description = "description",
-    Name = "name",
+  All = 'all',
+  Author = 'author',
+  Description = 'description',
+  Name = 'name',
 }
 
 /**
  * CreateAppRequest, 创建/更新语义接口请求数据结构
  */
 export interface CreateOrUpdateApiParamsType {
-    /**
-     * 语义接口ID
-     */
-    serviceId?: string;
-    /**
-     * 语义接口yaml 文件（json 格式）
-     */
-    data?: string;
-    /**
-     * 对话轮次（1～10）
-     */
-    [property: string]: any;
+  /**
+   * 语义接口ID
+   */
+  serviceId?: string;
+  /**
+   * 语义接口yaml 文件（json 格式）
+   */
+  data?: string;
+  /**
+   * 对话轮次（1～10）
+   */
+  [property: string]: any;
 }
 
 /**
  * serviceApiData, 获取语义接口返回数据结构
  */
-export interface serviceApiData{
-    /**
-     * 语义接口名称
-     */
-    name?: string;
-    /**
-     * 语义接口path
-     */
-    path?: string;
-    /**
-     * 语义接口描述
-     */
-    description?: string;
-    /**
-     * 对话轮次（1～10）
-     */
-    [property: string]: any;
+export interface serviceApiData {
+  /**
+   * 语义接口名称
+   */
+  name?: string;
+  /**
+   * 语义接口path
+   */
+  path?: string;
+  /**
+   * 语义接口描述
+   */
+  description?: string;
+  /**
+   * 对话轮次（1～10）
+   */
+  [property: string]: any;
 }
diff --git a/src/apis/server.ts b/src/apis/server.ts
index d17aa139754594258fe522f2b44488821e49c54f..16a5c1f9e9359a5d14cc48464c4c3a5c0b18e2b1 100644
--- a/src/apis/server.ts
+++ b/src/apis/server.ts
@@ -10,7 +10,12 @@
 import axios from 'axios';
 import { IconError } from '@computing/opendesign-icons';
 import { handleChangeRequestHeader, handleStatusError } from './tools';
-import type { AxiosResponse, InternalAxiosRequestConfig, AxiosError, AxiosHeaders } from 'axios';
+import type {
+  AxiosResponse,
+  InternalAxiosRequestConfig,
+  AxiosError,
+  AxiosHeaders,
+} from 'axios';
 import { ElMessage } from 'element-plus';
 
 export interface FcResponse<T> {
@@ -39,10 +44,12 @@ export const server = axios.create({
 server.interceptors.request.use(
   (
     config: InternalAxiosRequestConfig<any>,
-  ): InternalAxiosRequestConfig<any> | Promise<InternalAxiosRequestConfig<any>> => {
+  ):
+    | InternalAxiosRequestConfig<any>
+    | Promise<InternalAxiosRequestConfig<any>> => {
     return handleChangeRequestHeader(config);
   },
-  error => {
+  (error) => {
     return Promise.reject(error);
   },
 );
@@ -82,7 +89,10 @@ server.interceptors.response.use(
  * @param params
  * @constructor
  */
-export const get = async <T>(url: string, params: IAnyObj = {}): Promise<[IError, FcResponse<T> | undefined]> => {
+export const get = async <T>(
+  url: string,
+  params: IAnyObj = {},
+): Promise<[IError, FcResponse<T> | undefined]> => {
   try {
     const result = await server.get(url, { params: params });
     return [null, result.data as FcResponse<T>];
@@ -105,7 +115,10 @@ export const post = async <T>(
   headers: IAnyObj = {},
 ): Promise<[IError, FcResponse<T> | undefined]> => {
   try {
-    const result = await server.post(url, data, { params: params, headers: headers as AxiosHeaders });
+    const result = await server.post(url, data, {
+      params: params,
+      headers: headers as AxiosHeaders,
+    });
     return [null, result.data as FcResponse<T>];
   } catch (error) {
     return [error as IError, undefined];
diff --git a/src/apis/tools.ts b/src/apis/tools.ts
index 2e51c733c75e34e100e4f148011652e8e46a4a72..81f85f83bde3b22dc767cbecce5a0b9df4eae795 100644
--- a/src/apis/tools.ts
+++ b/src/apis/tools.ts
@@ -8,25 +8,36 @@
 // PURPOSE.
 // See the Mulan PSL v2 for more details.
 import { ElNotification, ElMessageBox } from 'element-plus';
-import { CALLBACK_URL, LOGOUT_CALLBACK_URL } from 'src/views/dialogue/constants';
+import {
+  CALLBACK_URL,
+  LOGOUT_CALLBACK_URL,
+} from 'src/views/dialogue/constants';
 import { useAccountStore } from 'src/store';
-import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper'
+import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 
-import type { AxiosError, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+import type {
+  AxiosError,
+  AxiosResponse,
+  InternalAxiosRequestConfig,
+} from 'axios';
 import { storeToRefs } from 'pinia';
-import i18n from 'src/i18n'
+import i18n from 'src/i18n';
 import { errorMsg } from 'src/components/Message';
 
 function getCookie(name: string) {
-  let matches = document.cookie.match(new RegExp(
-    "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
-  ));
+  let matches = document.cookie.match(
+    new RegExp(
+      '(?:^|; )' +
+        name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') +
+        '=([^;]*)',
+    ),
+  );
   return matches ? decodeURIComponent(matches[1]) : undefined;
 }
 
 // 修改请求头
 export const handleChangeRequestHeader = (
-  config: InternalAxiosRequestConfig<any>
+  config: InternalAxiosRequestConfig<any>,
 ): InternalAxiosRequestConfig<any> => {
   if (config.headers['Content-Type'] !== 'multipart/form-data') {
     config.headers['Content-Type'] = 'application/json; charset=UTF-8';
@@ -38,49 +49,50 @@ export const handleChangeRequestHeader = (
   return config;
 };
 
-
 export const handleAuthorize = async (errStatus: number): Promise<void> => {
   const type = import.meta.env.VITE_USER_TYPE;
-  const store = useAccountStore()
+  const store = useAccountStore();
   const { userinfo } = storeToRefs(store);
   userinfo.value.organization = type;
-  if ((errStatus === 401 || errStatus === 403)) {
+  if (errStatus === 401 || errStatus === 403) {
     if (qiankunWindow.__POWERED_BY_QIANKUN__) {
-      const url = await store.getAuthUrl('login')
+      const url = await store.getAuthUrl('login');
       if (url) {
-        const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__ ? `${url}&redirect_index=${location.href}` : url
-        if (redirectUrl)
-          window.location.href = redirectUrl
+        const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__
+          ? `${url}&redirect_index=${location.href}`
+          : url;
+        if (redirectUrl) window.location.href = redirectUrl;
       }
     } else {
-      ElMessageBox.confirm(i18n.global.t('Login.unauthorized'), i18n.global.t('history.confirmation_message1'), {
-        confirmButtonText: i18n.global.t('Login.login'),
-        showClose: false,
-        showCancelButton: false,
-        autofocus: false,
-        closeOnClickModal: false,
-        closeOnPressEscape: false,
-      }).then(async () => {
-        const url = await store.getAuthUrl('login')
+      ElMessageBox.confirm(
+        i18n.global.t('Login.unauthorized'),
+        i18n.global.t('history.confirmation_message1'),
+        {
+          confirmButtonText: i18n.global.t('Login.login'),
+          showClose: false,
+          showCancelButton: false,
+          autofocus: false,
+          closeOnClickModal: false,
+          closeOnPressEscape: false,
+        },
+      ).then(async () => {
+        const url = await store.getAuthUrl('login');
         if (url) {
-          const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__ ? `${url}&redirect_index=${location.href}` : url
-          if (redirectUrl)
-            window.location.href = redirectUrl
+          const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__
+            ? `${url}&redirect_index=${location.href}`
+            : url;
+          if (redirectUrl) window.location.href = redirectUrl;
         }
-      }
-      );
+      });
     }
-
   }
   if (errStatus === 460) {
     window.open(LOGOUT_CALLBACK_URL, '_self');
-  }
-  else{
+  } else {
     // errorMsg(`${errStatus} is error`);
   }
 };
 
-
 export const handleNetworkError = (errStatus: number): void => {
   let errMessage: string;
   if (errStatus) {
@@ -134,9 +146,15 @@ export const handleNetworkError = (errStatus: number): void => {
 export const handleGeneralError = (
   errno: number,
   errorLabel: string = 'Fail',
-  errMessage: string = 'request error'
+  errMessage: string = 'request error',
 ): boolean => {
-  if (Number(errno) !== 200 && Number(errno) !== 401 && Number(errno) !== 403 && Number(errno) !== 302 && Number(errno) !== 2001) {
+  if (
+    Number(errno) !== 200 &&
+    Number(errno) !== 401 &&
+    Number(errno) !== 403 &&
+    Number(errno) !== 302 &&
+    Number(errno) !== 2001
+  ) {
     ElNotification.error({
       title: errorLabel,
       message: errMessage,
@@ -146,17 +164,14 @@ export const handleGeneralError = (
   return true;
 };
 
-
-
-
 /**
  * 处理状态码错误
  */
 export const handleStatusError = async (
-  error: AxiosError<any>
+  error: AxiosError<any>,
 ): Promise<AxiosResponse<any, any>[] | undefined> => {
   if (!error.response) {
-    // 如果没有响应，可能是网络问题或其他非HTTP错误，直接返回错误  
+    // 如果没有响应，可能是网络问题或其他非HTTP错误，直接返回错误
     return Promise.reject(error);
   }
 
@@ -184,4 +199,4 @@ export const handleStatusError = async (
     // return server(originalRequest);
   }
   return Promise.reject(error.response);
-};  
\ No newline at end of file
+};
diff --git a/src/apis/workFlow/type.ts b/src/apis/workFlow/type.ts
index 94bbe0ac6b92f315c42c7c65d4f4cb3564ec6ff3..6769ea7832adac0b5084ef382a6289b631a53ad9 100644
--- a/src/apis/workFlow/type.ts
+++ b/src/apis/workFlow/type.ts
@@ -1,116 +1,115 @@
 export interface CreateOrUpdateFlowParamsType {
-    appId: string;
-    flowId: string;
-    topologyCheck?: boolean;
-    [property: string]: any;
+  appId: string;
+  flowId: string;
+  topologyCheck?: boolean;
+  [property: string]: any;
 }
 
-
 /**
  * Flow
  */
 export interface CreateOrUpdataFlowBodyType {
-    /**
-     * 流创建时间
-     */
-    createdAt: string;
-    /**
-     * 流的介绍
-     */
-    description: string;
-    edges: Edge[];
-    editable: string;
-    /**
-     * 流是否启用
-     */
-    enable: boolean;
-    /**
-     * 流id
-     */
-    flowId?: string;
-    /**
-     * 流的名称
-     */
-    name: string;
-    nodes: Node[];
-    [property: string]: any;
+  /**
+   * 流创建时间
+   */
+  createdAt: string;
+  /**
+   * 流的介绍
+   */
+  description: string;
+  edges: Edge[];
+  editable: string;
+  /**
+   * 流是否启用
+   */
+  enable: boolean;
+  /**
+   * 流id
+   */
+  flowId?: string;
+  /**
+   * 流的名称
+   */
+  name: string;
+  nodes: Node[];
+  [property: string]: any;
 }
 
 /**
  * Edge
  */
 export interface Edge {
-    /**
-     * 边对应的分支id
-     */
-    branchId: string;
-    /**
-     * 边创建的时间
-     */
-    createdAt?: string;
-    /**
-     * 边的id
-     */
-    edgeId: string;
-    /**
-     * 源节点的id
-     */
-    sourceNode: string;
-    /**
-     * 目标节点的id
-     */
-    targetNode: string;
-    /**
-     * 边的类型
-     */
-    type: string;
-    [property: string]: any;
+  /**
+   * 边对应的分支id
+   */
+  branchId: string;
+  /**
+   * 边创建的时间
+   */
+  createdAt?: string;
+  /**
+   * 边的id
+   */
+  edgeId: string;
+  /**
+   * 源节点的id
+   */
+  sourceNode: string;
+  /**
+   * 目标节点的id
+   */
+  targetNode: string;
+  /**
+   * 边的类型
+   */
+  type: string;
+  [property: string]: any;
 }
 
 /**
  * Node
  */
 export interface Node {
-    /**
-     * 节点对应apiId
-     */
-    apiId: string;
-    /**
-     * 节点创建时间
-     */
-    createdAt?: string;
-    /**
-     * 节点的伴生节点（例如for的begin和end）
-     */
-    dependency?: Dependency;
-    /**
-     * 节点介绍
-     */
-    description: string;
-    /**
-     * 节点是否可被编辑/删除
-     */
-    editable: boolean;
-    /**
-     * 节点是否被启用
-     */
-    enable: boolean;
-    /**
-     * 节点名称
-     */
-    name: string;
-    /**
-     * 节点id
-     */
-    nodeId: string;
-    parameters?: Parameters;
-    /**
-     * 节点的位置
-     */
-    position: Position;
-    serviceId: string;
-    type: string;
-    [property: string]: any;
+  /**
+   * 节点对应apiId
+   */
+  apiId: string;
+  /**
+   * 节点创建时间
+   */
+  createdAt?: string;
+  /**
+   * 节点的伴生节点（例如for的begin和end）
+   */
+  dependency?: Dependency;
+  /**
+   * 节点介绍
+   */
+  description: string;
+  /**
+   * 节点是否可被编辑/删除
+   */
+  editable: boolean;
+  /**
+   * 节点是否被启用
+   */
+  enable: boolean;
+  /**
+   * 节点名称
+   */
+  name: string;
+  /**
+   * 节点id
+   */
+  nodeId: string;
+  parameters?: Parameters;
+  /**
+   * 节点的位置
+   */
+  position: Position;
+  serviceId: string;
+  type: string;
+  [property: string]: any;
 }
 
 /**
@@ -119,29 +118,29 @@ export interface Node {
  * Dependency
  */
 export interface Dependency {
-    nodeId: string;
-    type: string;
-    [property: string]: any;
+  nodeId: string;
+  type: string;
+  [property: string]: any;
 }
 
 export interface Parameters {
-    /**
-     * 节点类型为choice时才存在这个变量
-     */
-    choices?: Choice[];
-    [property: string]: any;
+  /**
+   * 节点类型为choice时才存在这个变量
+   */
+  choices?: Choice[];
+  [property: string]: any;
 }
 
 /**
  * choice
  */
 export interface Choice {
-    /**
-     * ID 编号
-     */
-    branch: string;
-    description: string;
-    [property: string]: any;
+  /**
+   * ID 编号
+   */
+  branch: string;
+  description: string;
+  [property: string]: any;
 }
 
 /**
@@ -150,13 +149,13 @@ export interface Choice {
  * Position
  */
 export interface Position {
-    /**
-     * 前端显示相对位置的x坐标
-     */
-    x: number;
-    /**
-     * 前端显示相对位置的y坐标
-     */
-    y: number;
-    [property: string]: any;
-}
\ No newline at end of file
+  /**
+   * 前端显示相对位置的x坐标
+   */
+  x: number;
+  /**
+   * 前端显示相对位置的y坐标
+   */
+  y: number;
+  [property: string]: any;
+}
diff --git a/src/apis/workFlow/workFlowService.ts b/src/apis/workFlow/workFlowService.ts
index 992f6b3c216fb1acf8151b590dbfa56b64727a0a..d6b6a39fdcd5aa989d926834a050b611c2ea6a47 100644
--- a/src/apis/workFlow/workFlowService.ts
+++ b/src/apis/workFlow/workFlowService.ts
@@ -1,7 +1,10 @@
 // Copyright (c) Huawei Technologies Co., Ltd. 2023-2024. All rights reserved.
 import { post, get, del, put } from 'src/apis/server';
 import type { FcResponse } from 'src/apis/server';
-import { CreateOrUpdateFlowParamsType, CreateOrUpdataFlowBodyType } from './type';
+import {
+  CreateOrUpdateFlowParamsType,
+  CreateOrUpdataFlowBodyType,
+} from './type';
 /**
  * 获取所有服务
  * @param params
diff --git a/src/assets/base.css b/src/assets/base.css
index da4ea226c58a2b7ec1fdc3890ac9e454496bb98e..2d43f5aefffb810d19d2731d713687bf3f576344 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -5,8 +5,9 @@
   font-style: normal;
 }
 * {
-  font-family: HarmonyOS_Sans_SC_Medium, 'Helvetica Neue', Helvetica, 'PingFang SC',
-    'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  font-family: HarmonyOS_Sans_SC_Medium, 'Helvetica Neue', Helvetica,
+    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial,
+    sans-serif;
 }
 
 *,
@@ -27,16 +28,29 @@ svg:focus {
   outline: none;
 }
 
-html{
+html {
   overflow: hidden;
 }
 
 body {
   min-width: 1366px;
   min-height: 100vh;
-  transition: color 0.5s, background-color 0.5s;
-  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
-    Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;
   background-color: #f5f5f6;
diff --git a/src/assets/color.js b/src/assets/color.js
index 5a19ae43380f1936b2efe643f5859b3d6af21110..1b1248f953e530adda2f0a69afc004f23d4a6035 100644
--- a/src/assets/color.js
+++ b/src/assets/color.js
@@ -1,15 +1,14 @@
 const color = [
-    "#0062DC",
-    "#2DB47C",
-    "#EC4F83",
-    "#3DB6FC",
-    "#6D47F5",
-    "#3DCFD4",
-    "#BD45E8",
-    "#81BA06",
-    "#FF5432",
-    "#9EA8B9",
-  ];
-  
-  export default color;
-  
\ No newline at end of file
+  '#0062DC',
+  '#2DB47C',
+  '#EC4F83',
+  '#3DB6FC',
+  '#6D47F5',
+  '#3DCFD4',
+  '#BD45E8',
+  '#81BA06',
+  '#FF5432',
+  '#9EA8B9',
+];
+
+export default color;
diff --git a/src/assets/styles/codePreview.scss b/src/assets/styles/codePreview.scss
index 7783c926014df6f2ea6c2095522f09685e598ff1..609ff33a7e8162700264ae895ca436c5674836dd 100644
--- a/src/assets/styles/codePreview.scss
+++ b/src/assets/styles/codePreview.scss
@@ -1,10 +1,9 @@
 #markdown-preview {
-
-  .hljs{
+  .hljs {
     color: var(--o-text-color-secondary);
   }
   //markdown text size
-  p{
+  p {
     font-size: 16px;
     font-weight: 400;
   }
@@ -88,8 +87,19 @@
       align-items: center;
       border-radius: 8px 8px 0 0;
       padding: 8px 12px 0 12px;
-      font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
-        Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+      font-family:
+        Inter,
+        -apple-system,
+        BlinkMacSystemFont,
+        'Segoe UI',
+        Roboto,
+        Oxygen,
+        Ubuntu,
+        Cantarell,
+        'Fira Sans',
+        'Droid Sans',
+        'Helvetica Neue',
+        sans-serif;
       .pre-copy {
         cursor: pointer;
         svg {
@@ -115,7 +125,7 @@
 
   ol {
     margin-left: 16px;
-    li{
+    li {
       list-style-type: decimal;
       cursor: default;
       margin-left: 12px;
diff --git a/src/assets/styles/element/index.scss b/src/assets/styles/element/index.scss
index 25b93d1e41b671c4a662cd607b277741f8d45960..02d71a9c2be4d014865878912f88f2fdebaf9018 100644
--- a/src/assets/styles/element/index.scss
+++ b/src/assets/styles/element/index.scss
@@ -2,7 +2,6 @@
   --el-color-primary: #0077ff;
 }
 
-
 .euler-copilot-message-box {
   background-color: #fefefe;
   border-radius: 4px;
@@ -14,65 +13,62 @@
 
 .el-message-box {
   width: 432px !important;
-  height: 184px !important; 
+  height: 184px !important;
 }
 
-.el-button:not(.is-disabled){
+.el-button:not(.is-disabled) {
   // background-color: white !important;
   color: var(--o-button-color) !important;
   border-color: var(--o-button-border-color) !important;
 }
 
-.el-button:not(.is-disabled):focus{
+.el-button:not(.is-disabled):focus {
   // background-color: white !important;
-  color:var(--o-button-color)  !important;
+  color: var(--o-button-color) !important;
   border-color: var(--o-button-border-color) !important;
 }
 
-.el-button:not(.is-disabled):active{
+.el-button:not(.is-disabled):active {
   // background-color: white !important;
-  color: #6395FD !important;
-  border-color: #6395FD !important;
+  color: #6395fd !important;
+  border-color: #6395fd !important;
 }
 
-.el-button:not(.is-disabled):hover{
+.el-button:not(.is-disabled):hover {
   // background-color: white !important;
-  color: #7AA5FF !important;
-  border-color: #7AA5FF !important;
+  color: #7aa5ff !important;
+  border-color: #7aa5ff !important;
 }
 
-
-
-
-.el-button--primary:not(.is-disabled){
-  background-color: #6395FD !important;
+.el-button--primary:not(.is-disabled) {
+  background-color: #6395fd !important;
   color: white !important;
-  border-color: #6395FD !important;
+  border-color: #6395fd !important;
 }
 
-.el-button--primary:not(.is-disabled):focus{
-  background-color: #6395FD !important;
+.el-button--primary:not(.is-disabled):focus {
+  background-color: #6395fd !important;
   color: white !important;
-  border-color: #6395FD !important;
+  border-color: #6395fd !important;
 }
 
-.el-button--primary:not(.is-disabled):active{
-  background-color: #6395FD !important;
+.el-button--primary:not(.is-disabled):active {
+  background-color: #6395fd !important;
   color: white !important;
-  border-color: #6395FD !important;
+  border-color: #6395fd !important;
 }
 
-.el-button--primary:not(.is-disabled):hover{
-  background-color: #7AA5FF !important;
+.el-button--primary:not(.is-disabled):hover {
+  background-color: #7aa5ff !important;
   color: white !important;
-  border-color: #7AA5FF !important;
+  border-color: #7aa5ff !important;
 }
 
-.el-message{
-  --o-message-border-radius:8px !important;
+.el-message {
+  --o-message-border-radius: 8px !important;
 }
 
-.exit-button{
+.exit-button {
   margin-left: 0px !important;
 }
 
@@ -100,4 +96,4 @@
     position: relative !important;
     top: unset !important;
   }
-}
\ No newline at end of file
+}
diff --git a/src/assets/styles/main.scss b/src/assets/styles/main.scss
index e303235f640e44854e38bc80b1ccf81862473ca9..d570ceb1febc1291f3af9f1b2784a69a95fe71a2 100644
--- a/src/assets/styles/main.scss
+++ b/src/assets/styles/main.scss
@@ -1,3 +1,3 @@
 @import './codePreview.scss';
 @import './message.scss';
-@import './theme.scss'
\ No newline at end of file
+@import './theme.scss';
diff --git a/src/assets/styles/message.scss b/src/assets/styles/message.scss
index 9874697ee866f69a74117cdad9bc8c8a5d692602..54a8670e99400e86d3ceeee0e5caac147347b21b 100644
--- a/src/assets/styles/message.scss
+++ b/src/assets/styles/message.scss
@@ -1,40 +1,38 @@
+.el-message {
+  width: 30%;
+  border-radius: 5px;
+}
 
-.el-message{
-    width: 30%;
-    border-radius: 5px;
-  }
-  
-  .el-message--success{
-    background-color: #C2E7C7;
+.el-message--success {
+  background-color: #c2e7c7;
+  color: #000;
+  border-color: #24ab36;
+  border-radius: 10px;
+  .el-message__content {
     color: #000;
-    border-color: #24AB36;
-    border-radius: 10px;
-    .el-message__content{
-      color: #000;
-      font-size: 12px;
-  
-    }
+    font-size: 12px;
+  }
+}
+
+.el-message--warning {
+  background-color: #f9ecb8;
+  border-color: #ebaf00;
+  img {
+    width: 16px;
+    height: 16px;
   }
-  
-  .el-message--warning{
-    background-color: #F9ECB8;
-    border-color: #EBAF00;
-    img{
-      width: 16px;
-      height: 16px;
-    }
-    .el-message__content{
-      color: #000;
-      font-size: 12px;
-    }
+  .el-message__content {
+    color: #000;
+    font-size: 12px;
   }
-  
-  .el-message--error{
-    background-color: #F7C1C1;
+}
+
+.el-message--error {
+  background-color: #f7c1c1;
+  color: #000;
+  border-color: #e42121;
+  .el-message__content {
     color: #000;
-    border-color: #E42121;
-    .el-message__content{
-      color: #000;
-      font-size: 12px;
-    }
-  }
\ No newline at end of file
+    font-size: 12px;
+  }
+}
diff --git a/src/assets/styles/theme.scss b/src/assets/styles/theme.scss
index f800d6ae0aa34fa2e7e226c088f68a6d37431ab2..5748a4d123f90cf35b5ee9b5c08a6d2ef24ef230 100644
--- a/src/assets/styles/theme.scss
+++ b/src/assets/styles/theme.scss
@@ -11,38 +11,67 @@ body[theme='dark'] {
   --o-button-disable-border: #626d7c;
   --o-time-text: #3e4551;
   --o-bash-bg: #2a2f37;
-  --o-flow-code-bg: rgb(42,47,55);
-  --o-flow-code-border: rgb(62,69,81);
+  --o-flow-code-bg: rgb(42, 47, 55);
+  --o-flow-code-border: rgb(62, 69, 81);
   --flow-canvas-bg: rgb(24, 27, 32);
-  --flow-instance-hover-color: #1F2329;
+  --flow-instance-hover-color: #1f2329;
   --flow-instance-shadow: 0 4px 16px 0 rgba(253, 254, 255, 0.1);
   --flow-nodeBox-shadow: 0 8px 16px 0 rgba(253, 254, 255, 0.1);
   // 工作流节点背景色
   --flow-bg-color: #343a43;
-  --o-bash-box-shadow:  0 4px 16px 0 rgba(255, 255, 255, 0.1);
+  --o-bash-box-shadow: 0 4px 16px 0 rgba(255, 255, 255, 0.1);
   // 工作流开始节点结束背景渐变色
-  --flow-startEnd-bg: linear-gradient(rgba(132, 149, 253, 0.3), rgba(104, 113, 129, 0.15), rgba(52, 58, 67, 0));
-  --flow-system-bg: linear-gradient(rgba(113, 225, 229, 0.3), rgba(97, 119, 121, 0.15), rgba(52, 58, 67, 0));
-  --flow-apos-apollo-bg: linear-gradient(rgba(137, 212, 255, 0.3), rgba(103, 111, 130, 0.15), rgba(52, 58, 67, 0));
-  --flow-euler-copilot-tune-bg: linear-gradient(rgba(156, 237, 203, 0.3), rgba(101, 125, 110, 0.15), rgba(52, 58, 67, 0));
-  --flow-other-node-bg: linear-gradient(rgba(252, 154, 186, 0.3), rgba(117, 99, 110, 0.15), rgba(52, 58, 67, 0));
-  --flow-node-default-over-color: #25303E;
+  --flow-startEnd-bg: linear-gradient(
+    rgba(132, 149, 253, 0.3),
+    rgba(104, 113, 129, 0.15),
+    rgba(52, 58, 67, 0)
+  );
+  --flow-system-bg: linear-gradient(
+    rgba(113, 225, 229, 0.3),
+    rgba(97, 119, 121, 0.15),
+    rgba(52, 58, 67, 0)
+  );
+  --flow-apos-apollo-bg: linear-gradient(
+    rgba(137, 212, 255, 0.3),
+    rgba(103, 111, 130, 0.15),
+    rgba(52, 58, 67, 0)
+  );
+  --flow-euler-copilot-tune-bg: linear-gradient(
+    rgba(156, 237, 203, 0.3),
+    rgba(101, 125, 110, 0.15),
+    rgba(52, 58, 67, 0)
+  );
+  --flow-other-node-bg: linear-gradient(
+    rgba(252, 154, 186, 0.3),
+    rgba(117, 99, 110, 0.15),
+    rgba(52, 58, 67, 0)
+  );
+  --flow-node-default-over-color: #25303e;
   --flow-node-boder-default-over: #314265;
-  --flow-node-success-over-color: #1F312A;
+  --flow-node-success-over-color: #1f312a;
   --flow-node-error-over-color: #332127;
   --flow-branch-node-error-node-cover-color: #602c27;
   --flow-branch-node-success-node-cover-color: #295336;
-  --o-think-border:#8d98aa;
-  --o-think-header-bg:#2a2f37;
-  --o-think-header-text:#e4e8ee;
-  --el-drawer-bg-color:#000000;
-  --el-bg-color:#1F2329;
-  --question-bg: linear-gradient(0deg, rgb(47, 57, 66), rgb(32, 35, 37) 33.232%, rgb(41, 43, 55) 85.699%);
-  --el-collapse-header-bg: rgb(42,47,55);
-  --el-collapse-border: rgb(62,69,81,0.5);
-  --el-collapse-content-bg: rgb(42,47,55,0.5);
-  --applist-hover:#313741;
-  --flow-running-bg:linear-gradient(127.95deg, rgb(39, 39, 76) -1.967%, rgba(28, 57, 81, 0.929) 98.202%);
+  --o-think-border: #8d98aa;
+  --o-think-header-bg: #2a2f37;
+  --o-think-header-text: #e4e8ee;
+  --el-drawer-bg-color: #000000;
+  --el-bg-color: #1f2329;
+  --question-bg: linear-gradient(
+    0deg,
+    rgb(47, 57, 66),
+    rgb(32, 35, 37) 33.232%,
+    rgb(41, 43, 55) 85.699%
+  );
+  --el-collapse-header-bg: rgb(42, 47, 55);
+  --el-collapse-border: rgb(62, 69, 81, 0.5);
+  --el-collapse-content-bg: rgb(42, 47, 55, 0.5);
+  --applist-hover: #313741;
+  --flow-running-bg: linear-gradient(
+    127.95deg,
+    rgb(39, 39, 76) -1.967%,
+    rgba(28, 57, 81, 0.929) 98.202%
+  );
 }
 
 body[theme='light'] {
@@ -58,36 +87,65 @@ body[theme='light'] {
   --o-button-disable-border: #ebedf3;
   --o-time-text: #dfe5ef;
   --o-bash-bg: #f4f6fa;
-  --o-flow-code-bg: rgb(244,256,258);
-  --o-flow-code-border: rgb(223,229,239);
+  --o-flow-code-bg: rgb(244, 256, 258);
+  --o-flow-code-border: rgb(223, 229, 239);
   --flow-canvas-bg: rgba(235, 239, 246);
-  --flow-instance-hover-color: #FDFEFF;
+  --flow-instance-hover-color: #fdfeff;
   --flow-instance-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
   --flow-nodeBox-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
   // 工作流节点背景色
   --flow-bg-color: #fdfeff;
-  --o-bash-box-shadow:  0 4px 16px 0 rgba(42, 47, 55, 0.1);
+  --o-bash-box-shadow: 0 4px 16px 0 rgba(42, 47, 55, 0.1);
   // 工作流开始节点结束背景渐变色
-  --flow-startEnd-bg: linear-gradient(rgba(133, 148, 253, 0.3), rgba(210, 231, 252, 0.15), rgba(255, 255, 255, 0));
-  --flow-system-bg: linear-gradient(rgba(156, 237, 203, 0.3), rgba(240, 253, 244, 0.15), rgba(255, 255, 255, 0));
-  --flow-apos-apollo-bg: linear-gradient(rgba(137, 212, 255, 0.3), rgba(230, 237, 255, 0.15), rgba(255, 255, 255, 0));
-  --flow-euler-copilot-tune-bg: linear-gradient(rgba(156, 237, 203, 0.3), rgba(240, 253, 248, 0.15), rgba(255, 255, 255, 0));
-  --flow-other-node-bg: linear-gradient(rgba(252, 154, 186, 0.3), rgba(253, 240, 248, 0.15), rgba(255, 255, 255, 0));
+  --flow-startEnd-bg: linear-gradient(
+    rgba(133, 148, 253, 0.3),
+    rgba(210, 231, 252, 0.15),
+    rgba(255, 255, 255, 0)
+  );
+  --flow-system-bg: linear-gradient(
+    rgba(156, 237, 203, 0.3),
+    rgba(240, 253, 244, 0.15),
+    rgba(255, 255, 255, 0)
+  );
+  --flow-apos-apollo-bg: linear-gradient(
+    rgba(137, 212, 255, 0.3),
+    rgba(230, 237, 255, 0.15),
+    rgba(255, 255, 255, 0)
+  );
+  --flow-euler-copilot-tune-bg: linear-gradient(
+    rgba(156, 237, 203, 0.3),
+    rgba(240, 253, 248, 0.15),
+    rgba(255, 255, 255, 0)
+  );
+  --flow-other-node-bg: linear-gradient(
+    rgba(252, 154, 186, 0.3),
+    rgba(253, 240, 248, 0.15),
+    rgba(255, 255, 255, 0)
+  );
   --flow-node-boder-default-over: #c7d6f5;
   --flow-node-success-over-color: #e6f6e9;
   --flow-node-error-over-color: #f8e7e7;
-  --o-think-border:#ccc;
-  --o-think-header-bg:#f8f8f8;
-  --o-think-header-text:#8d98aa;
+  --o-think-border: #ccc;
+  --o-think-header-bg: #f8f8f8;
+  --o-think-header-text: #8d98aa;
   --flow-branch-node-error-node-cover-color: #edb3b3;
   --flow-branch-node-success-node-cover-color: #b3dbb8;
-  --el-collapse-header-bg: rgb(244,246,250);
-  --el-collapse-border: rgb(223,229,239);
-  --el-collapse-content-bg: rgb(244,246,250,0.5);
-  --question-bg: linear-gradient(270deg, rgb(227, 242, 255), rgb(195, 227, 255) 33.232%, rgb(197, 203, 249) 85.699%);
+  --el-collapse-header-bg: rgb(244, 246, 250);
+  --el-collapse-border: rgb(223, 229, 239);
+  --el-collapse-content-bg: rgb(244, 246, 250, 0.5);
+  --question-bg: linear-gradient(
+    270deg,
+    rgb(227, 242, 255),
+    rgb(195, 227, 255) 33.232%,
+    rgb(197, 203, 249) 85.699%
+  );
   --question-shadow: rgba(221, 225, 240, 0.5);
-  --applist-hover:#f3f4f6;
-  --flow-running-bg:linear-gradient(127.95deg, rgba(109, 117, 250, 0.2) -1.967%, rgba(90, 179, 255, 0.2) 98.202%);
+  --applist-hover: #f3f4f6;
+  --flow-running-bg: linear-gradient(
+    127.95deg,
+    rgba(109, 117, 250, 0.2) -1.967%,
+    rgba(90, 179, 255, 0.2) 98.202%
+  );
 }
 
 body {
@@ -98,4 +156,4 @@ body {
   .el-select-dropdown__item.is-selected {
     background-color: #6395fd !important;
   }
-}
\ No newline at end of file
+}
diff --git a/src/auto-imports.d.ts b/src/auto-imports.d.ts
index 1d89ee8c4833d5972293125ae111ea45d41f2e83..fb10b91f058b463ca8a3e0b48465a59a9f49e077 100644
--- a/src/auto-imports.d.ts
+++ b/src/auto-imports.d.ts
@@ -4,6 +4,4 @@
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
 export {}
-declare global {
-
-}
+declare global {}
diff --git a/src/bus/index.ts b/src/bus/index.ts
index 0020e13cd319177b6d1618d55502639e1b53965c..3dbb7fda2b9d233753c7ed36903f2f9f64d4f836 100644
--- a/src/bus/index.ts
+++ b/src/bus/index.ts
@@ -1,4 +1,4 @@
 // 引入mitt
-import mitt from 'mitt'
+import mitt from 'mitt';
 const bus = mitt();
-export default bus;
\ No newline at end of file
+export default bus;
diff --git a/src/components.d.ts b/src/components.d.ts
index 3919a57d3ab685800884869e26bbeb4a10515de4..fec5155c61b8f394ddb536bb75e2018f188e470a 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -7,28 +7,28 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    CommonFooter: typeof import('./components/commonFooter/CommonFooter.vue')['default']
-    DialoguePanel: typeof import('./components/dialoguePanel/DialoguePanel.vue')['default']
-    ElButton: typeof import('element-plus/es')['ElButton']
-    ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
-    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
-    ElDialog: typeof import('element-plus/es')['ElDialog']
-    ElForm: typeof import('element-plus/es')['ElForm']
-    ElFormItem: typeof import('element-plus/es')['ElFormItem']
-    ElInput: typeof import('element-plus/es')['ElInput']
-    ElPopover: typeof import('element-plus/es')['ElPopover']
-    ElRadioButton: typeof import('element-plus/es')['ElRadioButton']
-    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
-    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
-    ElTooltip: typeof import('element-plus/es')['ElTooltip']
-    EulerDialog: typeof import('./components/EulerDialog.vue')['default']
-    PrivacyText: typeof import('./components/commonFooter/PrivacyText.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-    SessionCard: typeof import('./components/sessionCard/SessionCard.vue')['default']
-    SvgIcon: typeof import('./components/SvgIcon.vue')['default']
+    CommonFooter: (typeof import('./components/commonFooter/CommonFooter.vue'))['default'];
+    DialoguePanel: (typeof import('./components/dialoguePanel/DialoguePanel.vue'))['default'];
+    ElButton: (typeof import('element-plus/es'))['ElButton'];
+    ElCheckbox: (typeof import('element-plus/es'))['ElCheckbox'];
+    ElCheckboxGroup: (typeof import('element-plus/es'))['ElCheckboxGroup'];
+    ElDialog: (typeof import('element-plus/es'))['ElDialog'];
+    ElForm: (typeof import('element-plus/es'))['ElForm'];
+    ElFormItem: (typeof import('element-plus/es'))['ElFormItem'];
+    ElInput: (typeof import('element-plus/es'))['ElInput'];
+    ElPopover: (typeof import('element-plus/es'))['ElPopover'];
+    ElRadioButton: (typeof import('element-plus/es'))['ElRadioButton'];
+    ElRadioGroup: (typeof import('element-plus/es'))['ElRadioGroup'];
+    ElScrollbar: (typeof import('element-plus/es'))['ElScrollbar'];
+    ElTooltip: (typeof import('element-plus/es'))['ElTooltip'];
+    EulerDialog: (typeof import('./components/EulerDialog.vue'))['default'];
+    PrivacyText: (typeof import('./components/commonFooter/PrivacyText.vue'))['default'];
+    RouterLink: (typeof import('vue-router'))['RouterLink'];
+    RouterView: (typeof import('vue-router'))['RouterView'];
+    SessionCard: (typeof import('./components/sessionCard/SessionCard.vue'))['default'];
+    SvgIcon: (typeof import('./components/SvgIcon.vue'))['default'];
   }
   export interface ComponentCustomProperties {
-    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+    vLoading: (typeof import('element-plus/es'))['ElLoadingDirective'];
   }
 }
diff --git a/src/components/EulerDialog.vue b/src/components/EulerDialog.vue
index 5852a4f1a883524af84075d2ec3b4e66144525e7..39d473654fcfc66238a0d51b5e9ae50e26307bdf 100644
--- a/src/components/EulerDialog.vue
+++ b/src/components/EulerDialog.vue
@@ -3,7 +3,7 @@
     :model-value="visible"
     :show-close="false"
     width="50%"
-    :title="props.agreementName" 
+    :title="props.agreementName"
     :close-on-press-escape="false"
     :close-on-click-modal="false"
     align-center
@@ -14,7 +14,12 @@
       </el-scrollbar>
     </template>
     <template #footer>
-      <el-form v-if="needCheck && agreementName" ref="formRef" :rules="rules" :model="form">
+      <el-form
+        v-if="needCheck && agreementName"
+        ref="formRef"
+        :rules="rules"
+        :model="form"
+      >
         <el-form-item prop="check">
           <el-checkbox-group v-model="form.check">
             <el-checkbox :label="agreeMessage" name="check" />
@@ -22,7 +27,9 @@
         </el-form-item>
       </el-form>
       <div class="button-group">
-        <el-button class="confirm-button"  @click="submitForm(formRef)">{{$t('history.ok')}}</el-button>
+        <el-button class="confirm-button" @click="submitForm(formRef)">
+          {{ $t('history.ok') }}
+        </el-button>
       </div>
     </template>
   </el-dialog>
@@ -45,7 +52,7 @@ const props = withDefaults(
   }>(),
   {
     needCheck: true,
-  }
+  },
 );
 
 const emits = defineEmits<{
@@ -88,7 +95,6 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 </script>
 
 <style lang="scss" scoped>
-
 // .scrollbar{
 //   // height: 100%;
 //   max-height: 400px;
@@ -98,9 +104,9 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 // }
 
 .agreement-markdown h1 {
-    text-align: center;
-    padding-bottom: 30px;
-    font-size: 12px;
+  text-align: center;
+  padding-bottom: 30px;
+  font-size: 12px;
 }
 
 .button-group {
@@ -144,5 +150,4 @@ const submitForm = async (formEl: FormInstance | undefined) => {
 form {
   margin-top: 10px;
 }
-
 </style>
diff --git a/src/components/Message.ts b/src/components/Message.ts
index 56d318fda68d0645ae287e2c1b946eb9ad367a8a..13a8825a88002bd57be771a6996eda6deb82cd97 100644
--- a/src/components/Message.ts
+++ b/src/components/Message.ts
@@ -1,38 +1,37 @@
-import { ElMessage } from "element-plus";
+import { ElMessage } from 'element-plus';
 
-export const infoMsg = (msgInfo:string) => {
-    ElMessage({
-        type:"info",
-        // showClose:true,
-        dangerouslyUseHTMLString:true,
-        message:msgInfo,
-    })
-}
+export const infoMsg = (msgInfo: string) => {
+  ElMessage({
+    type: 'info',
+    // showClose:true,
+    dangerouslyUseHTMLString: true,
+    message: msgInfo,
+  });
+};
 
-export const successMsg = (msgInfo:string) => {
-    ElMessage({
-        // customClass:"el-message--success",
-        type:"success",
-        // showClose:true,
-        class:"el-message--success",
-        message:msgInfo,
-    })
-}
-export const warningMsg = (msgInfo:string) => {
-    ElMessage({
-        type:"warning",
-        // showClose:true,
-        class:"el-message--warning",
-        message:msgInfo,
-    })
-}
-
-export const errorMsg = (msgInfo:string) => {
-    ElMessage({
-        type:"error",
-        // showClose:true,
-        class:"el-message--error",
-        message:msgInfo,
-    })
-}
+export const successMsg = (msgInfo: string) => {
+  ElMessage({
+    // customClass:"el-message--success",
+    type: 'success',
+    // showClose:true,
+    class: 'el-message--success',
+    message: msgInfo,
+  });
+};
+export const warningMsg = (msgInfo: string) => {
+  ElMessage({
+    type: 'warning',
+    // showClose:true,
+    class: 'el-message--warning',
+    message: msgInfo,
+  });
+};
 
+export const errorMsg = (msgInfo: string) => {
+  ElMessage({
+    type: 'error',
+    // showClose:true,
+    class: 'el-message--error',
+    message: msgInfo,
+  });
+};
diff --git a/src/components/SvgIcon.vue b/src/components/SvgIcon.vue
index f83ae329ff94b701a0574bd673c6e18e09c3dbb1..d29161acb40948b38265542a8380549e037a45ed 100644
--- a/src/components/SvgIcon.vue
+++ b/src/components/SvgIcon.vue
@@ -44,7 +44,7 @@ withDefaults(
   {
     dir: 'right',
     fill: '#8D98AA',
-  }
+  },
 );
 </script>
 <style lang="scss" scoped>
diff --git a/src/components/Upload/index.vue b/src/components/Upload/index.vue
index 461bad620d91ca672cb8c732c821ac3b9e160cc6..9ac014d8a37cd903ed4febc08383d7ce39cf4fcd 100644
--- a/src/components/Upload/index.vue
+++ b/src/components/Upload/index.vue
@@ -1,514 +1,541 @@
-<script lang="ts" setup>
-import { ElMessage } from 'element-plus';
-import { ref, watch, onMounted } from 'vue';
-import * as jsYaml from 'js-yaml';
-import { IconUpload, IconVisible, IconDelete, IconCaretRight } from '@computing/opendesign-icons';
-import type { UploadFile, ElUploadProgressEvent, ElFile } from 'element-plus/es/components/upload/src/upload.type';
-import { Codemirror } from 'vue-codemirror';
-import { api } from 'src/apis';
-import { errorMsg, successMsg } from 'src/components/Message';
-import { yaml } from "@codemirror/lang-yaml"
-import { oneDark } from '@codemirror/theme-one-dark';
-import { useChangeThemeStore } from 'src/store/conversation';
-import CustomLoading from 'src/views/customLoading/index.vue';
-
-const loading = ref(false);
-const themeStore = useChangeThemeStore();
-const extensions = ref([yaml()]);
-const handleCreateapi = async () => {
-  loading.value = true;
-  const [_, res] = await api.createOrUpdateApi({
-    serviceId: props.serviceId || '',
-    data: yamlToJsonContent.value,
-  });
-  if (!_ && res) {
-    if (res.code === 200) {
-      getServiceJson.value = res?.result?.apis;
-      getServiceName.value = res?.result?.name;
-      uploadtype.value = 'get';
-      successMsg('创建成功');
-    } else {
-      errorMsg('创建失败');
-    }
-      loading.value = false;
-  }
-};
-
-const props = defineProps({
-  type: {
-    type: String,
-    default: '',
-  },
-  disable: {
-    type: Boolean,
-    default: false,
-  },
-  closeDrawer: {
-    type: Function,
-    default: () => {},
-  },
-  serviceId: {
-    type: String,
-    default: '',
-  },
-  getServiceJson: {
-    type: String,
-    default: '',
-  },
-  getServiceYaml: {
-    type: String,
-    default: '',
-  },
-  getServiceName: {
-    type: String,
-    default: '',
-  }
-});
-const emits = defineEmits<{
-  (e: 'closeDrawer'): void;
-}>();
-
-const handleClose = () => {
-  //清空数据
-  getServiceYaml.value = '';
-  yamlToJsonContent.value = '';
-  getServiceJson.value = '';
-  getServiceName.value = '';
-  emits('closeDrawer');
-};
-
-const handleEdit = () => {
-  //edit数据
-  successMsg('可编辑');
-  editable.value = true;
-};
-
-const uploadtype = ref(props.type);
-const getServiceYaml = ref('');
-const yamlToJsonContent = ref('');
-const getServiceJson = ref('');
-const getServiceName = ref('');
-const activeServiceNameList = ref([]);
-const imageUrl = ref('');
-const progressVal = ref(0);
-const uploadDone = ref(false);
-const editable = ref(false);
-// 上传前检查
-const beforeUpload = async (file: ElFile) => {
-  const isYaml =
-    file.type === 'application/x-yaml' ||
-    file.type === 'text/yaml' ||
-    file.name.indexOf('.yaml') > -1 ||
-    file.name.indexOf('.yml') > -1; // 也可能遇到 text/yaml 类型
-  const isLt2M = file.size / 1024 / 1024 < 2;
-  if (!isYaml) {
-    ElMessage({
-      message: 'File must be YAML format!',
-      type: 'error',
-    });
-    return false;
-  }
-  if (!isLt2M) {
-    ElMessage({
-      message: 'YAML size cannot exceed 2MB!',
-      type: 'error',
-    });
-    return false;
-  }
-  try {
-    const reader = new FileReader();
-    reader.onload = async event => {
-      getServiceYaml.value = event.target?.result as string;
-      //yaml 展示
-      try {
-        yamlToJsonContent.value = jsYaml.load(getServiceYaml.value);
-        uploadtype.value = 'edit';
-      } catch (yamlParseError) {
-        console.error('Error parsing YAML to JSON:', yamlParseError);
-      }
-    };
-
-    reader.onerror = error => {
-      console.error('Error reading file:', error);
-      ElMessage({
-        message: 'Error reading file!',
-        type: 'error',
-      });
-    };
-
-    // 开始读取文件内容
-    await new Promise((resolve, reject) => {
-      reader.readAsText(file);
-      reader.onloadend = () => resolve(); // 当读取完成时解决 Promise
-      reader.onerror = error => reject(error); // 如果出错则拒绝 Promise
-    });
-    return true;
-  } catch (error) {
-    console.error('Error during file upload process:', error);
-    ElMessage({
-      message: 'An error occurred during file upload!',
-      type: 'error',
-    });
-    return false; // 同样，这行在当前的 async 函数中可能没有实际意义
-  }
-};
-
-const beforeUploadPromise = (fileWrapper: { file: File }): Promise<boolean> => {
-  return new Promise((resolve, reject) => {
-    // ...（上面的异步逻辑，但在最后调用 resolve(true) 或 reject(false)）
-  });
-};
-// 上传进度
-const handleProgress = (event: ElUploadProgressEvent) => {
-  progressVal.value = event.percent;
-};
-// 上传完成
-const handleSuccess = (res: ElUploadProgressEvent, file: UploadFile) => {
-  uploadDone.value = true;
-  progressVal.value = 0;
-};
-const doDelete = (e: Event) => {
-  e.stopPropagation();
-  uploadDone.value = false;
-};
-const doPreview = (e: Event) => {
-  e.stopPropagation();
-};
-
-const getServiceYamlFun = async (id: string) => {
-  await api.querySingleApiData({ serviceId: id, edit: true }).then(res => {
-    if (res) {
-      getServiceYaml.value = jsYaml.dump(res?.result.data);
-      getServiceName.value = res?.result.name;
-    }
-  });
-};
-const handleChange = payload => {
-  yamlToJsonContent.value = jsYaml.load(payload);
-  setTimeout(() => {
-    payload.view.scrollDOM.scrollTop = 0;
-  }, 100);
-};
-watch(
-  () => props,
-  () => {
-    getServiceJson.value = props.getServiceJson;
-    getServiceYaml.value = props.getServiceYaml;
-    getServiceName.value = props.getServiceName;
-    if (getServiceJson.value?.length) {
-      activeServiceNameList.value = [getServiceJson.value?.[0]?.name];
-    }
-    if (props.type === 'edit' && props) {
-      getServiceYamlFun(props.serviceId);
-    }
-  },
-  { immediate: true, deep: true },
-);
-
-watch(
-  getServiceYaml,
-  () => {
-    yamlToJsonContent.value = jsYaml.load(getServiceYaml.value);
-  },
-);
-watch(
-  () => themeStore.theme,
-  newVal => {
-    if (themeStore.theme === 'dark') {
-      extensions.value = [yaml(), oneDark];
-    } else {
-      extensions.value = [yaml()];
-    }
-  },
-);
-
-const updateFunc = () => {
-  const foldDoms = document.querySelectorAll('span[title="Fold line"]');
-  foldDoms.forEach(dom => {
-    dom.innerText = '';
-  });
-
-  const unFoldDoms = document.querySelectorAll('span[title="Unfold line"]');
-  unFoldDoms.forEach(dom => {
-    dom.innerText = '';
-  });
-};
-onMounted(() => {
-  if (themeStore.theme === 'dark') {
-    extensions.value = [yaml(), oneDark];
-  } else {
-    extensions.value = [yaml()];
-  }
-});
-</script>
-<template>
-  <CustomLoading :loading="loading"></CustomLoading>
-  <el-upload
-    v-if="uploadtype === 'upload'"
-    action=""
-    drag
-    multiple
-    :show-file-list="false"
-    :on-success="handleSuccess"
-    :before-upload="beforeUpload"
-    :on-progress="handleProgress"
-    class=""
-  >
-    <div class="upload-box">
-      <div v-if="imageUrl" class="upload-preview">
-        <img :src="imageUrl" class="upload-preview-img" />
-        <div class="upload-btns" @click.stop>
-          <el-icon class="btn" @click="doPreview">
-            <IconVisible />
-          </el-icon>
-          <el-icon class="btn" @click="doDelete">
-            <IconDelete />
-          </el-icon>
-        </div>
-      </div>
-      <div v-else class="upload-add">
-        <el-icon class="upload-btn-icon">
-          <IconUpload />
-        </el-icon>
-        <div class="upload-tip">
-          {{ $t('semantic.tip1') }}
-          <div style="margin-top: 16px">
-            <el-button type="primary" size="small">
-              {{ $t('semantic.choose_file') }}
-            </el-button>
-          </div>
-        </div>
-        <div class="upload-tip">
-          {{ $t('semantic.tip2') }}
-        </div>
-      </div>
-      <div v-if="progressVal && !uploadDone" class="upload-loading">
-        <el-progress class="uplaod-progress" :percentage="progressVal" :stroke-width="8" />
-      </div>
-    </div>
-  </el-upload>
-  <div class="code-container" v-if="uploadtype === 'edit'">
-    <span class="serviceName">{{ getServiceName }}</span>
-    <Codemirror
-      v-model="getServiceYaml"
-      placeholder="Code goes here..."
-      :autofocus="true"
-      :indent-with-tab="true"
-      :tab-size="2"
-      :extensions="extensions"
-      :disabled="!editable"
-      @ready="handleReady"
-      @update="updateFunc"
-      @change="handleChange"
-    />
-  </div>
-  <div class="json-container" v-if="uploadtype === 'get'">
-    <span class="serviceName">{{ getServiceName }}</span>
-    <el-collapse v-model="activeServiceNameList" class="o-hpc-collapse" :prefix-icon="IconChevronDown">
-      <!-- 这里直接展示输入和输出 -->
-      <el-collapse-item v-for="(item, index) in getServiceJson" :key="index" :name="item.name">
-        <template #title>
-          <span>{{ item.name }}</span>
-          <!-- 这里接口返回的需要限制最大位数 -->
-          <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeServiceNameList.includes(item.name) }">
-            <IconCaretRight></IconCaretRight>
-          </el-icon>
-        </template>
-        <div class="o-collapse-content">
-          <div class="itemTitle">
-            <div class="subName">
-              <div>{{$t('semantic.interface_path')}}</div>
-              <div>{{ item.path }}</div>
-            </div>
-            <div class="subName">
-              <div>{{$t('semantic.interface_description')}}</div>
-              <div>{{ item.description }}</div>
-            </div>
-          </div>
-        </div>
-      </el-collapse-item>
-    </el-collapse>
-  </div>
-  <div class="drawerFooter" v-if="uploadtype === 'upload'">
-    <el-button @click="handleClose">{{$t('semantic.cancel')}}</el-button>
-    <el-button type="primary" @click="handleClose">{{$t('semantic.submit')}}</el-button>
-  </div>
-  <div class="drawerFooter" v-if="uploadtype === 'edit'">
-    <el-button @click="handleClose">{{$t('semantic.cancel')}}</el-button>
-    <el-button @click="handleEdit">{{$t('semantic.edit')}}</el-button>
-    <el-button type="primary" @click="handleCreateapi()">{{$t('semantic.analyze')}}</el-button>
-  </div>
-  <div class="drawerFooter" v-if="uploadtype === 'get'">
-    <el-button @click="handleClose">{{$t('semantic.cancel')}}</el-button>
-    <el-button type="primary" @click="handleClose">{{$t('semantic.submit')}}</el-button>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.serviceName{
-  display: block;
-  font-size: 14px;
-  color: var(--o-text-color-primary);
-  height: 22px;
-  margin-bottom: 8px;
-}
-.json-container {
-  max-height: 80%;
-  overflow-y: hidden;
-}
-.v-codemirror {
-  height: 100%;
-  width: 100%;
-  ::v-deep(.cm-editor) {
-    height: 100%;
-    border: 1px solid var(--o-time-text);
-    .cm-gutters {
-      background-color: var(--o-bash-bg);
-      span[title='Fold line'] {
-        width: 0;
-        height: 0;
-        display: block;
-        border: 4px solid transparent;
-        border-top: 4px solid #8d98aa;
-        margin-top: 8px;
-        padding: 0;
-      }
-      span[title='Unfold line'] {
-        width: 0;
-        height: 0;
-        display: block;
-        border: 4px solid transparent;
-        border-left: 4px solid #8d98aa;
-        margin-top: 6px;
-        margin-left: 4px;
-        padding: 0;
-      }
-    }
-  }
-  .cm-focused {
-    outline: none;
-  }
-}
-::v-deep(.el-upload.is-drag) {
-  display: block !important;
-}
-.drawerFooter {
-  position: absolute;
-  bottom: 12px;
-  right: 12px;
-}
-.upload-box {
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  height: 200px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.upload-btn-icon {
-  font-size: 64px;
-  color: var(--o-text-color-tertiary);
-}
-
-.upload-tip {
-  width: 100%;
-  font-size: var(--o-font-size-info);
-  color: var(--o-text-color-tertiary);
-}
-
-.upload-tip + .upload-tip {
-  margin-top: 24px;
-}
-
-.upload-preview {
-  width: 100%;
-  height: 100%;
-}
-
-.upload-preview-img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-
-.upload-btns {
-  display: flex;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  top: 0;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--o-bg-color-mask);
-  opacity: 0;
-  transition: opacity 0.3s;
-}
-
-.upload-preview:hover .upload-btns {
-  opacity: 1;
-}
-
-.upload-btns .btn {
-  font-size: var(--o-font-size-subtitle);
-  margin: 8px;
-  color: var(--o-text-color-fourth);
-}
-
-.upload-btns .btn:hover {
-  color: var(--o-color-primary);
-}
-
-.upload-loading {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  background-color: var(--o-bg-color-mask);
-}
-
-.uplaod-progress {
-  position: absolute;
-  left: 8px;
-  right: 8px;
-  bottom: 8px;
-}
-
-.json-container {
-  :deep(.el-collapse-item__header) {
-    background-color: var(--el-collapse-header-bg) !important;
-    height: 32px;
-    border-bottom: 1px solid var(--el-collapse-border) !important;
-    border-bottom-color: var(--el-collapse-border) !important;
-  }
-  :deep(.el-collapse-item__content) {
-    background-color: var(--el-collapse-content-bg) !important;
-    margin: 0px;
-    border-bottom: 1px solid var(--el-collapse-border) !important;
-    border-bottom-color: var(--el-collapse-border) !important;
-  }
-}
-
-.o-collapse-content {
-  padding-left: 18px;
-  .subName {
-    width: 100%;
-    display: flex;
-    align-items: flex-start;
-    div:first-child {
-      height: auto;
-      text-align: center;
-      min-width: 50px;
-      color: var(--o-font-size-subtitle);
-    }
-    div:last-child {
-      padding: 0px 12px;
-      word-break: break-all;
-    }
-  }
-}
-</style>
+<script lang="ts" setup>
+import { ElMessage } from 'element-plus';
+import { ref, watch, onMounted } from 'vue';
+import * as jsYaml from 'js-yaml';
+import {
+  IconUpload,
+  IconVisible,
+  IconDelete,
+  IconCaretRight,
+} from '@computing/opendesign-icons';
+import type {
+  UploadFile,
+  ElUploadProgressEvent,
+  ElFile,
+} from 'element-plus/es/components/upload/src/upload.type';
+import { Codemirror } from 'vue-codemirror';
+import { api } from 'src/apis';
+import { errorMsg, successMsg } from 'src/components/Message';
+import { yaml } from '@codemirror/lang-yaml';
+import { oneDark } from '@codemirror/theme-one-dark';
+import { useChangeThemeStore } from 'src/store/conversation';
+import CustomLoading from 'src/views/customLoading/index.vue';
+
+const loading = ref(false);
+const themeStore = useChangeThemeStore();
+const extensions = ref([yaml()]);
+const handleCreateapi = async () => {
+  loading.value = true;
+  const [_, res] = await api.createOrUpdateApi({
+    serviceId: props.serviceId || '',
+    data: yamlToJsonContent.value,
+  });
+  if (!_ && res) {
+    if (res.code === 200) {
+      getServiceJson.value = res?.result?.apis;
+      getServiceName.value = res?.result?.name;
+      uploadtype.value = 'get';
+      successMsg('创建成功');
+    } else {
+      errorMsg('创建失败');
+    }
+    loading.value = false;
+  }
+};
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: '',
+  },
+  disable: {
+    type: Boolean,
+    default: false,
+  },
+  closeDrawer: {
+    type: Function,
+    default: () => {},
+  },
+  serviceId: {
+    type: String,
+    default: '',
+  },
+  getServiceJson: {
+    type: String,
+    default: '',
+  },
+  getServiceYaml: {
+    type: String,
+    default: '',
+  },
+  getServiceName: {
+    type: String,
+    default: '',
+  },
+});
+const emits = defineEmits<{
+  (e: 'closeDrawer'): void;
+}>();
+
+const handleClose = () => {
+  //清空数据
+  getServiceYaml.value = '';
+  yamlToJsonContent.value = '';
+  getServiceJson.value = '';
+  getServiceName.value = '';
+  emits('closeDrawer');
+};
+
+const handleEdit = () => {
+  //edit数据
+  successMsg('可编辑');
+  editable.value = true;
+};
+
+const uploadtype = ref(props.type);
+const getServiceYaml = ref('');
+const yamlToJsonContent = ref('');
+const getServiceJson = ref('');
+const getServiceName = ref('');
+const activeServiceNameList = ref([]);
+const imageUrl = ref('');
+const progressVal = ref(0);
+const uploadDone = ref(false);
+const editable = ref(false);
+// 上传前检查
+const beforeUpload = async (file: ElFile) => {
+  const isYaml =
+    file.type === 'application/x-yaml' ||
+    file.type === 'text/yaml' ||
+    file.name.indexOf('.yaml') > -1 ||
+    file.name.indexOf('.yml') > -1; // 也可能遇到 text/yaml 类型
+  const isLt2M = file.size / 1024 / 1024 < 2;
+  if (!isYaml) {
+    ElMessage({
+      message: 'File must be YAML format!',
+      type: 'error',
+    });
+    return false;
+  }
+  if (!isLt2M) {
+    ElMessage({
+      message: 'YAML size cannot exceed 2MB!',
+      type: 'error',
+    });
+    return false;
+  }
+  try {
+    const reader = new FileReader();
+    reader.onload = async (event) => {
+      getServiceYaml.value = event.target?.result as string;
+      //yaml 展示
+      try {
+        yamlToJsonContent.value = jsYaml.load(getServiceYaml.value);
+        uploadtype.value = 'edit';
+      } catch (yamlParseError) {
+        console.error('Error parsing YAML to JSON:', yamlParseError);
+      }
+    };
+
+    reader.onerror = (error) => {
+      console.error('Error reading file:', error);
+      ElMessage({
+        message: 'Error reading file!',
+        type: 'error',
+      });
+    };
+
+    // 开始读取文件内容
+    await new Promise((resolve, reject) => {
+      reader.readAsText(file);
+      reader.onloadend = () => resolve(); // 当读取完成时解决 Promise
+      reader.onerror = (error) => reject(error); // 如果出错则拒绝 Promise
+    });
+    return true;
+  } catch (error) {
+    console.error('Error during file upload process:', error);
+    ElMessage({
+      message: 'An error occurred during file upload!',
+      type: 'error',
+    });
+    return false; // 同样，这行在当前的 async 函数中可能没有实际意义
+  }
+};
+
+const beforeUploadPromise = (fileWrapper: { file: File }): Promise<boolean> => {
+  return new Promise((resolve, reject) => {
+    // ...（上面的异步逻辑，但在最后调用 resolve(true) 或 reject(false)）
+  });
+};
+// 上传进度
+const handleProgress = (event: ElUploadProgressEvent) => {
+  progressVal.value = event.percent;
+};
+// 上传完成
+const handleSuccess = (res: ElUploadProgressEvent, file: UploadFile) => {
+  uploadDone.value = true;
+  progressVal.value = 0;
+};
+const doDelete = (e: Event) => {
+  e.stopPropagation();
+  uploadDone.value = false;
+};
+const doPreview = (e: Event) => {
+  e.stopPropagation();
+};
+
+const getServiceYamlFun = async (id: string) => {
+  await api.querySingleApiData({ serviceId: id, edit: true }).then((res) => {
+    if (res) {
+      getServiceYaml.value = jsYaml.dump(res?.result.data);
+      getServiceName.value = res?.result.name;
+    }
+  });
+};
+const handleChange = (payload) => {
+  yamlToJsonContent.value = jsYaml.load(payload);
+  setTimeout(() => {
+    payload.view.scrollDOM.scrollTop = 0;
+  }, 100);
+};
+watch(
+  () => props,
+  () => {
+    getServiceJson.value = props.getServiceJson;
+    getServiceYaml.value = props.getServiceYaml;
+    getServiceName.value = props.getServiceName;
+    if (getServiceJson.value?.length) {
+      activeServiceNameList.value = [getServiceJson.value?.[0]?.name];
+    }
+    if (props.type === 'edit' && props) {
+      getServiceYamlFun(props.serviceId);
+    }
+  },
+  { immediate: true, deep: true },
+);
+
+watch(getServiceYaml, () => {
+  yamlToJsonContent.value = jsYaml.load(getServiceYaml.value);
+});
+watch(
+  () => themeStore.theme,
+  (newVal) => {
+    if (themeStore.theme === 'dark') {
+      extensions.value = [yaml(), oneDark];
+    } else {
+      extensions.value = [yaml()];
+    }
+  },
+);
+
+const updateFunc = () => {
+  const foldDoms = document.querySelectorAll('span[title="Fold line"]');
+  foldDoms.forEach((dom) => {
+    dom.innerText = '';
+  });
+
+  const unFoldDoms = document.querySelectorAll('span[title="Unfold line"]');
+  unFoldDoms.forEach((dom) => {
+    dom.innerText = '';
+  });
+};
+onMounted(() => {
+  if (themeStore.theme === 'dark') {
+    extensions.value = [yaml(), oneDark];
+  } else {
+    extensions.value = [yaml()];
+  }
+});
+</script>
+<template>
+  <CustomLoading :loading="loading"></CustomLoading>
+  <el-upload
+    v-if="uploadtype === 'upload'"
+    action=""
+    drag
+    multiple
+    :show-file-list="false"
+    :on-success="handleSuccess"
+    :before-upload="beforeUpload"
+    :on-progress="handleProgress"
+    class=""
+  >
+    <div class="upload-box">
+      <div v-if="imageUrl" class="upload-preview">
+        <img :src="imageUrl" class="upload-preview-img" />
+        <div class="upload-btns" @click.stop>
+          <el-icon class="btn" @click="doPreview">
+            <IconVisible />
+          </el-icon>
+          <el-icon class="btn" @click="doDelete">
+            <IconDelete />
+          </el-icon>
+        </div>
+      </div>
+      <div v-else class="upload-add">
+        <el-icon class="upload-btn-icon">
+          <IconUpload />
+        </el-icon>
+        <div class="upload-tip">
+          {{ $t('semantic.tip1') }}
+          <div style="margin-top: 16px">
+            <el-button type="primary" size="small">
+              {{ $t('semantic.choose_file') }}
+            </el-button>
+          </div>
+        </div>
+        <div class="upload-tip">
+          {{ $t('semantic.tip2') }}
+        </div>
+      </div>
+      <div v-if="progressVal && !uploadDone" class="upload-loading">
+        <el-progress
+          class="uplaod-progress"
+          :percentage="progressVal"
+          :stroke-width="8"
+        />
+      </div>
+    </div>
+  </el-upload>
+  <div class="code-container" v-if="uploadtype === 'edit'">
+    <span class="serviceName">{{ getServiceName }}</span>
+    <Codemirror
+      v-model="getServiceYaml"
+      placeholder="Code goes here..."
+      :autofocus="true"
+      :indent-with-tab="true"
+      :tab-size="2"
+      :extensions="extensions"
+      :disabled="!editable"
+      @ready="handleReady"
+      @update="updateFunc"
+      @change="handleChange"
+    />
+  </div>
+  <div class="json-container" v-if="uploadtype === 'get'">
+    <span class="serviceName">{{ getServiceName }}</span>
+    <el-collapse
+      v-model="activeServiceNameList"
+      class="o-hpc-collapse"
+      :prefix-icon="IconChevronDown"
+    >
+      <!-- 这里直接展示输入和输出 -->
+      <el-collapse-item
+        v-for="(item, index) in getServiceJson"
+        :key="index"
+        :name="item.name"
+      >
+        <template #title>
+          <span>{{ item.name }}</span>
+          <!-- 这里接口返回的需要限制最大位数 -->
+          <el-icon
+            class="el-collapse-item__arrow"
+            :class="{ 'is-active': activeServiceNameList.includes(item.name) }"
+          >
+            <IconCaretRight></IconCaretRight>
+          </el-icon>
+        </template>
+        <div class="o-collapse-content">
+          <div class="itemTitle">
+            <div class="subName">
+              <div>{{ $t('semantic.interface_path') }}</div>
+              <div>{{ item.path }}</div>
+            </div>
+            <div class="subName">
+              <div>{{ $t('semantic.interface_description') }}</div>
+              <div>{{ item.description }}</div>
+            </div>
+          </div>
+        </div>
+      </el-collapse-item>
+    </el-collapse>
+  </div>
+  <div class="drawerFooter" v-if="uploadtype === 'upload'">
+    <el-button @click="handleClose">{{ $t('semantic.cancel') }}</el-button>
+    <el-button type="primary" @click="handleClose">
+      {{ $t('semantic.submit') }}
+    </el-button>
+  </div>
+  <div class="drawerFooter" v-if="uploadtype === 'edit'">
+    <el-button @click="handleClose">{{ $t('semantic.cancel') }}</el-button>
+    <el-button @click="handleEdit">{{ $t('semantic.edit') }}</el-button>
+    <el-button type="primary" @click="handleCreateapi()">
+      {{ $t('semantic.analyze') }}
+    </el-button>
+  </div>
+  <div class="drawerFooter" v-if="uploadtype === 'get'">
+    <el-button @click="handleClose">{{ $t('semantic.cancel') }}</el-button>
+    <el-button type="primary" @click="handleClose">
+      {{ $t('semantic.submit') }}
+    </el-button>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.serviceName {
+  display: block;
+  font-size: 14px;
+  color: var(--o-text-color-primary);
+  height: 22px;
+  margin-bottom: 8px;
+}
+.json-container {
+  max-height: 80%;
+  overflow-y: hidden;
+}
+.v-codemirror {
+  height: 100%;
+  width: 100%;
+  ::v-deep(.cm-editor) {
+    height: 100%;
+    border: 1px solid var(--o-time-text);
+    .cm-gutters {
+      background-color: var(--o-bash-bg);
+      span[title='Fold line'] {
+        width: 0;
+        height: 0;
+        display: block;
+        border: 4px solid transparent;
+        border-top: 4px solid #8d98aa;
+        margin-top: 8px;
+        padding: 0;
+      }
+      span[title='Unfold line'] {
+        width: 0;
+        height: 0;
+        display: block;
+        border: 4px solid transparent;
+        border-left: 4px solid #8d98aa;
+        margin-top: 6px;
+        margin-left: 4px;
+        padding: 0;
+      }
+    }
+  }
+  .cm-focused {
+    outline: none;
+  }
+}
+::v-deep(.el-upload.is-drag) {
+  display: block !important;
+}
+.drawerFooter {
+  position: absolute;
+  bottom: 12px;
+  right: 12px;
+}
+.upload-box {
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  height: 200px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.upload-btn-icon {
+  font-size: 64px;
+  color: var(--o-text-color-tertiary);
+}
+
+.upload-tip {
+  width: 100%;
+  font-size: var(--o-font-size-info);
+  color: var(--o-text-color-tertiary);
+}
+
+.upload-tip + .upload-tip {
+  margin-top: 24px;
+}
+
+.upload-preview {
+  width: 100%;
+  height: 100%;
+}
+
+.upload-preview-img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.upload-btns {
+  display: flex;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  top: 0;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--o-bg-color-mask);
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+
+.upload-preview:hover .upload-btns {
+  opacity: 1;
+}
+
+.upload-btns .btn {
+  font-size: var(--o-font-size-subtitle);
+  margin: 8px;
+  color: var(--o-text-color-fourth);
+}
+
+.upload-btns .btn:hover {
+  color: var(--o-color-primary);
+}
+
+.upload-loading {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background-color: var(--o-bg-color-mask);
+}
+
+.uplaod-progress {
+  position: absolute;
+  left: 8px;
+  right: 8px;
+  bottom: 8px;
+}
+
+.json-container {
+  :deep(.el-collapse-item__header) {
+    background-color: var(--el-collapse-header-bg) !important;
+    height: 32px;
+    border-bottom: 1px solid var(--el-collapse-border) !important;
+    border-bottom-color: var(--el-collapse-border) !important;
+  }
+  :deep(.el-collapse-item__content) {
+    background-color: var(--el-collapse-content-bg) !important;
+    margin: 0px;
+    border-bottom: 1px solid var(--el-collapse-border) !important;
+    border-bottom-color: var(--el-collapse-border) !important;
+  }
+}
+
+.o-collapse-content {
+  padding-left: 18px;
+  .subName {
+    width: 100%;
+    display: flex;
+    align-items: flex-start;
+    div:first-child {
+      height: auto;
+      text-align: center;
+      min-width: 50px;
+      color: var(--o-font-size-subtitle);
+    }
+    div:last-child {
+      padding: 0px 12px;
+      word-break: break-all;
+    }
+  }
+}
+</style>
diff --git a/src/components/commonFooter/CommonFooter.vue b/src/components/commonFooter/CommonFooter.vue
index 47bc21a6c0d6fbc7e2891232567da6d5574201f7..5697da9f7811b3dc47067df625039c6e41975e56 100644
--- a/src/components/commonFooter/CommonFooter.vue
+++ b/src/components/commonFooter/CommonFooter.vue
@@ -14,14 +14,20 @@ const policy = ref<string>('');
  */
 const readAgreement = async () => {
   const language = localStorage.getItem('localeLang');
-  const response = language === 'en'?await import('src/conf/agreement-en.md?raw'):await import('src/conf/agreement.md?raw');
+  const response =
+    language === 'en'
+      ? await import('src/conf/agreement-en.md?raw')
+      : await import('src/conf/agreement.md?raw');
   agreement.value = marked.parse(response.default) as string;
   agreeDialogVisiable.value = true;
 };
 
-const readPolicy= async () => {
+const readPolicy = async () => {
   const language = localStorage.getItem('localeLang');
-  const response = language === 'en'?await import('src/conf/policy-en.md?raw'):await import('src/conf/policy.md?raw');
+  const response =
+    language === 'en'
+      ? await import('src/conf/policy-en.md?raw')
+      : await import('src/conf/policy.md?raw');
   policy.value = marked.parse(response.default) as string;
   policyDialogVisiable.value = true;
 };
@@ -29,10 +35,8 @@ const readPolicy= async () => {
 
 <template>
   <div class="common-footer">
-    <span class="common-footer-tips"
-      >{{$t('main.opinions')}}</span
-    >
-    <span @click="readAgreement">{{$t('main.service_agreement')}}</span>
+    <span class="common-footer-tips">{{ $t('main.opinions') }}</span>
+    <span @click="readAgreement">{{ $t('main.service_agreement') }}</span>
     <EulerDialog
       :visible="agreeDialogVisiable"
       :content="agreement"
@@ -40,7 +44,9 @@ const readPolicy= async () => {
       :agreement-name="$t('main.service_agreement')"
       @submit="agreeDialogVisiable = false"
     ></EulerDialog>
-    <span class="common-footer-policy" @click="readPolicy">{{$t('main.privacy_policy')}}</span>
+    <span class="common-footer-policy" @click="readPolicy">
+      {{ $t('main.privacy_policy') }}
+    </span>
     <EulerDialog
       :visible="policyDialogVisiable"
       :content="policy"
@@ -50,18 +56,21 @@ const readPolicy= async () => {
     ></EulerDialog>
     <el-tooltip class="box-item" effect="light" placement="top">
       <template #default>
-        <span class="common-footer-content">{{$t('main.contact_us')}}</span>
+        <span class="common-footer-content">{{ $t('main.contact_us') }}</span>
+      </template>
+      <template #content>
+        {{ $t('main.email1') }}
+        <p class="common-footer-email">contact@openeuler.io</p>
       </template>
-      <template #content> {{$t('main.email1')}}<p class="common-footer-email">contact@openeuler.io</p></template>
     </el-tooltip>
-    <span>{{$t('main.version')}}</span>
+    <span>{{ $t('main.version') }}</span>
   </div>
 </template>
 
 <style lang="scss" scoped>
-.common-footer-email{
+.common-footer-email {
   display: inline-block;
-  color:#3291fe;
+  color: #3291fe;
 }
 .common-footer {
   display: flex;
@@ -114,7 +123,11 @@ const readPolicy= async () => {
   }
 
   ::-webkit-scrollbar-track {
-    background-image: linear-gradient(180deg, #e7f0fd 1%, #daeafc 40%) !important;
+    background-image: linear-gradient(
+      180deg,
+      #e7f0fd 1%,
+      #daeafc 40%
+    ) !important;
     display: none;
   }
 
@@ -123,13 +136,13 @@ const readPolicy= async () => {
     height: 3px;
     display: none;
   }
-  
+
   ::-webkit-scrollbar-thumb {
-      background-color: #d3dce9 !important;
-      border-radius: 3px;
-    }
+    background-color: #d3dce9 !important;
+    border-radius: 3px;
+  }
 
-  .el-scrollbar__thumb{
+  .el-scrollbar__thumb {
     width: 1px;
   }
 }
diff --git a/src/components/commonFooter/PrivacyText.vue b/src/components/commonFooter/PrivacyText.vue
index 7e2dd89ce208dfa433b90346157ace703104324b..b8772d9a0ca3c2ffe49431c4cddef9ff0b4a0d00 100644
--- a/src/components/commonFooter/PrivacyText.vue
+++ b/src/components/commonFooter/PrivacyText.vue
@@ -12,12 +12,12 @@
 
     <ul>
       <li>
-        <strong>a.账号服务</strong
-        >，您在注册账户或使用我们的服务时，向我们提供的相关个人信息，例如电话号码、电子邮件等。
+        <strong>a.账号服务</strong>
+        ，您在注册账户或使用我们的服务时，向我们提供的相关个人信息，例如电话号码、电子邮件等。
       </li>
       <li>
-        <strong>b.论坛服务</strong
-        >，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
+        <strong>b.论坛服务</strong>
+        ，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
         <ul>
           <li>
             您通过具有定位功能的移动设备使用我们的服务时，通过GPS或WiFi等方式收集的您的地理位置信息；
@@ -26,8 +26,14 @@
         </ul>
       </li>
       <li>
-        <strong>日志信息</strong
-        >，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的<strong>设备信息</strong>、<strong>浏览信息</strong>、<strong>点击信息</strong>，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
+        <strong>日志信息</strong>
+        ，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的
+        <strong>设备信息</strong>
+        、
+        <strong>浏览信息</strong>
+        、
+        <strong>点击信息</strong>
+        ，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
       </li>
     </ul>
 
@@ -46,7 +52,10 @@
 
     <strong>2.2 我们使用二种类型的Cookie</strong>
     <ul>
-      <li>严格必要的Cookie: 当您使用网站时，Cookie将确保您对该网站的访问尽可能顺利、安全;</li>
+      <li>
+        严格必要的Cookie:
+        当您使用网站时，Cookie将确保您对该网站的访问尽可能顺利、安全;
+      </li>
       <li>
         统计分析Cookie：我们收集关于您使用服务的信息，包括您的单次或多次访问，这些Cookie帮助我们了解服务是如何运行、使用的。我们使用百度提供的统计分析插件。
       </li>
@@ -106,8 +115,8 @@
     </ul>
 
     <li>
-      <strong>位置信息</strong
-      >，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
+      <strong>位置信息</strong>
+      ，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
       <ul>
         <li>
           您通过具有定位功能的移动设备使用我们的服务时，通过GPS或WiFi等方式收集的您的地理位置信息；
@@ -116,8 +125,14 @@
       </ul>
     </li>
     <li>
-      <strong>日志信息</strong
-      >，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的<strong>设备信息</strong>、<strong>浏览信息</strong>、<strong>点击信息</strong>，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
+      <strong>日志信息</strong>
+      ，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的
+      <strong>设备信息</strong>
+      、
+      <strong>浏览信息</strong>
+      、
+      <strong>点击信息</strong>
+      ，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
     </li>
 
     <h2>2. 信息的存储</h2>
@@ -191,9 +206,13 @@
       <li>与国家安全、国防安全直接相关的；</li>
       <li>与公共安全、公共卫生、重大公共利益直接相关的；</li>
       <li>犯罪侦查、起诉、审判和判决执行等直接相关的；</li>
-      <li>出于维护个人信息主体或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；</li>
+      <li>
+        出于维护个人信息主体或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；
+      </li>
       <li>个人信息主体自行向社会公众公开个人信息的；</li>
-      <li>从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。</li>
+      <li>
+        从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。
+      </li>
     </ul>
 
     <h2>6. 您的权利</h2>
@@ -206,9 +225,10 @@
 
     <h2>7. 变更</h2>
     <p>
-      我们可能适时修订本《隐私政策》的条款。当变更发生时，我们会在版本更新时向您提示新的《隐私政策》，并向您说明生效日期。请您仔细阅读变更后的《隐私政策》内容，<strong
-        >若您继续使用我们的服务，即表示您同意我们按照更新后的《隐私政策》处理您的个人信息。</strong
-      >
+      我们可能适时修订本《隐私政策》的条款。当变更发生时，我们会在版本更新时向您提示新的《隐私政策》，并向您说明生效日期。请您仔细阅读变更后的《隐私政策》内容，
+      <strong>
+        若您继续使用我们的服务，即表示您同意我们按照更新后的《隐私政策》处理您的个人信息。
+      </strong>
     </p>
 
     <h2>8. 未成年人保护</h2>
diff --git a/src/components/dialoguePanel/DialogueFlow.vue b/src/components/dialoguePanel/DialogueFlow.vue
index 381cd6feaba77044dd9b537a1549dd3b7197ea77..e222a75add7bac2c2458bf1387e2e0fea3a1a70f 100644
--- a/src/components/dialoguePanel/DialogueFlow.vue
+++ b/src/components/dialoguePanel/DialogueFlow.vue
@@ -28,14 +28,13 @@ watch(
     if (props.isWorkFlowDebug) {
       totalTime.value = 0; // 清空
       // 将每阶段节点耗时累加
-      props.flowdata?.data[0].forEach(item => {
+      props.flowdata?.data[0].forEach((item) => {
         totalTime.value += item.costTime || 0;
       });
     }
   },
   { deep: true, immediate: true },
 );
-
 </script>
 
 <template>
@@ -49,7 +48,12 @@ watch(
   >
     <section>
       <el-collapse v-model="activeNames" class="o-hpc-collapse">
-        <el-collapse-item v-for="item in contents" class="title" :key="item.id" :name="item.id">
+        <el-collapse-item
+          v-for="item in contents"
+          class="title"
+          :key="item.id"
+          :name="item.id"
+        >
           <template #title>
             <div class="loading">
               <img
@@ -70,11 +74,18 @@ watch(
                 alt=""
                 class="o-collapse-icon"
               />
-              <div v-if="!props.isWorkFlowDebug" class="loading-text">{{ props.flowdata.title }}</div>
+              <div v-if="!props.isWorkFlowDebug" class="loading-text">
+                {{ props.flowdata.title }}
+              </div>
               <div v-else class="loading-text">
-                <div class="textTitle">{{ StatusInfoTitle[props.flowdata.status] }}</div>
+                <div class="textTitle">
+                  {{ StatusInfoTitle[props.flowdata.status] }}
+                </div>
                 <div
-                  v-if="props.flowdata.status === 'success' || props.flowdata.status === 'error'"
+                  v-if="
+                    props.flowdata.status === 'success' ||
+                    props.flowdata.status === 'error'
+                  "
                   :class="`${props.flowdata.status}Bg`"
                   class="totalTime"
                 >
@@ -83,14 +94,31 @@ watch(
               </div>
             </div>
             <div class="loading-progress">{{ props.flowdata.progress }}</div>
-            <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(item.id) }">
+            <el-icon
+              class="el-collapse-item__arrow"
+              :class="{ 'is-active': activeNames.includes(item.id) }"
+            >
               <!-- <i class="el-icon-edit"></i> -->
-              <img src="@/assets/images/flow_arrow.png" alt="" class="o-collapse-icon" />
+              <img
+                src="@/assets/images/flow_arrow.png"
+                alt=""
+                class="o-collapse-icon"
+              />
             </el-icon>
           </template>
-          <template v-for="(p, $index) in item.data" :key="$index" class="6645ds">
-            <div v-if="!Array.isArray(p)" class="o-collapse-content">{{ p }}</div>
-            <el-collapse v-else v-model="secondCollapseActiveName" class="o-nest-collapse">
+          <template
+            v-for="(p, $index) in item.data"
+            :key="$index"
+            class="6645ds"
+          >
+            <div v-if="!Array.isArray(p)" class="o-collapse-content">
+              {{ p }}
+            </div>
+            <el-collapse
+              v-else
+              v-model="secondCollapseActiveName"
+              class="o-nest-collapse"
+            >
               <el-collapse-item
                 class="o-collapse-item normal"
                 v-for="secItem in p"
@@ -118,17 +146,33 @@ watch(
                   />
                   <el-icon
                     class="el-collapse-item__arrow"
-                    :class="{ 'is-active': secondCollapseActiveName.includes(secItem.id) }"
+                    :class="{
+                      'is-active': secondCollapseActiveName.includes(
+                        secItem.id,
+                      ),
+                    }"
                   >
                     <!-- <i class="el-icon-edit"></i> -->
-                    <img src="@/assets/images/flow_arrow.png" alt="" class="o-collapse-icon" />
+                    <img
+                      src="@/assets/images/flow_arrow.png"
+                      alt=""
+                      class="o-collapse-icon"
+                    />
                   </el-icon>
                   <span class="title">{{ secItem.title }}</span>
-                  <span v-if="secItem.costTime" class="time" :class="`${secItem.status}Bg`">
+                  <span
+                    v-if="secItem.costTime"
+                    class="time"
+                    :class="`${secItem.status}Bg`"
+                  >
                     {{ secItem.costTime.toFixed(3) }}s
                   </span>
                 </template>
-                <div v-for="(desc, index) in secItem.data" :key="index" class="o-collapse-content">
+                <div
+                  v-for="(desc, index) in secItem.data"
+                  :key="index"
+                  class="o-collapse-content"
+                >
                   <div class="code-bar">
                     <FlowCode :code="desc" :title="index" :disabled="true" />
                   </div>
@@ -187,8 +231,8 @@ watch(
 }
 .title {
   .el-collapse-item__wrap {
-      background-color: var(--o-bg-color-light2);
-    }
+    background-color: var(--o-bg-color-light2);
+  }
   .el-collapse-item__header {
     padding-left: 8px;
     height: 40px;
@@ -245,7 +289,11 @@ watch(
   height: auto;
   width: 100%;
   // padding: 12px;
-  background-color: linear-gradient(127.95deg, rgba(109, 227, 250, 0.2) -1.967%, rgba(90, 179, 255, 0.2) 98.202%);
+  background-color: linear-gradient(
+    127.95deg,
+    rgba(109, 227, 250, 0.2) -1.967%,
+    rgba(90, 179, 255, 0.2) 98.202%
+  );
   border-radius: 8px;
   border-top-left-radius: 0px;
   margin-left: 8px;
diff --git a/src/components/dialoguePanel/DialoguePanel.vue b/src/components/dialoguePanel/DialoguePanel.vue
index 06c253a147d8e1eed38300de97a455cd1cc8895d..200d69b806cd1c6564469cfa7ea3630b12de6372 100644
--- a/src/components/dialoguePanel/DialoguePanel.vue
+++ b/src/components/dialoguePanel/DialoguePanel.vue
@@ -1,23 +1,28 @@
 <script lang="ts" setup>
-import type { DialoguePanelType } from "./type";
-import marked from "src/utils/marked.js";
-import { computed, onBeforeUpdate, onUpdated, ref, withDefaults } from "vue";
-import { writeText } from "src/utils";
-import { useSessionStore, useChangeThemeStore, txt2imgPath, echartsObj } from "src/store/conversation";
+import type { DialoguePanelType } from './type';
+import marked from 'src/utils/marked.js';
+import { computed, onBeforeUpdate, onUpdated, ref, withDefaults } from 'vue';
+import { writeText } from 'src/utils';
+import {
+  useSessionStore,
+  useChangeThemeStore,
+  txt2imgPath,
+  echartsObj,
+} from 'src/store/conversation';
 import { useHistorySessionStore } from 'src/store';
-import AgainstPopover from "src/views/dialogue/components/AgainstPopover.vue";
-import dayjs from "dayjs";
-import xss from "xss";
-import { errorMsg, successMsg } from "src/components/Message";
-import ReportPopover from "src/views/dialogue/components/ReportPopover.vue";
-import DialogueThought from "./DialogueThought.vue";
-import { onMounted, watch, onBeforeUnmount,reactive } from "vue";
+import AgainstPopover from 'src/views/dialogue/components/AgainstPopover.vue';
+import dayjs from 'dayjs';
+import xss from 'xss';
+import { errorMsg, successMsg } from 'src/components/Message';
+import ReportPopover from 'src/views/dialogue/components/ReportPopover.vue';
+import DialogueThought from './DialogueThought.vue';
+import { onMounted, watch, onBeforeUnmount, reactive } from 'vue';
 import * as echarts from 'echarts';
 import color from 'src/assets/color';
-import { Linetooltip , Circlelegend } from './chartsCss'
+import { Linetooltip, Circlelegend } from './chartsCss';
 import i18n from 'src/i18n';
 import { storeToRefs } from 'pinia';
-import { useLangStore } from 'src/store'
+import { useLangStore } from 'src/store';
 const { user_selected_app } = storeToRefs(useHistorySessionStore());
 import { Suggest } from 'src/apis/paths/type';
 const { params } = storeToRefs(useHistorySessionStore());
@@ -28,12 +33,12 @@ const echartsDraw = ref();
 const visible = ref(false);
 export interface DialoguePanelProps {
   key: number;
-  // 
+  //
   cid: number;
   // 用来区分是用户还是ai的输入
   type: DialoguePanelType;
   // 文本内容
-  inputParams:object;
+  inputParams: object;
   // 文本内容
   content?: string[] | string;
   // 当前选中的第n次回答的索引，默认是最新回答
@@ -55,33 +60,33 @@ export interface DialoguePanelProps {
   //
   isLikeList?: number[] | undefined;
   //
-  search_suggestions?:any;
+  search_suggestions?: any;
   //
-  echartsObj?:any;
+  echartsObj?: any;
   //
-  test?:any;
+  test?: any;
   //--时间-问题数-token
-  metadata?:Metadata;
+  metadata?: Metadata;
   // -工作流的相关数据
-  flowdata?:any;
+  flowdata?: any;
   // 缺少的参数列表-有可能
-  paramsList?:any;
+  paramsList?: any;
   // 工作流调试用不到
-  modeOptions:any;
+  modeOptions: any;
   // 新增是否是工作流调试的-用于修改调试抽屉样式
   isWorkFlowDebug: boolean;
 }
-import JsonFormComponent from './JsonFormComponent.vue'
-import { Metadata } from "srcapis/paths/type";
-import DialogueFlow from "./DialogueFlow.vue";
-import { emit, title } from "process";
+import JsonFormComponent from './JsonFormComponent.vue';
+import { Metadata } from 'srcapis/paths/type';
+import DialogueFlow from './DialogueFlow.vue';
+import { emit, title } from 'process';
 
 var option = ref();
 var show = ref(false);
 const size = reactive({
-    width:328,
-    height:416
-  });
+  width: 328,
+  height: 416,
+});
 const themeStore = useChangeThemeStore();
 var myChart;
 const { pausedStream, reGenerateAnswer, prePage, nextPage } = useSessionStore();
@@ -96,29 +101,21 @@ const index = ref(0);
 const isLike = ref(props.isLikeList);
 const emits = defineEmits<{
   (
-    e: "commont",
-    type: "support" | "against",
+    e: 'commont',
+    type: 'support' | 'against',
     qaRecordId: string,
     reason?: string,
     reasion_link?: string,
-    reason_description?: string
-  ): void;
-  (
-    e: 'report',
-    qaRecordId:string,
-    reason?: string,
+    reason_description?: string,
   ): void;
+  (e: 'report', qaRecordId: string, reason?: string): void;
   (
     e: 'handleSendMessage',
-    groupId: string|undefined,
-    question:string,
-    user_selected_flow?:any,
-
-  ): void;
-  (
-    e: 'clearSuggestion',
-    index: number,
+    groupId: string | undefined,
+    question: string,
+    user_selected_flow?: any,
   ): void;
+  (e: 'clearSuggestion', index: number): void;
 }>();
 
 // #region ----------------------------------------< pause and regenerate >--------------------------------------
@@ -131,10 +128,10 @@ const handlePauseAndReGenerate = (cid?: number) => {
     return;
   }
 
-  emits("clearSuggestion", props.key);
+  emits('clearSuggestion', props.key);
   if (props.isFinish) {
     // 重新生成
-    thoughtContent.value = "";
+    thoughtContent.value = '';
     reGenerateAnswer(cid, user_selected_app.value);
   } else {
     // 停止生成
@@ -158,14 +155,14 @@ const handleCopy = (): void => {
  * 赞同与反对
  */
 const handleSupport = async (
-  type: "support" | "against" | "report"
+  type: 'support' | 'against' | 'report',
 ): Promise<void> => {
-  if (type === "support") {
+  if (type === 'support') {
     const qaRecordId = props.recordList[index.value];
-    emits("commont", type, props.cid, qaRecordId, index.value);
+    emits('commont', type, props.cid, qaRecordId, index.value);
     isLike.value[index.value] = 1;
     handleIsLike();
-  } else if (type === "against") {
+  } else if (type === 'against') {
     isAgainstVisible.value = true;
   } else {
     isReportVisible.value = true;
@@ -181,18 +178,18 @@ const handleSupport = async (
 const handleAgainst = async (
   reason: string,
   reasionLink?: string,
-  reasonDescription?: string
+  reasonDescription?: string,
 ): Promise<void> => {
   const qaRecordId = props.recordList[index.value];
   emits(
-    "commont",
-    "against",
+    'commont',
+    'against',
     props.cid,
     qaRecordId,
     index.value,
     reason,
     reasionLink,
-    reasonDescription
+    reasonDescription,
   );
   isAgainstVisible.value = false;
   isLike.value[index.value] = 0;
@@ -204,17 +201,17 @@ const handleOutsideClick = () => {
 };
 
 const bindDocumentClick = () => {
-  document.addEventListener("click", handleOutsideClick);
+  document.addEventListener('click', handleOutsideClick);
 };
 
 const unbindDocumentClick = () => {
-  document.removeEventListener("click", handleOutsideClick);
+  document.removeEventListener('click', handleOutsideClick);
 };
 
 // 举报功能
 const handleReport = async (reason: string): Promise<void> => {
   const qaRecordId = props.recordList[index.value];
-  emits("report", qaRecordId, reason);
+  emits('report', qaRecordId, reason);
   isAgainstVisible.value = false;
 };
 
@@ -225,12 +222,12 @@ const handleReportClick = () => {
 
 //处理举报逻辑
 const bindReportClick = () => {
-  document.addEventListener("click", handleReportClick);
+  document.addEventListener('click', handleReportClick);
 };
 
 //处理举报逻辑
 const unbindReportClick = () => {
-  document.removeEventListener("click", handleReportClick);
+  document.removeEventListener('click', handleReportClick);
 };
 
 const isAgainstVisible = ref<boolean>(false);
@@ -240,18 +237,24 @@ const txt2imgPathZoom = ref('');
 // 解析完成后的文本内容
 const contentAfterMark = computed(() => {
   if (!props.content) {
-    return "";
+    return '';
   }
   //xxs将大于号转为html实体以防歧义；将< >替换为正常字符；
   let str = marked.parse(
     xss(props.content[props.currentSelected])
-      .replace(/&gt;/g, ">")
-      .replace(/&lt;/g, "<")
-  )
+      .replace(/&gt;/g, '>')
+      .replace(/&lt;/g, '<'),
+  );
   //将table提取出来中加一个<div>父节点控制溢出
   let tableStart = str.indexOf('<table>');
-  if(tableStart!== -1){
-    str = str.slice(0, tableStart) + '<div class="overflowTable">' + str.slice(tableStart, str.indexOf('</table>') + '</table>'.length).replace('</table>', '</table></div>') + str.slice(str.indexOf('</table>') + '</table>'.length);
+  if (tableStart !== -1) {
+    str =
+      str.slice(0, tableStart) +
+      '<div class="overflowTable">' +
+      str
+        .slice(tableStart, str.indexOf('</table>') + '</table>'.length)
+        .replace('</table>', '</table></div>') +
+      str.slice(str.indexOf('</table>') + '</table>'.length);
   }
   //仅获取第一个遇到的 think 标签
   const startIndex = str.indexOf('<think>');
@@ -260,16 +263,15 @@ const contentAfterMark = computed(() => {
     // 计算 <a> 之后的字符串
     const contentAfterA = str.substring(startIndex + 7); // +2 是因为我们要跳过 <a> 这两个字符
     thoughtContent.value = contentAfterA;
-    return "";
-  }
-  else if(startIndex !== -1 && endIndex !== -1){
-  thoughtContent.value = str.match(/<think>([\s\S]*?)<\/think>/)[1];
+    return '';
+  } else if (startIndex !== -1 && endIndex !== -1) {
+    thoughtContent.value = str.match(/<think>([\s\S]*?)<\/think>/)[1];
   }
-  return str.replace(/<think>([\s\S]*?)<\/think>/g,'');  
+  return str.replace(/<think>([\s\S]*?)<\/think>/g, '');
 });
 
 const prePageHandle = (cid: number) => {
-  thoughtContent.value = "";
+  thoughtContent.value = '';
   prePage(cid);
   if (index.value === 0) {
     index.value = 0;
@@ -280,7 +282,7 @@ const prePageHandle = (cid: number) => {
 };
 
 const nextPageHandle = (cid: number) => {
-  thoughtContent.value = "";
+  thoughtContent.value = '';
   nextPage(cid);
   if (index.value === (props.isLikeList as number[]).length - 1) {
     index.value = (props.isLikeList as number[]).length - 1;
@@ -327,50 +329,54 @@ watch(
       isLike.value = props.isLikeList;
       handleIsLike();
     }
-  }
+  },
 );
 
 watch(
   () => props.test,
   () => {
-    if(props.test){
+    if (props.test) {
       const chartDom = echartsDraw.value;
-    echartsDraw.value.style.display = 'block';
-    chartDom.style.width = '100%';
-    chartDom.style.height = '800px';
-    chartDom.style.marginTop = '10px';
-    myChart = echarts.init(echartsDraw.value,themeStore.theme === 'dark' ? "dark" : "light");
-    myChart.setOption(echartsObj.value);
-    option.value = echartsObj.value;
-    show.value = true;
-    echartsObj.value = {};
+      echartsDraw.value.style.display = 'block';
+      chartDom.style.width = '100%';
+      chartDom.style.height = '800px';
+      chartDom.style.marginTop = '10px';
+      myChart = echarts.init(
+        echartsDraw.value,
+        themeStore.theme === 'dark' ? 'dark' : 'light',
+      );
+      myChart.setOption(echartsObj.value);
+      option.value = echartsObj.value;
+      show.value = true;
+      echartsObj.value = {};
     }
-  }
+  },
 );
 
 watch(
   () => themeStore.theme,
   () => {
-    if(myChart && option){
-    if (myChart) {  
-        myChart.dispose();  
-    }  
-    myChart = echarts.init(echartsDraw.value,themeStore.theme === 'dark' ? "dark" : "light");
-    option.value.series[0].color = color;
-    myChart.setOption(option.value);
+    if (myChart && option) {
+      if (myChart) {
+        myChart.dispose();
+      }
+      myChart = echarts.init(
+        echartsDraw.value,
+        themeStore.theme === 'dark' ? 'dark' : 'light',
+      );
+      option.value.series[0].color = color;
+      myChart.setOption(option.value);
     }
-  }
+  },
 );
 
 watch(
   () => language.value,
   () => {
-      popperSize();
+    popperSize();
   },
 );
 
-
-
 onBeforeUnmount(() => {
   isLike.value = undefined;
   index.value = 0;
@@ -380,154 +386,230 @@ const answer_zoom = ref(false);
 const zoom_in = (event) => {
   txt2imgPathZoom.value = event.target.currentSrc;
   answer_zoom.value = true;
-}
+};
 
 const zoom_out = () => {
   answer_zoom.value = false;
-}
+};
 
-const selectQuestion = (item:Suggest) => {
+const selectQuestion = (item: Suggest) => {
   let question = item.question;
   let user_selected_flow = item.flowId;
-  if(user_selected_flow){
-    emits('handleSendMessage',undefined,question,user_selected_flow);
-  }else{
-    emits('handleSendMessage',undefined,question);
+  if (user_selected_flow) {
+    emits('handleSendMessage', undefined, question, user_selected_flow);
+  } else {
+    emits('handleSendMessage', undefined, question);
   }
-  
 };
 
 const popperSize = () => {
-  if(language.value == "EN"){
+  if (language.value == 'EN') {
     size.width = 418;
     size.height = 496;
-    return size
-  }else{
-    return size
+    return size;
+  } else {
+    return size;
   }
-}
+};
 const { conversationList } = storeToRefs(useSessionStore());
 const { sendQuestion } = useSessionStore();
 
-
 const chatWithParams = async () => {
   visible.value = false;
   const language = localStorage.getItem('localeLang') === 'CN' ? 'zh' : 'en';
   const len = conversationList.value.length;
-  const question = (conversationList.value[props.cid - 1]).message;
-  const flowId = (conversationList.value[props.cid]).flowdata.flowId;
-  await sendQuestion(undefined,question, user_selected_app.value, undefined, undefined, flowId,params.value);
-}
+  const question = conversationList.value[props.cid - 1].message;
+  const flowId = conversationList.value[props.cid].flowdata.flowId;
+  await sendQuestion(
+    undefined,
+    question,
+    user_selected_app.value,
+    undefined,
+    undefined,
+    flowId,
+    params.value,
+  );
+};
 
 const searchAppName = (appId) => {
-  for(let item in props.modeOptions){
-    if(props.modeOptions[item].value == appId){
-      return props.modeOptions[item].label
+  for (let item in props.modeOptions) {
+    if (props.modeOptions[item].value == appId) {
+      return props.modeOptions[item].label;
     }
   }
-  return ''
-    }
+  return '';
+};
 
-const handleSendMessage = async (question, user_selected_flow, user_selected_app) => {
+const handleSendMessage = async (
+  question,
+  user_selected_flow,
+  user_selected_app,
+) => {
   visible.value = false;
   // handleSendMessage(undefined,undefined,user_selected_app.value);
-}
-
+};
 </script>
 <template>
-  <div class="dialogue-panel" :class="{ workFlowDebugStyle: props.isWorkFlowDebug }">
+  <div
+    class="dialogue-panel"
+    :class="{ workFlowDebugStyle: props.isWorkFlowDebug }"
+  >
     <div class="dialogue-panel__user" v-if="props.type === 'user'">
       <div class="dialogue-panel__user-time" v-if="createdAt">
         <div class="centerTimeStyle">
-          {{ dayjs(createdAt * 1000).format("YYYY-MM-DD HH:mm:ss") }}
+          {{ dayjs(createdAt * 1000).format('YYYY-MM-DD HH:mm:ss') }}
         </div>
       </div>
       <div class="dialogue-panel__user-time" v-else>
         <div class="centerTimeStyle">
-          {{ dayjs(Date.now()).format("YYYY-MM-DD HH:mm:ss") }}
+          {{ dayjs(Date.now()).format('YYYY-MM-DD HH:mm:ss') }}
         </div>
       </div>
       <div class="dialogue-panel__content">
         <img v-if="avatar" :src="avatar" />
         <div v-else class="userArea">
-          <img v-if="themeStore.theme === 'dark'" src="@/assets/images/dark_user.png" />
+          <img
+            v-if="themeStore.theme === 'dark'"
+            src="@/assets/images/dark_user.png"
+          />
           <img v-else src="@/assets/images/light_user.png" />
         </div>
         <div class="content" v-if="content">
           <div class="message">{{ content }}</div>
-          <JsonFormComponent :code="props.inputParams" title="参数补充" v-if="props.inputParams" type="input" />
+          <JsonFormComponent
+            :code="props.inputParams"
+            title="参数补充"
+            v-if="props.inputParams"
+            type="input"
+          />
         </div>
-
       </div>
     </div>
     <!-- AI回答 -->
     <div class="dialogue-panel__robot" v-else>
       <div class="dialogue-panel__robot-content">
         <!-- 这里是flowData -->
-      <DialogueFlow v-if="flowdata" :isWorkFlowDebug="props.isWorkFlowDebug"  :flowdata="props.flowdata"/>
-      <DialogueThought :content=thoughtContent v-if="thoughtContent" />
-      <div v-if="contentAfterMark" id="markdown-preview">
-        <div v-html="contentAfterMark"></div>
-      <a v-if="props.paramsList" @click="visible = true">补充参数</a>
-        <!-- <img class="answer_img" src="" alt="" @click="zoom_in($event)" /> -->
-        <div class="loading-echarts">
-          <div ref="echartsDraw"  class="draw" style=" color: grey ;"></div>
+        <DialogueFlow
+          v-if="flowdata"
+          :isWorkFlowDebug="props.isWorkFlowDebug"
+          :flowdata="props.flowdata"
+        />
+        <DialogueThought :content="thoughtContent" v-if="thoughtContent" />
+        <div v-if="contentAfterMark" id="markdown-preview">
+          <div v-html="contentAfterMark"></div>
+          <a v-if="props.paramsList" @click="visible = true">补充参数</a>
+          <!-- <img class="answer_img" src="" alt="" @click="zoom_in($event)" /> -->
+          <div class="loading-echarts">
+            <div ref="echartsDraw" class="draw" style="color: grey"></div>
+          </div>
+        </div>
+        <el-dialog
+          :model-value="visible"
+          :show-close="false"
+          width="50%"
+          height="60%"
+          title="补充参数"
+          :close-on-press-escape="false"
+          :close-on-click-modal="false"
+          align-center
+          overflow="scroll"
+        >
+          <JsonFormComponent
+            :code="props.paramsList"
+            title="参数补充"
+            v-if="props.paramsList"
+            type="code"
+          />
+          <div class="button-group">
+            <el-button class="confirm-button" @click="chatWithParams()">
+              {{ $t('history.ok') }}
+            </el-button>
+            <el-button class="confirm-button" @click="visible = false">
+              {{ $t('history.cancel') }}
+            </el-button>
+          </div>
+        </el-dialog>
+        <div
+          class="loading"
+          v-if="
+            !contentAfterMark &&
+            !isFinish &&
+            !$slots.default &&
+            !flowdata &&
+            !thoughtContent
+          "
+        >
+          <img src="@/assets/images/loading.png" alt="" class="loading-icon" />
+          <div class="loading-text">
+            {{ $t('feedback.eulercopilot_is_thinking') }}
+          </div>
         </div>
       </div>
-      <el-dialog
-    :model-value="visible"
-    :show-close="false"
-    width="50%"
-    height="60%"
-    title="补充参数" 
-    :close-on-press-escape="false"
-    :close-on-click-modal="false"
-    align-center
-    overflow="scroll"
-    >
-    <JsonFormComponent :code="props.paramsList" title="参数补充" v-if="props.paramsList" type="code" />
-    <div class="button-group">
-        <el-button class="confirm-button"  @click="chatWithParams()">{{$t('history.ok')}}</el-button>
-        <el-button class="confirm-button"  @click="visible = false">{{$t('history.cancel')}}</el-button>
-      </div>
-    </el-dialog>
-      <div class="loading" v-if="!contentAfterMark && !isFinish && !$slots.default &&!flowdata &&!thoughtContent">
-        <img src="@/assets/images/loading.png" alt="" class="loading-icon">
-        <div class="loading-text">{{$t('feedback.eulercopilot_is_thinking')}}</div>
-      </div>
-    </div>
       <div v-if="$slots.default" class="dialogue-panel__robot-slot">
         <slot name="default"></slot>
       </div>
-      <div class="dialogue-panel__robot-bottom" v-if="!$slots.default && contentAfterMark">
+      <div
+        class="dialogue-panel__robot-bottom"
+        v-if="!$slots.default && contentAfterMark"
+      >
         <div class="action-buttons">
           <div class="pagenation" v-if="isFinish">
-            <div class="pagenation-item" v-if="props.metadata">tokens:{{ props.metadata?.inputTokens }}↑| {{ props.metadata?.outputTokens }}‌↓| {{ Number(props.metadata?.timeCost).toFixed(2) }}</div>
-              <img
-                class="pagenation-arror"
-                @click="prePageHandle(Number(cid))"
-                src="@/assets/svgs/arror_left.svg"
-              />
-              <span class="pagenation-cur">{{ currentSelected! + 1 }}</span>
-              <span class="pagenation-total">{{ `/${content?.length}` }}</span>
-              <img
-                class="pagenation-arror"
-                @click="nextPageHandle(Number(cid))"
-                src="@/assets/svgs/arror_right.svg"
-              />
+            <div class="pagenation-item" v-if="props.metadata">
+              tokens:{{ props.metadata?.inputTokens }}↑|
+              {{ props.metadata?.outputTokens }}‌↓|
+              {{ Number(props.metadata?.timeCost).toFixed(2) }}
             </div>
-          <div class="regenerate-button" v-if="needRegernerate && isFinish && !flowdata" @click="handlePauseAndReGenerate(Number(cid))">
-            <img v-if="themeStore.theme === 'dark'" src="@/assets/svgs/dark_regenerate.svg" alt="">
-            <img v-else src="@/assets/svgs/light_regenerate.svg" alt="">
-            <div>{{$t('feedback.regenerate')}}</div>
+            <img
+              class="pagenation-arror"
+              @click="prePageHandle(Number(cid))"
+              src="@/assets/svgs/arror_left.svg"
+            />
+            <span class="pagenation-cur">{{ currentSelected! + 1 }}</span>
+            <span class="pagenation-total">{{ `/${content?.length}` }}</span>
+            <img
+              class="pagenation-arror"
+              @click="nextPageHandle(Number(cid))"
+              src="@/assets/svgs/arror_right.svg"
+            />
+          </div>
+          <div
+            class="regenerate-button"
+            v-if="needRegernerate && isFinish && !flowdata"
+            @click="handlePauseAndReGenerate(Number(cid))"
+          >
+            <img
+              v-if="themeStore.theme === 'dark'"
+              src="@/assets/svgs/dark_regenerate.svg"
+              alt=""
+            />
+            <img v-else src="@/assets/svgs/light_regenerate.svg" alt="" />
+            <div>{{ $t('feedback.regenerate') }}</div>
           </div>
 
           <div class="button-group" v-if="isFinish">
-            <el-tooltip placement="top"  :content="$t('feedback.copy')" effect="light">
-              <img v-if="themeStore.theme === 'dark'" class="button-icon copy" src="@/assets/svgs/dark_copy.svg" @click="handleCopy" />
-              <img v-else class="button-icon copy" src="@/assets/svgs/light_copy.svg" @click="handleCopy" />
+            <el-tooltip
+              placement="top"
+              :content="$t('feedback.copy')"
+              effect="light"
+            >
+              <img
+                v-if="themeStore.theme === 'dark'"
+                class="button-icon copy"
+                src="@/assets/svgs/dark_copy.svg"
+                @click="handleCopy"
+              />
+              <img
+                v-else
+                class="button-icon copy"
+                src="@/assets/svgs/light_copy.svg"
+                @click="handleCopy"
+              />
             </el-tooltip>
-            <el-tooltip placement="top" :content="$t('feedback.good_answer')" effect="light">
+            <el-tooltip
+              placement="top"
+              :content="$t('feedback.good_answer')"
+              effect="light"
+            >
               <img
                 class="button-icon simg"
                 v-if="!isSupport && themeStore.theme === 'dark'"
@@ -554,21 +636,48 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
               ref="tooltip"
             >
               <div class="against-button">
-                <el-popover placement="bottom-end" :visible="isAgainstVisible" width="328" height="328"
-                  @after-enter="bindDocumentClick" @after-leave="unbindDocumentClick">
+                <el-popover
+                  placement="bottom-end"
+                  :visible="isAgainstVisible"
+                  width="328"
+                  height="328"
+                  @after-enter="bindDocumentClick"
+                  @after-leave="unbindDocumentClick"
+                >
                   <template #reference>
-                    <img class="button-icon" v-if="!isAgainst && themeStore.theme === 'dark'"
-                      src="@/assets/svgs/dark_against.svg" @click="handleSupport('against')" />
-                    <img class="button-icon" v-if="!isAgainst && themeStore.theme === 'light'"
-                      src="@/assets/svgs/light_against.svg" @click="handleSupport('against')" />
-                    <img class="button-icon" v-if="isAgainst" src="@/assets/svgs/against_active.svg"
-                      @click="handleSupport('against')" />
+                    <img
+                      class="button-icon"
+                      v-if="!isAgainst && themeStore.theme === 'dark'"
+                      src="@/assets/svgs/dark_against.svg"
+                      @click="handleSupport('against')"
+                    />
+                    <img
+                      class="button-icon"
+                      v-if="!isAgainst && themeStore.theme === 'light'"
+                      src="@/assets/svgs/light_against.svg"
+                      @click="handleSupport('against')"
+                    />
+                    <img
+                      class="button-icon"
+                      v-if="isAgainst"
+                      src="@/assets/svgs/against_active.svg"
+                      @click="handleSupport('against')"
+                    />
                   </template>
-                  <AgainstPopover @click.stop @close="isAgainstVisible = false" @submit="handleAgainst" />
+                  <AgainstPopover
+                    @click.stop
+                    @close="isAgainstVisible = false"
+                    @submit="handleAgainst"
+                  />
                 </el-popover>
               </div>
             </el-tooltip>
-            <el-tooltip placement="top" :content="$t('feedback.report')" effect="light" ref="tooltip">
+            <el-tooltip
+              placement="top"
+              :content="$t('feedback.report')"
+              effect="light"
+              ref="tooltip"
+            >
               <div class="against-button">
                 <el-popover
                   placement="bottom-end"
@@ -579,24 +688,41 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
                   @after-leave="unbindReportClick"
                 >
                   <template #reference>
-                    <img v-if="themeStore.theme === 'dark'" class="button-icon" src="@/assets/svgs/dark_report.svg"
-                      @click="handleSupport('report')" />
-                    <img v-if="themeStore.theme === 'light'" class="button-icon" src="@/assets/svgs/light_report.svg"
-                      @click="handleSupport('report')" />
+                    <img
+                      v-if="themeStore.theme === 'dark'"
+                      class="button-icon"
+                      src="@/assets/svgs/dark_report.svg"
+                      @click="handleSupport('report')"
+                    />
+                    <img
+                      v-if="themeStore.theme === 'light'"
+                      class="button-icon"
+                      src="@/assets/svgs/light_report.svg"
+                      @click="handleSupport('report')"
+                    />
                   </template>
-                  <ReportPopover @click.stop @close="isReportVisible = false" @report="handleReport" />
+                  <ReportPopover
+                    @click.stop
+                    @close="isReportVisible = false"
+                    @report="handleReport"
+                  />
                 </el-popover>
               </div>
             </el-tooltip>
           </div>
         </div>
       </div>
-      <div class='search-suggestions' v-if='props.search_suggestions'>
-        <h4 class='tip'>{{$t('feedback.try_ask_me')}}</h4>
-        <ul class='search-suggestions_value'>
-          <li class='value'
-          v-for="(item, index) in props.search_suggestions" >
-          <p @click='selectQuestion(item)'><p class='test' v-if='item.appId'>#{{searchAppName(item.appId)}}</p>{{item.question}}</p></li>
+      <div class="search-suggestions" v-if="props.search_suggestions">
+        <h4 class="tip">{{ $t('feedback.try_ask_me') }}</h4>
+        <ul class="search-suggestions_value">
+          <li class="value" v-for="(item, index) in props.search_suggestions">
+            <div @click="selectQuestion(item)">
+              <p class="test" v-if="item.appId">
+                #{{ searchAppName(item.appId) }}
+              </p>
+              {{ item.question }}
+            </div>
+          </li>
         </ul>
       </div>
     </div>
@@ -608,7 +734,6 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
 </template>
 
 <style lang="scss">
-
 .button-group {
   text-align: center;
   .confirm-button {
@@ -619,18 +744,18 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
     font-size: 12px;
   }
 }
-.overflowTable{
+.overflowTable {
   overflow-x: scroll;
 }
 
-.test{
+.test {
   display: inline-block;
   margin-right: 8px;
   font-size: 14px;
   background-image: linear-gradient(to right, #6d75fa, #5ab3ff);
- background-clip: text;
- color: transparent;
- line-height: 32px;
+  background-clip: text;
+  color: transparent;
+  line-height: 32px;
 }
 .answer_img_mask {
   position: fixed;
@@ -657,8 +782,8 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
   }
 }
 
-.el-popper[role="tooltip"].is-dark,
-.el-popper[role="tooltip"].is-light {
+.el-popper[role='tooltip'].is-dark,
+.el-popper[role='tooltip'].is-light {
   background-color: var(--o-bg-color-base);
 }
 
@@ -667,7 +792,7 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
   visibility: hidden;
 }
 
-.el-popper[role="tooltip"] {
+.el-popper[role='tooltip'] {
   max-width: 500px;
 }
 
@@ -748,18 +873,21 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
     word-break: auto-phrase;
   }
 
-  .el-radio-button__original-radio:checked+.el-radio-button__inner {
+  .el-radio-button__original-radio:checked + .el-radio-button__inner {
     border: none;
     background-color: transparent;
     color: #6395fd;
-    background-image: linear-gradient(to right,
-        rgba(109, 117, 250, 0.2),
-        rgba(90, 179, 255, 0.2));
+    background-image: linear-gradient(
+      to right,
+      rgba(109, 117, 250, 0.2),
+      rgba(90, 179, 255, 0.2)
+    );
   }
 }
 
 .svg:hover {
-  filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg) brightness(100%) contrast(103%);
+  filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg)
+    brightness(100%) contrast(103%);
 }
 
 .against-button {
@@ -795,38 +923,37 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
 }
 </style>
 <style lang="scss" scoped>
-
-.search-suggestions{
+.search-suggestions {
   display: flex;
   line-height: 24px;
   margin-top: 16px;
 
-  &_value{
+  &_value {
     display: flex;
     flex-wrap: wrap;
   }
-  .tip{
-    color:var(--o-text-color-secondary);
+  .tip {
+    color: var(--o-text-color-secondary);
     font-size: 12px;
     height: 32px;
     line-height: 32px;
     align-self: center;
     font-weight: 100;
-    flex-shrink: 0
+    flex-shrink: 0;
   }
-  .value{
+  .value {
     display: flex;
-    color:var(--o-text-color-secondary);
+    color: var(--o-text-color-secondary);
     background-color: var(--o-bg-color-base);
     border-radius: 8px;
     padding: 8px 16px;
     margin: 0 0 8px 8px;
     font-size: 12px;
     &:hover {
-        background-image: linear-gradient(to right, #6d75fa, #5ab3ff);
-        color: var(--o-text-color-fourth);
+      background-image: linear-gradient(to right, #6d75fa, #5ab3ff);
+      color: var(--o-text-color-fourth);
     }
-    p{
+    p {
       align-content: center;
       align-items: center;
       line-height: 16px;
@@ -836,7 +963,7 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
 .dialogue-panel {
   // padding-right: 25px;
   // padding: 0px 15%;
-  width:1000px;
+  width: 1000px;
   &__user {
     position: relative;
     margin-bottom: 24px;
@@ -879,15 +1006,17 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
       // align-items: center;
       color: var(--o-text-color-primary);
       margin-left: 45px;
-      background-image: linear-gradient(to right,
-          rgba(109, 117, 250, 0.2),
-          rgba(90, 179, 255, 0.2));
-          .messaege {
-            top: 10px;
-            margin-top: 24px;
-            display: block;
-            width: 100%;
-          }
+      background-image: linear-gradient(
+        to right,
+        rgba(109, 117, 250, 0.2),
+        rgba(90, 179, 255, 0.2)
+      );
+      .messaege {
+        top: 10px;
+        margin-top: 24px;
+        display: block;
+        width: 100%;
+      }
     }
   }
 
@@ -915,13 +1044,13 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
       }
 
       &::before {
-        content: "";
+        content: '';
         position: absolute;
         top: 0px;
         width: 48px;
         height: 48px;
         left: -10px;
-        background-image: url("src/assets/images/robot.png");
+        background-image: url('src/assets/images/robot.png');
       }
 
       &-icon {
@@ -947,13 +1076,13 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
       }
 
       &::before {
-        content: "";
+        content: '';
         position: absolute;
         left: -10px;
         top: 30px;
         width: 48px;
         height: 48px;
-        background-image: url("src/assets/images/robot.png");
+        background-image: url('src/assets/images/robot.png');
       }
     }
 
@@ -967,13 +1096,13 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
       color: var(--o-text-color-primary);
 
       &::before {
-        content: "";
+        content: '';
         position: absolute;
         left: -10px;
         top: 0px;
         width: 48px;
         height: 48px;
-        background-image: url("src/assets/images/robot.png");
+        background-image: url('src/assets/images/robot.png');
       }
     }
 
@@ -1062,11 +1191,13 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
           }
 
           .copy:hover {
-            filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg) brightness(100%) contrast(103%) contrast(99%);
+            filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg)
+              brightness(100%) contrast(103%) contrast(99%);
           }
 
           .button-icon:hover {
-            filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg) brightness(100%) contrast(103%) contrast(99%);
+            filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg)
+              brightness(100%) contrast(103%) contrast(99%);
           }
 
           img {
@@ -1142,13 +1273,13 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
   }
   .dialogue-panel__user-time {
     height: 20px;
-    line-height: 20px;    
+    line-height: 20px;
     .centerTimeStyle {
       width: 136px;
       padding: 0 8px;
       background-color: var(--o-time-text);
       border-radius: 12px;
-    }   
+    }
   }
   .dialogue-panel__robot {
     gap: 16px;
@@ -1222,7 +1353,7 @@ const handleSendMessage = async (question, user_selected_flow, user_selected_app
           }
         }
         .el-collapse-item__content {
-          margin:0px 16px;
+          margin: 0px 16px;
         }
       }
       // 调试抽屉中echarts无需显示
diff --git a/src/components/dialoguePanel/DialogueThought.vue b/src/components/dialoguePanel/DialogueThought.vue
index 12b3a6749a511823c3d072f53fde8d674bae3a7b..6caff4b4ef5fb237369979990b72993eb150b1a9 100644
--- a/src/components/dialoguePanel/DialogueThought.vue
+++ b/src/components/dialoguePanel/DialogueThought.vue
@@ -4,15 +4,19 @@
       <!-- <span class="think-label">think</span> -->
       <div class="collapse-control">
         <div :class="{ 'is-collapsed': isCollapsed }" class="collapse-icon">
-           <el-icon>
-            <IconCaretDown/>
-           </el-icon>
+          <el-icon>
+            <IconCaretDown />
+          </el-icon>
         </div>
         <span class="collapse-text">思考</span>
       </div>
     </div>
     <transition name="collapse">
-      <div v-show="!isCollapsed" class="thought-content" v-html="contentAfterMark"></div>
+      <div
+        v-show="!isCollapsed"
+        class="thought-content"
+        v-html="contentAfterMark"
+      ></div>
     </transition>
   </div>
 </template>
@@ -38,7 +42,9 @@ const contentAfterMark = computed(() => {
     return '';
   }
   //xxs将大于号转为html实体以防歧义；将< >替换为正常字符；
-  let str = marked.parse(xss(props.content).replace(/&gt;/g, '>').replace(/&lt;/g, '<'));
+  let str = marked.parse(
+    xss(props.content).replace(/&gt;/g, '>').replace(/&lt;/g, '<'),
+  );
   return str;
 });
 </script>
diff --git a/src/components/dialoguePanel/FlowCode.vue b/src/components/dialoguePanel/FlowCode.vue
index fb129587e7290179458d24b8e881279d54c97803..68728b3237fb8f73e6c94acd6db48df1ff533950 100644
--- a/src/components/dialoguePanel/FlowCode.vue
+++ b/src/components/dialoguePanel/FlowCode.vue
@@ -1,5 +1,13 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, withDefaults, watch, shallowRef, reactive } from 'vue';
+import {
+  ref,
+  computed,
+  onMounted,
+  withDefaults,
+  watch,
+  shallowRef,
+  reactive,
+} from 'vue';
 import { Codemirror } from 'vue-codemirror';
 import { json } from '@codemirror/lang-json';
 import { oneDark } from '@codemirror/theme-one-dark';
@@ -33,13 +41,13 @@ const code = ref(JSON.stringify(props.code, null, 2));
 const codeMirrorView = shallowRef();
 // const extensions = [StreamLanguage.define(json)];
 const extensions = ref([json()]);
-const handleReady = payload => {
+const handleReady = (payload) => {
   codeMirrorView.value = payload.view;
   setTimeout(() => {
     payload.view.scrollDOM.scrollTop = 0;
   }, 100);
 };
-const handleChange = payload => {
+const handleChange = (payload) => {
   params.value = payload;
 };
 
@@ -50,7 +58,7 @@ const copy = () => {
       .then(() => {
         console.log('文本已复制到剪切板');
       })
-      .catch(err => {
+      .catch((err) => {
         console.error('复制文本时出错:', err);
       });
   }
@@ -58,14 +66,14 @@ const copy = () => {
 
 watch(
   () => code,
-  newVal => {
+  (newVal) => {
     params.value = code;
   },
 );
 
 watch(
   () => themeStore.theme,
-  newVal => {
+  (newVal) => {
     if (themeStore.theme === 'dark') {
       extensions.value = [json(), oneDark];
     } else {
@@ -89,8 +97,11 @@ onMounted(() => {
       <span v-else-if="props.title === 'output'">输出</span>
       <span v-else-if="props.title === 'params'">参数</span>
       <span v-else>补充参数 {{ props.title }}</span>
-      <span @click="copy()" class="copyIcon"
-      :class="themeStore.theme === 'light' ? 'lightCopy' : 'darkCopy'"></span>
+      <span
+        @click="copy()"
+        class="copyIcon"
+        :class="themeStore.theme === 'light' ? 'lightCopy' : 'darkCopy'"
+      ></span>
     </div>
     <div class="code-container">
       <Codemirror
diff --git a/src/components/dialoguePanel/JsonFormComponent.vue b/src/components/dialoguePanel/JsonFormComponent.vue
index 35272dd8b4f900f37ec465307b51ac4c0fd191a8..54a82eef4c35234f2d31be42443c1bedcfca24f6 100644
--- a/src/components/dialoguePanel/JsonFormComponent.vue
+++ b/src/components/dialoguePanel/JsonFormComponent.vue
@@ -1,30 +1,29 @@
-  
-<script lang="ts"  setup>
+<script lang="ts" setup>
 import { ref, onMounted, withDefaults, watch } from 'vue';
 import FlowCode from './FlowCode.vue';
 import { useHistorySessionStore } from 'src/store';
 import { storeToRefs } from 'pinia';
 const { params } = storeToRefs(useHistorySessionStore());
 
-  const visible = ref(true);
-  const props = withDefaults(
+const visible = ref(true);
+const props = withDefaults(
   defineProps<{
     code: any; // 添加jsonData属性
     title: string;
     type: string;
-  }>(),{}
-); 
+  }>(),
+  {},
+);
 const descriptions = ref({});
 
-const schema = ref(props.code)||{};
+const schema = ref(props.code) || {};
 const inputCode = ref();
-if(props.type !== 'code'){
-if(typeof props.code === 'string'){
-  inputCode.value = JSON.parse(props.code)||{};
-
-}else{
-  inputCode.value = props.code||{};
-}
+if (props.type !== 'code') {
+  if (typeof props.code === 'string') {
+    inputCode.value = JSON.parse(props.code) || {};
+  } else {
+    inputCode.value = props.code || {};
+  }
 }
 function generateJsonObjectFromSchema(code) {
   // 创建一个空对象来存储最终的 JSON 对象
@@ -34,10 +33,10 @@ function generateJsonObjectFromSchema(code) {
   for (const key in schema.properties) {
     if (schema.properties.hasOwnProperty(key)) {
       const propertySchema = schema.properties[key];
-      const str = key + ":" + propertySchema["description"]
-      descriptions.value[key] = propertySchema["description"].toString();
+      const str = key + ':' + propertySchema['description'];
+      descriptions.value[key] = propertySchema['description'].toString();
       // 如果属性是一个对象，并且包含 required 字段
-      if (propertySchema["type"] === 'object') {
+      if (propertySchema['type'] === 'object') {
         jsonObject[key] = {};
         // 遍历该对象的 properties
         for (const subKey in propertySchema.properties) {
@@ -48,7 +47,10 @@ function generateJsonObjectFromSchema(code) {
             let value;
             if (subPropertySchema.default !== undefined) {
               value = subPropertySchema.default;
-            } else if (subPropertySchema.enum && subPropertySchema.enum.length > 0) {
+            } else if (
+              subPropertySchema.enum &&
+              subPropertySchema.enum.length > 0
+            ) {
               // 如果没有默认值，但有一个枚举，我们可以选择枚举的第一个值作为默认值（这只是一个选择，可能不适合所有情况）
               value = subPropertySchema.enum[0];
             } else {
@@ -65,13 +67,16 @@ function generateJsonObjectFromSchema(code) {
             }
           }
         }
-      }else{ 
+      } else {
         const subPropertySchema = propertySchema;
         // 检查是否有默认值，并使用它，否则使用空值或根据类型推断一个值
         let value;
         if (subPropertySchema.default !== undefined) {
           value = subPropertySchema.default;
-        } else if (subPropertySchema.enum && subPropertySchema.enum.length > 0) {
+        } else if (
+          subPropertySchema.enum &&
+          subPropertySchema.enum.length > 0
+        ) {
           // 如果没有默认值，但有一个枚举，我们可以选择枚举的第一个值作为默认值（这只是一个选择，可能不适合所有情况）
           value = subPropertySchema.enum[0];
         } else {
@@ -79,8 +84,8 @@ function generateJsonObjectFromSchema(code) {
           value = subPropertySchema.type === 'string' ? '' : null;
         }
         // 如果该属性是 required 的，我们确保它在对象中
-          jsonObject[key] = value;
-        }
+        jsonObject[key] = value;
+      }
     }
   }
 
@@ -93,36 +98,44 @@ function generateJsonObjectFromSchema(code) {
 const jsonObject = ref(generateJsonObjectFromSchema(schema.value));
 params.value = jsonObject.value;
 
-watch(() => jsonObject, (newSchema) => {
-  params.value = jsonObject.value;
-})
-
-watch(() => params, (newSchema) => {
-  params.value = jsonObject.value;
-})
+watch(
+  () => jsonObject,
+  (newSchema) => {
+    params.value = jsonObject.value;
+  },
+);
 
+watch(
+  () => params,
+  (newSchema) => {
+    params.value = jsonObject.value;
+  },
+);
 </script>
 <template>
   <div class="json-form-container">
     <ul v-if="props.type === 'code'">
       <li v-for="(value, key) of descriptions" :key="key">
-        <span>{{key}}:</span>
-        <span>{{value}}</span>
+        <span>{{ key }}:</span>
+        <span>{{ value }}</span>
       </li>
     </ul>
-      <FlowCode :code="jsonObject" title="参数代码" :disabled="false" v-if="props.type === 'code'"/>
-      <FlowCode :code="inputCode" title="params" :disabled="true" v-else/>
-    </div>
-  </template>
-  
-  <style scoped>
-
-  .json-form-container {
-    width: 100%;
-    height: 100%;
-    /* padding: 10px; */
-    box-sizing: border-box;
-    overflow-y: auto;
-  }
+    <FlowCode
+      :code="jsonObject"
+      title="参数代码"
+      :disabled="false"
+      v-if="props.type === 'code'"
+    />
+    <FlowCode :code="inputCode" title="params" :disabled="true" v-else />
+  </div>
+</template>
 
-  </style>
\ No newline at end of file
+<style scoped>
+.json-form-container {
+  width: 100%;
+  height: 100%;
+  /* padding: 10px; */
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/components/dialoguePanel/chartsCss.ts b/src/components/dialoguePanel/chartsCss.ts
index 40691666341e772ff41496b124eb7bce826d9872..544dcf184ad43bfe13dba98a74449c2f798f3f98 100644
--- a/src/components/dialoguePanel/chartsCss.ts
+++ b/src/components/dialoguePanel/chartsCss.ts
@@ -1,42 +1,39 @@
 export const Circlelegend = {
-    icon: "circle",
-    left: "24px",
-    top: "30%",
-    orient: "vertical",
-    padding: 24,
-    textStyle: {
-      fontSize: 12,
-      width: 200,
-      rich: {
-        oneone: {
-          fontSize: 16,
-          height: 30,
-          align: "right",
-        },
+  icon: 'circle',
+  left: '24px',
+  top: '30%',
+  orient: 'vertical',
+  padding: 24,
+  textStyle: {
+    fontSize: 12,
+    width: 200,
+    rich: {
+      oneone: {
+        fontSize: 16,
+        height: 30,
+        align: 'right',
       },
     },
-  }
+  },
+};
 
 export const Linetooltip = {
-    trigger: "axis",
-    formatter: function (params: any) {
-      var res = // 字符串形式的html标签会被echarts转换渲染成数据，这个res主要是画的tooltip里的上部分的标题部分
-        "<div style='color:#8D98AA;margin-bottom:16px;padding:0 12px;width:100%;height:24px;line-height:24px;border-radius:3px;font-size:12px'><p>" +
-        params[0].name;
-      (" </p></div>");
-      for (var i = 0; i < params.length; i++) {
-        //因为是个数组，所以要遍历拿到里面的数据，并加入到tooltip的数据内容部分里面去
-        res += `<div style="color: #4e5865;font-size: 12px;line-height: 24px;width:180px">
+  trigger: 'axis',
+  formatter: function (params: any) {
+    var res = // 字符串形式的html标签会被echarts转换渲染成数据，这个res主要是画的tooltip里的上部分的标题部分
+      "<div style='color:#8D98AA;margin-bottom:16px;padding:0 12px;width:100%;height:24px;line-height:24px;border-radius:3px;font-size:12px'><p>" +
+      params[0].name;
+    (' </p></div>');
+    for (var i = 0; i < params.length; i++) {
+      //因为是个数组，所以要遍历拿到里面的数据，并加入到tooltip的数据内容部分里面去
+      res += `<div style="color: #4e5865;font-size: 12px;line-height: 24px;width:180px">
                 <span style="display:inline-block;border-radius:2px;width:16px;height:3px;background-color:${[
                   params[i].color, // 默认是小圆点，我们将其修改成有圆角的正方形，这里用的是模板字符串。并拿到对应颜色、名字、数据
                 ]};"></span>
                 ${params[i].seriesName}
                  <span style="display:inline-block;float:right;left:0px;font-size:16px">${params[i].data}</span>
               </div>`;
-      }
-      return res; // 经过这么一加工，最终返回出去并渲染，最终就出现了我们所看的效果
-    },
-  }
-
-  
-
+    }
+    return res; // 经过这么一加工，最终返回出去并渲染，最终就出现了我们所看的效果
+  },
+};
diff --git a/src/components/dialoguePanel/data.ts b/src/components/dialoguePanel/data.ts
index 95409242dd21aa9db644088e63b43536da508df2..a2bd0ca1cc86b3a9f4a822c4f687b25d8bb4d5b2 100644
--- a/src/components/dialoguePanel/data.ts
+++ b/src/components/dialoguePanel/data.ts
@@ -1,49 +1,47 @@
 export const input = {
-    "event": "flow.start", 
-    "id": "0f9d3e6b-7845-44ab-b247-35c522d38f13", 
-    "groupId": "09125776-ba69-4832-86c9-c5035f9343fd", 
-    "conversationId": "eccb08c3-0621-4602-a4d2-4eaada892557", 
-    "task_id": "eb717bc7-3435-4172-82d1-6b69e62f3fd6",  
-    "flow": { 
-        "appId": "aops-cve", 
-        "flowId": "query_cve_info", 
-        "step_name": "开始", 
-        "step_status": "finished",  
-        "step_progress": "1/4" 
-    },
-    "content": { 
-        "question": "openEuler社区版本有哪些分类？", 
-        "params": {
-        }
-    },
-    "measure": { 
-        "input_tokens": 200, 
-        "output_tokens": 50, 
-        "time": 0.5 
-    }
-}
+  event: 'flow.start',
+  id: '0f9d3e6b-7845-44ab-b247-35c522d38f13',
+  groupId: '09125776-ba69-4832-86c9-c5035f9343fd',
+  conversationId: 'eccb08c3-0621-4602-a4d2-4eaada892557',
+  task_id: 'eb717bc7-3435-4172-82d1-6b69e62f3fd6',
+  flow: {
+    appId: 'aops-cve',
+    flowId: 'query_cve_info',
+    step_name: '开始',
+    step_status: 'finished',
+    step_progress: '1/4',
+  },
+  content: {
+    question: 'openEuler社区版本有哪些分类？',
+    params: {},
+  },
+  measure: {
+    input_tokens: 200,
+    output_tokens: 50,
+    time: 0.5,
+  },
+};
 
 export const output = {
-    "event": "flow.stop", 
-    "id": "0f9d3e6b-7845-44ab-b247-35c522d38f13", 
-    "groupId": "09125776-ba69-4832-86c9-c5035f9343fd", 
-    "conversationId": "eccb08c3-0621-4602-a4d2-4eaada892557", 
-    "task_id": "eb717bc7-3435-4172-82d1-6b69e62f3fd6",  
-    "flow": { 
-        "appId": "aops-cve", 
-        "flowId": "query_cve_info", 
-        "step_name": "开始", 
-        "step_status": "finished",  
-        "step_progress": "1/4" 
-    },
-    "content": { 
-        "question": "查询所有主机的CVE信息", 
-        "params": {
-        }
-    },
-    "measure": { 
-        "input_tokens": 200, 
-        "output_tokens": 50, 
-        "time": 0.5 
-    }
-}
\ No newline at end of file
+  event: 'flow.stop',
+  id: '0f9d3e6b-7845-44ab-b247-35c522d38f13',
+  groupId: '09125776-ba69-4832-86c9-c5035f9343fd',
+  conversationId: 'eccb08c3-0621-4602-a4d2-4eaada892557',
+  task_id: 'eb717bc7-3435-4172-82d1-6b69e62f3fd6',
+  flow: {
+    appId: 'aops-cve',
+    flowId: 'query_cve_info',
+    step_name: '开始',
+    step_status: 'finished',
+    step_progress: '1/4',
+  },
+  content: {
+    question: '查询所有主机的CVE信息',
+    params: {},
+  },
+  measure: {
+    input_tokens: 200,
+    output_tokens: 50,
+    time: 0.5,
+  },
+};
diff --git a/src/components/sessionCard/SessionCard.vue b/src/components/sessionCard/SessionCard.vue
index 9a6e06bd35caa817943ba60baadfb125c130598f..906f960049c02aa645f1b5b214b09c05195d0c43 100644
--- a/src/components/sessionCard/SessionCard.vue
+++ b/src/components/sessionCard/SessionCard.vue
@@ -1,6 +1,10 @@
 <script lang="ts" setup>
 import { storeToRefs } from 'pinia';
-import { useHistorySessionStore, useSessionStore, useChangeThemeStore } from 'src/store';
+import {
+  useHistorySessionStore,
+  useSessionStore,
+  useChangeThemeStore,
+} from 'src/store';
 import type { SessionItem } from './type';
 import type { UploadFileCard } from 'src/components/uploadFile/type.ts';
 import { ref, onMounted, computed } from 'vue';
@@ -9,8 +13,11 @@ import i18n from 'src/i18n';
 import { errorMsg, successMsg } from 'src/components/Message';
 import { api } from 'src/apis';
 import SessionDropDown from './SessionDropDown.vue';
-const { currentSelectedSession, selectedSessionIds } = storeToRefs(useHistorySessionStore());
-const { changeSession, selectSession, getHistorySession, updateSessionTitle } = useHistorySessionStore();
+const { currentSelectedSession, selectedSessionIds } = storeToRefs(
+  useHistorySessionStore(),
+);
+const { changeSession, selectSession, getHistorySession, updateSessionTitle } =
+  useHistorySessionStore();
 const { isAnswerGenerating } = storeToRefs(useSessionStore());
 interface SessionCardProps {
   conversation: SessionItem;
@@ -42,12 +49,16 @@ const hoverFiles = ref([]);
 const isFileVisible = ref<boolean>(false);
 
 const isImageVisible = computed(() => {
-  return props.conversation.docCount && props.conversation.docCount > 0 
+  return props.conversation.docCount && props.conversation.docCount > 0;
 });
 
 const handleHover = async () => {
   // 接口获取列表数据
-  const [_, response] = await api.getUploadFiles(props.conversation.conversationId, true, false);
+  const [_, response] = await api.getUploadFiles(
+    props.conversation.conversationId,
+    true,
+    false,
+  );
   if (!_ && response) {
     hoverFiles.value = response.result.documents;
     hoverFiles.value.sort((pre, cur) => pre.created_at - cur.created_at);
@@ -124,7 +135,8 @@ const deleteOne = (name: string, list: string[]) => {
       <div
         class="conversation-card-item__box"
         :class="{
-          'conversation-card-item__box--selected': currentSelectedSession === conversation.conversationId,
+          'conversation-card-item__box--selected':
+            currentSelectedSession === conversation.conversationId,
         }"
         @click="changeSession(conversation.conversationId)"
       >
@@ -133,15 +145,24 @@ const deleteOne = (name: string, list: string[]) => {
             <input
               ref="inputRef"
               class="conversation-title__text-input"
-              v-if="isResetTitle && currentSelectedSession === conversation.conversationId"
+              v-if="
+                isResetTitle &&
+                currentSelectedSession === conversation.conversationId
+              "
               type="text"
               v-model="inputValue"
               @keyup.enter="confirmChangeTitle(conversation)"
             />
-            <span class="conversation-title__text-span" v-else>{{ conversation.title }}</span>
+            <span class="conversation-title__text-span" v-else>
+              {{ conversation.title }}
+            </span>
           </div>
           <div class="conversation-title__button" v-if="!isResetTitle">
-            <el-tooltip placement="top" :content="$t('history.rename')" effect="light">
+            <el-tooltip
+              placement="top"
+              :content="$t('history.rename')"
+              effect="light"
+            >
               <img
                 v-if="themeStore.theme === 'dark'"
                 class="conversation-title__svg"
@@ -155,44 +176,72 @@ const deleteOne = (name: string, list: string[]) => {
                 @click="handleResetName"
               />
             </el-tooltip>
-            <el-tooltip placement="top" :content="$t('history.delete')" effect="light">
+            <el-tooltip
+              placement="top"
+              :content="$t('history.delete')"
+              effect="light"
+            >
               <img
                 v-if="themeStore.theme === 'dark'"
                 class="conversation-title__svg"
                 src="@/assets/svgs/dark_delete.svg"
-                @click="deleteOne(conversation.title, [conversation.conversationId])"
+                @click="
+                  deleteOne(conversation.title, [conversation.conversationId])
+                "
               />
               <img
                 v-else
                 class="conversation-title__svg"
                 src="@/assets/svgs/light_delete.svg"
-                @click="deleteOne(conversation.title, [conversation.conversationId])"
+                @click="
+                  deleteOne(conversation.title, [conversation.conversationId])
+                "
               />
             </el-tooltip>
           </div>
           <div class="conversation-title__button" v-else>
-            <el-tooltip placement="top" :content="$t('history.ok')" effect="light">
+            <el-tooltip
+              placement="top"
+              :content="$t('history.ok')"
+              effect="light"
+            >
               <img
                 class="conversation-title__svg"
                 src="@/assets/svgs/yes.svg"
                 @click="confirmChangeTitle(conversation)"
               />
             </el-tooltip>
-            <el-tooltip placement="top" :content="$t('history.cancel')" effect="light">
-              <img class="conversation-title__svg" src="@/assets/svgs/wrong.svg" @click="cancelChangeTitle()" />
+            <el-tooltip
+              placement="top"
+              :content="$t('history.cancel')"
+              effect="light"
+            >
+              <img
+                class="conversation-title__svg"
+                src="@/assets/svgs/wrong.svg"
+                @click="cancelChangeTitle()"
+              />
             </el-tooltip>
           </div>
         </div>
         <div class="ducments" v-if="isImageVisible">
           <div>
-            <img ref="iconRef" @mouseover="handleHover" src="../../assets/svgs/files.svg" alt="" />
+            <img
+              ref="iconRef"
+              @mouseover="handleHover"
+              src="../../assets/svgs/files.svg"
+              alt=""
+            />
           </div>
           <div>
-            {{ $t('upload.aside_session_file_count_front') }}<span>{{ documentCount }}</span
-            >{{ $t('upload.aside_session_file_count_back') }}
+            {{ $t('upload.aside_session_file_count_front') }}
+            <span>{{ documentCount }}</span>
+            {{ $t('upload.aside_session_file_count_back') }}
           </div>
         </div>
-        <span class="conversation-time">{{ dayjs(conversation.createdTime).format('YYYY-MM-DD HH:mm:ss') }}</span>
+        <span class="conversation-time">
+          {{ dayjs(conversation.createdTime).format('YYYY-MM-DD HH:mm:ss') }}
+        </span>
       </div>
     </div>
   </div>
@@ -205,7 +254,8 @@ const deleteOne = (name: string, list: string[]) => {
 
 <style lang="scss" scoped>
 .conversation-title__svg:hover {
-  filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg) brightness(100%) contrast(103%);
+  filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg)
+    brightness(100%) contrast(103%);
 }
 
 .rename:hover {
@@ -244,7 +294,11 @@ const deleteOne = (name: string, list: string[]) => {
       flex-direction: column;
 
       &:hover {
-        background-image: linear-gradient(to right, rgba(109, 117, 250, 0.1), rgba(90, 179, 255, 0.1));
+        background-image: linear-gradient(
+          to right,
+          rgba(109, 117, 250, 0.1),
+          rgba(90, 179, 255, 0.1)
+        );
         outline: 1px solid #7aa5ff;
         // border: -1px solid transparent;
         .conversation-title__button {
@@ -297,7 +351,11 @@ const deleteOne = (name: string, list: string[]) => {
       }
 
       &--selected {
-        background-image: linear-gradient(to right, rgba(109, 117, 250, 0.2), rgba(90, 179, 255, 0.2));
+        background-image: linear-gradient(
+          to right,
+          rgba(109, 117, 250, 0.2),
+          rgba(90, 179, 255, 0.2)
+        );
       }
     }
 
diff --git a/src/components/sessionCard/SessionDropDown.vue b/src/components/sessionCard/SessionDropDown.vue
index 6dcb5075d431588bdee3ce7008525ba495faf7e1..915ac76305215102610761b497417a849e8bad73 100644
--- a/src/components/sessionCard/SessionDropDown.vue
+++ b/src/components/sessionCard/SessionDropDown.vue
@@ -1,7 +1,13 @@
 <template>
   <teleport to="body">
     <transition name="drop">
-      <div class="document-list" ref="documents" v-show="isVisible" @mouseover="handleHover" @mouseleave="handleLeave">
+      <div
+        class="document-list"
+        ref="documents"
+        v-show="isVisible"
+        @mouseover="handleHover"
+        @mouseleave="handleLeave"
+      >
         <div class="document-wrapper" ref="documentsWrapper">
           <upload-card
             class="document"
@@ -55,7 +61,7 @@ watch(
   (newVal: DropPostion) => {
     documents.value.style.left = `${newVal.x + offset.x}px`;
     documents.value.style.top = `${newVal.y + offset.y}px`;
-  }
+  },
 );
 
 watch(
@@ -66,7 +72,7 @@ watch(
       return;
     }
     isVisible.value = newVal;
-  }
+  },
 );
 
 const scrollTop = () => {
diff --git a/src/components/textMoreTootip/index.vue b/src/components/textMoreTootip/index.vue
index 30b7d75b265e28a6b87f352ba98625385e5ec77e..ac6aacf37385abe13a4c3cbd7763fe00ecc897ed 100644
--- a/src/components/textMoreTootip/index.vue
+++ b/src/components/textMoreTootip/index.vue
@@ -22,11 +22,11 @@
 <script>
 export default {
   // 显示文字组件，可以设置最多显示几行，超过后会隐藏并且鼠标hover显示全部信息（需要给组件设置宽度）
-  name: "VueText",
+  name: 'VueText',
   props: {
     value: {
       type: String,
-      default: "",
+      default: '',
     },
     row: {
       //最多显示几行，超过后会...隐藏 为0时不隐藏
@@ -54,7 +54,7 @@ export default {
     value: function () {
       this.isShowHover = false;
       this.textStyle = {
-        cursor: "text",
+        cursor: 'text',
       };
       this.$nextTick(() => {
         this.getStyle(this.row - 0);
@@ -66,10 +66,10 @@ export default {
   },
   methods: {
     init() {
-      this.div = document.querySelector(".hover-wrap");
+      this.div = document.querySelector('.hover-wrap');
       if (!this.div && this.row - 0) {
-        this.div = document.createElement("div");
-        this.div.className = "hover-wrap";
+        this.div = document.createElement('div');
+        this.div.className = 'hover-wrap';
         this.div.style.top = 0;
         this.div.style.left = 0;
         document.body.append(this.div);
@@ -80,23 +80,23 @@ export default {
     },
     getStyle(val) {
       let lineHeight =
-        getComputedStyle(this.text).lineHeight.replace("px", "") - 0 || 18;
-      let height = getComputedStyle(this.text).height.replace("px", "") - 0;
+        getComputedStyle(this.text).lineHeight.replace('px', '') - 0 || 18;
+      let height = getComputedStyle(this.text).height.replace('px', '') - 0;
       if (height > lineHeight * val) {
         this.isShowHover = false;
         this.textStyle = {
           height: `${lineHeight * val}px`,
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          display: "-webkit-box",
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          display: '-webkit-box',
           webkitLineClamp: val,
-          webkitBoxOrient: "vertical",
-          cursor: "pointer",
+          webkitBoxOrient: 'vertical',
+          cursor: 'pointer',
         };
       } else {
         this.isShowHover = true;
         this.textStyle = {
-          cursor: "text",
+          cursor: 'text',
         };
       }
     },
@@ -107,15 +107,15 @@ export default {
       let box = e.target.getBoundingClientRect();
       let left = 0;
       this.div.innerHTML = this.value;
-      let top = box.top - this.div.getBoundingClientRect().height + "px";
+      let top = box.top - this.div.getBoundingClientRect().height + 'px';
       left =
         box.left +
         (box.width - this.div.getBoundingClientRect().width) / 2 +
-        "px";
+        'px';
       this.div.style.top = top;
       this.div.style.left = left;
-      this.div.classList.add("active");
-      this.div.style.opacity = "0";
+      this.div.classList.add('active');
+      this.div.style.opacity = '0';
       this.visible = true;
     },
     mouseleave(e) {
@@ -125,13 +125,13 @@ export default {
       if (e.relatedTarget !== this.div) {
         this.div.style.top = 0;
         this.div.style.left = 0;
-        this.div.classList.remove("active");
+        this.div.classList.remove('active');
         this.visible = false;
       }
       this.div.onmouseleave = () => {
         this.div.style.top = 0;
         this.div.style.left = 0;
-        this.div.classList.remove("active");
+        this.div.classList.remove('active');
       };
     },
   },
diff --git a/src/components/uploadFile/UploadCard.vue b/src/components/uploadFile/UploadCard.vue
index c32a19f0b45d68e1a9f5ed7c440bbc73bed3592d..27325481ec1178058837375d20c984dee372f28f 100644
--- a/src/components/uploadFile/UploadCard.vue
+++ b/src/components/uploadFile/UploadCard.vue
@@ -32,7 +32,7 @@ const props = withDefaults(
   {
     deletable: true,
     mode: 'common',
-  }
+  },
 );
 
 // 声明emits
@@ -112,7 +112,10 @@ const handleDelete = async () => {
   if (status === UploadStatus.UPLOADING) {
     return;
   }
-  if (status !== UploadStatus.UPLOADFAIL && status !== UploadStatus.RESOLVEFAIL) {
+  if (
+    status !== UploadStatus.UPLOADFAIL &&
+    status !== UploadStatus.RESOLVEFAIL
+  ) {
     // 调用删除接口
     const [_, response] = await api.deleteUploadedFile(ducumentId);
     if (!_ && response) {
@@ -133,34 +136,57 @@ const handleDelete = async () => {
 };
 </script>
 <template>
-    <div>
-      <div v-if="props.mode === 'common'" class="filecard-wrapper-common">
-        <img :src="svgUrl" alt="" />
-        <div class="file-info">
-          <div class="name">{{ props.fileParams.name }}</div>
-          <div class="size">
-            <span v-if="props.fileParams.status === UploadStatus.UNUSED || props.fileParams.status === UploadStatus.USED">{{ props.fileParams.size }}</span>
-            <div v-else class="status">
-              <img :src="currentStatusItem.iconSrc" :class="currentStatusItem.isRotating ? 'icon-rotate' : ''" alt="" />
-              <span :class="currentStatusItem.color">{{ $t(currentStatusItem.content) }}</span>
-            </div>
+  <div>
+    <div v-if="props.mode === 'common'" class="filecard-wrapper-common">
+      <img :src="svgUrl" alt="" />
+      <div class="file-info">
+        <div class="name">{{ props.fileParams.name }}</div>
+        <div class="size">
+          <span
+            v-if="
+              props.fileParams.status === UploadStatus.UNUSED ||
+              props.fileParams.status === UploadStatus.USED
+            "
+          >
+            {{ props.fileParams.size }}
+          </span>
+          <div v-else class="status">
+            <img
+              :src="currentStatusItem.iconSrc"
+              :class="currentStatusItem.isRotating ? 'icon-rotate' : ''"
+              alt=""
+            />
+            <span :class="currentStatusItem.color">
+              {{ $t(currentStatusItem.content) }}
+            </span>
           </div>
         </div>
-        <div v-if="props.deletable && !isDeleteDisable" class="file-delete">
-          <img v-if="themeStore.theme === 'dark'" src="@/assets/svgs/dark_delete.svg" @click="handleDelete" />
-          <img v-else src="@/assets/svgs/delete.svg" @click="handleDelete" />
-        </div>
-        <div v-if="props.deletable && isDeleteDisable" class="file-delete-disable">
-          <img v-if="themeStore.theme === 'dark'" src="@/assets/svgs/dark_delete.svg"/>
-          <img v-else src="@/assets/svgs/delete.svg"/>
-        </div>
       </div>
-
-      <div v-if="props.mode === 'mini'" class="filecard-wrapper-mini">
-        <img :src="svgUrl" alt="" />
-        <span>{{ props.fileParams.name }}</span>
+      <div v-if="props.deletable && !isDeleteDisable" class="file-delete">
+        <img
+          v-if="themeStore.theme === 'dark'"
+          src="@/assets/svgs/dark_delete.svg"
+          @click="handleDelete"
+        />
+        <img v-else src="@/assets/svgs/delete.svg" @click="handleDelete" />
+      </div>
+      <div
+        v-if="props.deletable && isDeleteDisable"
+        class="file-delete-disable"
+      >
+        <img
+          v-if="themeStore.theme === 'dark'"
+          src="@/assets/svgs/dark_delete.svg"
+        />
+        <img v-else src="@/assets/svgs/delete.svg" />
       </div>
     </div>
+
+    <div v-if="props.mode === 'mini'" class="filecard-wrapper-mini">
+      <img :src="svgUrl" alt="" />
+      <span>{{ props.fileParams.name }}</span>
+    </div>
+  </div>
 </template>
 
 <style lang="scss">
@@ -230,11 +256,13 @@ const handleDelete = async () => {
     cursor: pointer;
 
     img:hover {
-      filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg) brightness(100%) contrast(103%);
+      filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg)
+        brightness(100%) contrast(103%);
     }
   }
 
-  .file-delete, .file-delete-disable {
+  .file-delete,
+  .file-delete-disable {
     flex: 1;
     width: 16px;
     height: 16px;
diff --git a/src/components/uploadFile/UploadFileGroup.vue b/src/components/uploadFile/UploadFileGroup.vue
index 82b264d0569734f2af91b5010781feb713651773..55c5beb198c22b145b65527ee3b1f6ad2d1c6517 100644
--- a/src/components/uploadFile/UploadFileGroup.vue
+++ b/src/components/uploadFile/UploadFileGroup.vue
@@ -1,8 +1,13 @@
 <template>
   <div class="upload-group">
-    <upload-card class="upload-card" :file-params="item" @delete="handleDelete" v-for="item in props.fileList"></upload-card>
+    <upload-card
+      class="upload-card"
+      :file-params="item"
+      @delete="handleDelete"
+      v-for="item in props.fileList"
+    ></upload-card>
   </div>
-</template> 
+</template>
 <script lang="ts" setup>
 import { defineProps, defineEmits } from 'vue';
 
@@ -20,7 +25,7 @@ const emit = defineEmits(['deleteFile']);
 // emit删除事件
 const handleDelete = (file) => {
   emit('deleteFile', file);
-}
+};
 </script>
 <style lang="scss">
 .upload-group {
diff --git a/src/components/uploadFile/type.ts b/src/components/uploadFile/type.ts
index 76665f9cda31a83783e9c0358ee8f0115689a192..d352abd7a52580e0b4ba183644bcc0f44865ca0f 100644
--- a/src/components/uploadFile/type.ts
+++ b/src/components/uploadFile/type.ts
@@ -11,7 +11,7 @@ export enum UploadType {
   DOCX = 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
   DOC = 'application/msword',
   TXT = 'text/plain',
-  MDF= '',
+  MDF = '',
   MDB = 'markdown/plain',
   XLSX = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
 }
diff --git a/src/conf/agreement-tip.md b/src/conf/agreement-tip.md
index 0b05444b3763103483244aa5df89528230c8a65c..0d00ae9e8050080913ad181ae28a2f5910b8dbc7 100644
--- a/src/conf/agreement-tip.md
+++ b/src/conf/agreement-tip.md
@@ -4,4 +4,4 @@ EulerCopilot（内测版）旨在让内测用户提前体验openEuler的智能
 
 内测期间，除正常反馈问题外，应遵守内测用户保密规则：禁止在任何地方传播包括但不限于系统界面、功能点等参与内测得知的有关本服务的各种非公开信息。
 
-***以上规则需严格遵守，如有违反，我们有权撤销您的内测资格，情节严重造成恶劣影响或损失者，我们将保留追究其责任的权利。***
\ No newline at end of file
+**_以上规则需严格遵守，如有违反，我们有权撤销您的内测资格，情节严重造成恶劣影响或损失者，我们将保留追究其责任的权利。_**
diff --git a/src/conf/agreement.md b/src/conf/agreement.md
index 78fec263648fc1020c46e3f5c3716c4a1cf8e92c..446ae64093f93eaa8317f6e824d4bb20cdac0814 100644
--- a/src/conf/agreement.md
+++ b/src/conf/agreement.md
@@ -1,6 +1,5 @@
 # EulerCopilot 服务协议
 
-
 欢迎您使用开放原子开源基金会（下文简称“基金会”或“我们”）提供的 EulerCopilot 服务!
 
 本协议约束您（使用者）对[EulerCopilot](https://euler-copilot-web.test.osinfra.cn)网站等相关服务（以下简称“本服务”或“EulerCopilot”）的使用。
@@ -17,7 +16,7 @@ EulerCopilot（内测版）旨在让内测用户提前体验openEuler的智能
 
 内测期间，除正常反馈问题外，应遵守内测用户保密规则：禁止在任何地方传播包括但不限于系统界面、功能点等参与内测得知的有关本服务的各种非公开信息。
 
-***以上规则需严格遵守，如有违反，我们有权撤销您的内测资格，情节严重造成恶劣影响或损失者，我们将保留追究其责任的权利。***
+**_以上规则需严格遵守，如有违反，我们有权撤销您的内测资格，情节严重造成恶劣影响或损失者，我们将保留追究其责任的权利。_**
 
 如果您或您所代表的实体不同意本协议的任何内容，您应该立即停止使用本服务。
 
@@ -147,7 +146,6 @@ EulerCopilot（内测版）旨在让内测用户提前体验openEuler的智能
 
 **9.1** 您对本协议的接受包括接受我们对本协议任何条款随时所做的任何修改。我们有权随时修改本协议，更新后的协议将通过官方网站公布等适当的方式进行公布。**一旦公布即代替原协议条款，请您自行在官方网站查阅最新版协议条款。如您不接受修改后的协议，请您立即停止使用本服务。您继续使用本服务将被视为您已接受了修改后的协议**。
 
-
 更新日期：2024 年 4 月 30 日
 
 生效日期：2024 年 4 月 30 日
diff --git a/src/conf/policy-en.md b/src/conf/policy-en.md
index e20e9490caa4d581667e691e41a27fb5ab4c991c..f412a11fc77360a49f3f47c9235532c4520f57cc 100644
--- a/src/conf/policy-en.md
+++ b/src/conf/policy-en.md
@@ -6,27 +6,27 @@ The OpenAtom Foundation ("Foundation", "we", "our", or "us") understands the imp
 
 If you only browse the general content of the openEuler community website ("this website"), we usually do not require you to provide personal data. However, we will collect your personal data in the following cases:
 
-+ **a. Account Service.** When you register an openEuler community account or use our services, we will collect information you provide, such as your phone number and email address.
-+ **b. Forum Service.** When you enable device location and use our location-based services, we will collect information about your location, including:
-    + Your geolocation information collected through GPS, Wi-Fi, or similar technologies when you use our services through a mobile device with location functionality enabled;
-    + You can stop the collection of your geolocation information by disabling the location function.
-+ **Log Information**: We use cookies, identifiers, and similar technologies to collect information about how you interact with our services, including **data about your device, browsing activities, and clicks**. This information is stored in log files and helps us provide personalized experience and maintain security. You can manage or disable these technologies in your browser settings.
+- **a. Account Service.** When you register an openEuler community account or use our services, we will collect information you provide, such as your phone number and email address.
+- **b. Forum Service.** When you enable device location and use our location-based services, we will collect information about your location, including:
+  - Your geolocation information collected through GPS, Wi-Fi, or similar technologies when you use our services through a mobile device with location functionality enabled;
+  - You can stop the collection of your geolocation information by disabling the location function.
+- **Log Information**: We use cookies, identifiers, and similar technologies to collect information about how you interact with our services, including **data about your device, browsing activities, and clicks**. This information is stored in log files and helps us provide personalized experience and maintain security. You can manage or disable these technologies in your browser settings.
 
 ## 2\. How We Use Cookies and Similar Technologies
 
 **2.1 How and How Long We Store Information**
 
-+ To ensure our website works properly, we may at times place cookies on your computer or mobile device. A cookie is a small data file placed on your computer or mobile device that facilitates your access to a website. The content of a cookie can be retrieved or read only by the server that creates the cookie. We use cookies and similar technologies for understanding how you interact with our websites, helping you efficiently browse pages, storing and honoring your preferences, and improving your browsing experience.
-+ Generally, we will only store your personal data for as long as it is necessary to fulfill the purposes described in this Statement or as required by law.
+- To ensure our website works properly, we may at times place cookies on your computer or mobile device. A cookie is a small data file placed on your computer or mobile device that facilitates your access to a website. The content of a cookie can be retrieved or read only by the server that creates the cookie. We use cookies and similar technologies for understanding how you interact with our websites, helping you efficiently browse pages, storing and honoring your preferences, and improving your browsing experience.
+- Generally, we will only store your personal data for as long as it is necessary to fulfill the purposes described in this Statement or as required by law.
 
 **2.2 Types of Cookies**
 
-+ Strictly Necessary Cookies: When you use the website, cookies ensure that your visit to the website is as smooth and secure as possible.
-+ Statistical Analysis Cookies: We collect information about your use of the service, including your single or multiple visits. These cookies help us understand how the service is performing and being used. We use statistical analysis plugins provided by Baidu.
+- Strictly Necessary Cookies: When you use the website, cookies ensure that your visit to the website is as smooth and secure as possible.
+- Statistical Analysis Cookies: We collect information about your use of the service, including your single or multiple visits. These cookies help us understand how the service is performing and being used. We use statistical analysis plugins provided by Baidu.
 
 **2.3 Notice of Product or Service Discontinuation**
 
-+ In the event that our products or services are discontinued, we will notify you by push notification, announcement, or other means and delete or anonymize your personal data within a reasonable time, unless otherwise provided by laws and regulations.
+- In the event that our products or services are discontinued, we will notify you by push notification, announcement, or other means and delete or anonymize your personal data within a reasonable time, unless otherwise provided by laws and regulations.
 
 ## 3\. How We Share Your Personal Data
 
@@ -36,10 +36,10 @@ Sharing refers to the process by which we provide personal data to a third party
 
 We may use the information we collect in the process of providing you with services for the following purposes:
 
-+ We will retain your personal data for as long as is necessary to fulfill the purposes described in this Statement, unless a longer retention period is required by laws or requested by you.
-+ In general, we will store or retain your personal data for the retention period from the date we obtain it when you use our community services, in accordance with applicable legal requirements or the terms of the service agreement. If your personal data is beyond the retention period and we are not legally required to continue processing your specific personal data, we will delete or anonymize your personal data in accordance with applicable legal requirements.
-+ For example, the IP address, access timestamp, access source, accessed pages, access status, accessed resource size, OS, system language, browser type, browser language, browser version, and server type and version information collected for service optimization will be automatically deleted after 10 days.
-+ For example, when the community no longer displays you as a member of an openEuler User Group, we will delete your personal data (avatar, name, email address, company/school, position, personal profile) within one month.
+- We will retain your personal data for as long as is necessary to fulfill the purposes described in this Statement, unless a longer retention period is required by laws or requested by you.
+- In general, we will store or retain your personal data for the retention period from the date we obtain it when you use our community services, in accordance with applicable legal requirements or the terms of the service agreement. If your personal data is beyond the retention period and we are not legally required to continue processing your specific personal data, we will delete or anonymize your personal data in accordance with applicable legal requirements.
+- For example, the IP address, access timestamp, access source, accessed pages, access status, accessed resource size, OS, system language, browser type, browser language, browser version, and server type and version information collected for service optimization will be automatically deleted after 10 days.
+- For example, when the community no longer displays you as a member of an openEuler User Group, we will delete your personal data (avatar, name, email address, company/school, position, personal profile) within one month.
 
 ## 5\. How We Protect Your Personal Data
 
@@ -51,33 +51,33 @@ In a word, we are committed to protecting your personal data. Nevertheless, no s
 
 In accordance with applicable laws and regulations, you may have the following rights regarding your personal data:
 
-+ Access the personal data we hold about you and obtain copies thereof;
-+ Request us to update or correct your personal data;
-+ Request us to erase your personal data;
-+ Object to our processing of your personal data;
-+ Restrict our processing of your personal data;
-+ Lodge a complaint with the competent data protection authority.
+- Access the personal data we hold about you and obtain copies thereof;
+- Request us to update or correct your personal data;
+- Request us to erase your personal data;
+- Object to our processing of your personal data;
+- Restrict our processing of your personal data;
+- Lodge a complaint with the competent data protection authority.
 
-+ **Location Information**: When you enable device location and use our location-based services, we will collect information about your location, including:
-    + Your geolocation information collected through GPS, Wi-Fi, or similar technologies when you use our services through a mobile device with location functionality enabled;
-    + You can stop the collection of your geolocation information by disabling the location function.
-+ **Log Information**: We use cookies, identifiers, and similar technologies to collect information about how you interact with our services, including **data about your device, browsing activities, and clicks**. This information is stored in log files and helps us provide personalized experience and maintain security. You can manage or disable these technologies in your browser settings.
+- **Location Information**: When you enable device location and use our location-based services, we will collect information about your location, including:
+  - Your geolocation information collected through GPS, Wi-Fi, or similar technologies when you use our services through a mobile device with location functionality enabled;
+  - You can stop the collection of your geolocation information by disabling the location function.
+- **Log Information**: We use cookies, identifiers, and similar technologies to collect information about how you interact with our services, including **data about your device, browsing activities, and clicks**. This information is stored in log files and helps us provide personalized experience and maintain security. You can manage or disable these technologies in your browser settings.
 
 ## 2\. Information Storage
 
 **2.1 How and How Long We Store Information**
 
-+ We store your information in a secure manner, including local storage (such as data caching using an application), databases, and server logs.
-+ Generally, we will only store your personal data for as long as it is necessary to fulfill the purposes described in this Statement or as required by law.
+- We store your information in a secure manner, including local storage (such as data caching using an application), databases, and server logs.
+- Generally, we will only store your personal data for as long as it is necessary to fulfill the purposes described in this Statement or as required by law.
 
 **2.2 Where We Store Information**
 
-+ We will ensure that users' personal data collected in China is stored in China in accordance with laws and regulations.
-+ We do not currently transfer or store your personal data outside of China. If we need to transfer or store your personal data outside of China in the future, we will inform you of the purpose of the cross-border transfer or storage, the recipient, the security measures, and the security risks, and obtain your consent.
+- We will ensure that users' personal data collected in China is stored in China in accordance with laws and regulations.
+- We do not currently transfer or store your personal data outside of China. If we need to transfer or store your personal data outside of China in the future, we will inform you of the purpose of the cross-border transfer or storage, the recipient, the security measures, and the security risks, and obtain your consent.
 
 **2.3 Notice of Product or Service Discontinuation**
 
-+ In the event that our products or services are discontinued, we will notify you by push notification, announcement, or other means and delete or anonymize your personal data within a reasonable time, unless otherwise provided by laws and regulations.
+- In the event that our products or services are discontinued, we will notify you by push notification, announcement, or other means and delete or anonymize your personal data within a reasonable time, unless otherwise provided by laws and regulations.
 
 ## 3\. Information Security
 
@@ -87,14 +87,14 @@ We use a variety of security technologies and procedures to prevent the loss, mi
 
 We may use the information we collect in the process of providing you with services for the following purposes:
 
-+ To provide you with services;
-+ For identity verification, customer service, security protection, fraud monitoring, archiving, and backup purposes in connection with our provision of services to ensure the security of the products and services we provide to you;
-+ To help us design new services and improve our existing services;
-+ To allow us to better understand how you access and use our Services so that we can respond to your personalized needs in a targeted manner, such as language settings, location settings, personalized help services and instructions, or otherwise respond to you and other users;
-+ To provide you with more relevant advertising instead of generic advertising;
-+ To evaluate and improve the effectiveness of our in-service advertising and other promotional and marketing activities;
-+ For software authentication or software upgrade management; and
-+ To enable you to participate in surveys about our products and services.
+- To provide you with services;
+- For identity verification, customer service, security protection, fraud monitoring, archiving, and backup purposes in connection with our provision of services to ensure the security of the products and services we provide to you;
+- To help us design new services and improve our existing services;
+- To allow us to better understand how you access and use our Services so that we can respond to your personalized needs in a targeted manner, such as language settings, location settings, personalized help services and instructions, or otherwise respond to you and other users;
+- To provide you with more relevant advertising instead of generic advertising;
+- To evaluate and improve the effectiveness of our in-service advertising and other promotional and marketing activities;
+- For software authentication or software upgrade management; and
+- To enable you to participate in surveys about our products and services.
 
 ## 5\. Information Sharing
 
@@ -110,12 +110,12 @@ As our service continues to develop, we may engage in mergers, acquisitions, ass
 
 In addition, according to relevant laws, regulations, and national standards, we may share, transfer, or publicly disclose the following personal data without your prior consent:
 
-+ Information that is directly related to national security or national defense;
-+ Information that is directly related to public safety, public health, or major public interests;
-+ Information that is directly related to criminal investigation, prosecution, trial, and judgment execution;
-+ Information for the purpose of safeguarding major legitimate rights and interests, such as life and property of personal data subjects or others, when obtaining the consent is not feasible;
-+ Information that is disclosed by the personal data subject to the public; and
-+ Information that is legally disclosed to the public, such as legitimate news reports and government information disclosure channels.
+- Information that is directly related to national security or national defense;
+- Information that is directly related to public safety, public health, or major public interests;
+- Information that is directly related to criminal investigation, prosecution, trial, and judgment execution;
+- Information for the purpose of safeguarding major legitimate rights and interests, such as life and property of personal data subjects or others, when obtaining the consent is not feasible;
+- Information that is disclosed by the personal data subject to the public; and
+- Information that is legally disclosed to the public, such as legitimate news reports and government information disclosure channels.
 
 ## 6\. Your Rights
 
diff --git a/src/conf/policy.md b/src/conf/policy.md
index 79a812475057dba849a2a3b8973d37d388785e1a..dc96e0d81ac573bd4f92fa37a6f75aec5c783f22 100644
--- a/src/conf/policy.md
+++ b/src/conf/policy.md
@@ -6,27 +6,27 @@
 
 如果您仅仅浏览 openEuler 社区网站（以下简称“本网站”）的一般性内容，我们通常并不要求您提供个人信息，但在以下情形，我们会相应收集您的个人信息：
 
-+   **a.账号服务**，您在注册账户或使用我们的服务时，向我们提供的相关个人信息，例如电话号码、电子邮件等。
-+   **b.论坛服务**，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
-    +   您通过具有定位功能的移动设备使用我们的服务时，通过GPS或WiFi等方式收集的您的地理位置信息；
-    +   您可以通过关闭定位功能，停止对您的地理位置信息的收集。
-+   **日志信息**，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的**设备信息**、**浏览信息**、**点击信息**，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
+- **a.账号服务**，您在注册账户或使用我们的服务时，向我们提供的相关个人信息，例如电话号码、电子邮件等。
+- **b.论坛服务**，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
+  - 您通过具有定位功能的移动设备使用我们的服务时，通过GPS或WiFi等方式收集的您的地理位置信息；
+  - 您可以通过关闭定位功能，停止对您的地理位置信息的收集。
+- **日志信息**，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的**设备信息**、**浏览信息**、**点击信息**，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
 
 ## 2\. 我们如何使用 Cookie 及类似技术
 
 **2.1 信息存储的方式和期限**
 
-+   为确保网站正常运转，我们有时会在计算机或移动设备上存储 Cookie。Cookie是访问网站时放置在您的计算机或移动设备上的小型数据文件。Cookie 的内容只能由创建它的服务器检索或读取。Cookie服务于不同的目的，例如帮助我们了解网站如何被使用，让您高效地浏览页面，记住您的偏好并总体上改善您的浏览体验。
-+   一般情况下，我们只会在为实现服务目的所必需的时间内或法律法规规定的条件下存储您的个人信息。
+- 为确保网站正常运转，我们有时会在计算机或移动设备上存储 Cookie。Cookie是访问网站时放置在您的计算机或移动设备上的小型数据文件。Cookie 的内容只能由创建它的服务器检索或读取。Cookie服务于不同的目的，例如帮助我们了解网站如何被使用，让您高效地浏览页面，记住您的偏好并总体上改善您的浏览体验。
+- 一般情况下，我们只会在为实现服务目的所必需的时间内或法律法规规定的条件下存储您的个人信息。
 
 **2.2 我们使用二种类型的Cookie**
 
-+   严格必要的Cookie: 当您使用网站时，Cookie将确保您对该网站的访问尽可能顺利、安全;
-+   统计分析Cookie：我们收集关于您使用服务的信息，包括您的单次或多次访问，这些Cookie帮助我们了解服务是如何运行、使用的。我们使用百度提供的统计分析插件。
+- 严格必要的Cookie: 当您使用网站时，Cookie将确保您对该网站的访问尽可能顺利、安全;
+- 统计分析Cookie：我们收集关于您使用服务的信息，包括您的单次或多次访问，这些Cookie帮助我们了解服务是如何运行、使用的。我们使用百度提供的统计分析插件。
 
 **2.3 产品或服务停止运营时的通知**
 
-+   当我们的产品或服务发生停止运营的情况时，我们将以推送通知、公告等形式通知您，并在合理期限内删除您的个人信息或进行匿名化处理，法律法规另有规定的除外。
+- 当我们的产品或服务发生停止运营的情况时，我们将以推送通知、公告等形式通知您，并在合理期限内删除您的个人信息或进行匿名化处理，法律法规另有规定的除外。
 
 ## 3\. 我们如何共享您的个人信息
 
@@ -36,11 +36,11 @@
 
 我们可能将在向您提供服务的过程之中所收集的信息用作下列用途：
 
-+   我们将会在达成本声明所述目的所需的期限内保留您的个人信息，除非按照法律要求或您的要求需要延长保留期。
-+   一般而言，我们会自您使用我们的社区服务时获取您的个人信息之日起，根据可适用法律的要求或服务协议的约定，在留存期限内存储或保留您的个人信息。在您的个人信息超出保留期限后，且没有法律要求我们继续处理您的特定个人信息的情况下，我们将会根据可适用法律的要求删除您的个人信息，或进行匿名化处理。
-+   例如为了服务优化，基于统计访问数量目的收集的 IP 地址、访问时间戳、访问来源、访问页面、访问状态、访问资源大小、操作系统、系统语言、浏览器类型、浏览器语言、浏览器版本、访问社区所用服务器类型版本信息会保存 10 天后自动删除。
-+   使我们更加了解您如何接入和使用我们的服务，从而针对性地回应您的个性化需求，例如语言设定、位置设定、个性化的帮助服务和指示，或对您和其他用户作出其他方面的回应；
-+   例如当社区不再将您作为社区城市用户组的成员展示，我们将在 1 个月内删除之前为了展示您的成员身份而收集的您的个人数据（头像、姓名、邮箱、公司名称、职位、学校、个人简介）。
+- 我们将会在达成本声明所述目的所需的期限内保留您的个人信息，除非按照法律要求或您的要求需要延长保留期。
+- 一般而言，我们会自您使用我们的社区服务时获取您的个人信息之日起，根据可适用法律的要求或服务协议的约定，在留存期限内存储或保留您的个人信息。在您的个人信息超出保留期限后，且没有法律要求我们继续处理您的特定个人信息的情况下，我们将会根据可适用法律的要求删除您的个人信息，或进行匿名化处理。
+- 例如为了服务优化，基于统计访问数量目的收集的 IP 地址、访问时间戳、访问来源、访问页面、访问状态、访问资源大小、操作系统、系统语言、浏览器类型、浏览器语言、浏览器版本、访问社区所用服务器类型版本信息会保存 10 天后自动删除。
+- 使我们更加了解您如何接入和使用我们的服务，从而针对性地回应您的个性化需求，例如语言设定、位置设定、个性化的帮助服务和指示，或对您和其他用户作出其他方面的回应；
+- 例如当社区不再将您作为社区城市用户组的成员展示，我们将在 1 个月内删除之前为了展示您的成员身份而收集的您的个人数据（头像、姓名、邮箱、公司名称、职位、学校、个人简介）。
 
 ## 5\. 我们将如何保护您的个人信息
 
@@ -50,33 +50,33 @@
 
 ## 6\. 如何访问或控制您的个人信息
 
-+   访问我们持有的您的个人信息并获得副本的权利;
-+   要求我们更新或更正您的个人信息的权利;
-+   要求我们删除您的个人信息的权利；
-+   反对我们对您的个人信息进行处理的权利；
-+   限制我们对您的个人信息进行处理的权利；
-+   向有权的个人信息保护部门提起投诉、举报的权利。
+- 访问我们持有的您的个人信息并获得副本的权利;
+- 要求我们更新或更正您的个人信息的权利;
+- 要求我们删除您的个人信息的权利；
+- 反对我们对您的个人信息进行处理的权利；
+- 限制我们对您的个人信息进行处理的权利；
+- 向有权的个人信息保护部门提起投诉、举报的权利。
 
-+   **位置信息**，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
-    +   您通过具有定位功能的移动设备使用我们的服务时，通过GPS或WiFi等方式收集的您的地理位置信息；
-    +   您可以通过关闭定位功能，停止对您的地理位置信息的收集。
-+   **日志信息**，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的**设备信息**、**浏览信息**、**点击信息**，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
+- **位置信息**，指您开启设备定位功能并使用我们基于位置提供的相关服务时，收集的有关您位置的信息，包括：
+  - 您通过具有定位功能的移动设备使用我们的服务时，通过GPS或WiFi等方式收集的您的地理位置信息；
+  - 您可以通过关闭定位功能，停止对您的地理位置信息的收集。
+- **日志信息**，指您使用我们的服务时，系统可能通过cookies、标识符及相关技术收集的信息，包括您的**设备信息**、**浏览信息**、**点击信息**，并将该等信息储存为日志信息，为您提供个性化的用户体验、保障服务安全。您可以通过浏览器设置拒绝或管理cookie、标识符或相关技术的使用。
 
 ## 2\. 信息的存储
 
 **2.1 信息存储的方式和期限**
 
-+   我们会通过安全的方式存储您的信息，包括本地存储（例如利用APP进行数据缓存）、数据库和服务器日志。
-+   一般情况下，我们只会在为实现服务目的所必需的时间内或法律法规规定的条件下存储您的个人信息。
+- 我们会通过安全的方式存储您的信息，包括本地存储（例如利用APP进行数据缓存）、数据库和服务器日志。
+- 一般情况下，我们只会在为实现服务目的所必需的时间内或法律法规规定的条件下存储您的个人信息。
 
 **2.2 信息存储的地域**
 
-+   我们会按照法律法规规定，将境内收集的用户个人信息存储于中国境内。
-+   目前我们不会跨境传输或存储您的个人信息。将来如需跨境传输或存储的，我们会向您告知信息出境的目的、接收方、安全保证措施和安全风险，并征得您的同意。
+- 我们会按照法律法规规定，将境内收集的用户个人信息存储于中国境内。
+- 目前我们不会跨境传输或存储您的个人信息。将来如需跨境传输或存储的，我们会向您告知信息出境的目的、接收方、安全保证措施和安全风险，并征得您的同意。
 
 **2.3 产品或服务停止运营时的通知**
 
-+   当我们的产品或服务发生停止运营的情况时，我们将以推送通知、公告等形式通知您，并在合理期限内删除您的个人信息或进行匿名化处理，法律法规另有规定的除外。
+- 当我们的产品或服务发生停止运营的情况时，我们将以推送通知、公告等形式通知您，并在合理期限内删除您的个人信息或进行匿名化处理，法律法规另有规定的除外。
 
 ## 3\. 信息安全
 
@@ -86,14 +86,14 @@
 
 我们可能将在向您提供服务的过程之中所收集的信息用作下列用途：
 
-+   向您提供服务；
-+   在我们提供服务时，用于身份验证、客户服务、安全防范、诈骗监测、存档和备份用途，确保我们向您提供的产品和服务的安全性；
-+   帮助我们设计新服务，改善我们现有服务；
-+   使我们更加了解您如何接入和使用我们的服务，从而针对性地回应您的个性化需求，例如语言设定、位置设定、个性化的帮助服务和指示，或对您和其他用户作出其他方面的回应；
-+   向您提供与您更加相关的广告以替代普遍投放的广告；
-+   评估我们服务中的广告和其他促销及推广活动的效果，并加以改善；
-+   软件认证或管理软件升级；
-+   让您参与有关我们产品和服务的调查。
+- 向您提供服务；
+- 在我们提供服务时，用于身份验证、客户服务、安全防范、诈骗监测、存档和备份用途，确保我们向您提供的产品和服务的安全性；
+- 帮助我们设计新服务，改善我们现有服务；
+- 使我们更加了解您如何接入和使用我们的服务，从而针对性地回应您的个性化需求，例如语言设定、位置设定、个性化的帮助服务和指示，或对您和其他用户作出其他方面的回应；
+- 向您提供与您更加相关的广告以替代普遍投放的广告；
+- 评估我们服务中的广告和其他促销及推广活动的效果，并加以改善；
+- 软件认证或管理软件升级；
+- 让您参与有关我们产品和服务的调查。
 
 ## 5\. 信息共享
 
@@ -109,12 +109,12 @@
 
 另外，根据相关法律法规及国家标准，以下情形中，我们可能会共享、转让、公开披露个人信息无需事先征得您的授权同意：
 
-+   与国家安全、国防安全直接相关的；
-+   与公共安全、公共卫生、重大公共利益直接相关的；
-+   犯罪侦查、起诉、审判和判决执行等直接相关的；
-+   出于维护个人信息主体或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；
-+   个人信息主体自行向社会公众公开个人信息的；
-+   从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。
+- 与国家安全、国防安全直接相关的；
+- 与公共安全、公共卫生、重大公共利益直接相关的；
+- 犯罪侦查、起诉、审判和判决执行等直接相关的；
+- 出于维护个人信息主体或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；
+- 个人信息主体自行向社会公众公开个人信息的；
+- 从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。
 
 ## 6\. 您的权利
 
@@ -128,4 +128,4 @@
 
 ## 8\. 未成年人保护
 
-我们鼓励父母或监护人指导未满十八岁的未成年人使用我们的服务。我们建议未成年人鼓励他们的父母或监护人阅读本《隐私政策》，并建议未成年人在提交的个人信息之前寻求父母或监护人的同意和指导。
\ No newline at end of file
+我们鼓励父母或监护人指导未满十八岁的未成年人使用我们的服务。我们建议未成年人鼓励他们的父母或监护人阅读本《隐私政策》，并建议未成年人在提交的个人信息之前寻求父母或监护人的同意和指导。
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index ee3ac3a6e7738338951c7f0bf80e8a5e5c5ac638..766c6bfc105a12cab31aae09983b2ec9e34f7ad5 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -1,7 +1,7 @@
-import { createI18n } from 'vue-i18n'
+import { createI18n } from 'vue-i18n';
 // 语言包
-import CN from './lang/zh-cn'
-import EN from './lang/en'
+import CN from './lang/zh-cn';
+import EN from './lang/en';
 
 const i18n = createI18n({
   legacy: false, // 设置为 false，启用 composition API 模式
@@ -10,5 +10,5 @@ const i18n = createI18n({
     CN,
     EN,
   },
-})
-export default i18n
+});
+export default i18n;
diff --git a/src/i18n/lang/en.ts b/src/i18n/lang/en.ts
index 25e01ebedf8ac9de6e0172cf19a6230f068224b8..bf3ed148208d868263c3961169471c8650dbec6d 100644
--- a/src/i18n/lang/en.ts
+++ b/src/i18n/lang/en.ts
@@ -1,242 +1,269 @@
 export default {
-    home: {
-      name: 'EulerCopilot',
-    },
-    tabs: {
-      work: 'Work',
-      private: 'Private',
-      collect: 'Collect',
-      like: 'Like',
-    },
-    menu:{
-      dialogue:'Dialogue',
-      semantic_center:'Semantic Center',
-      app_center:'App Center',
-      sql:'witchainD',
-    },
-    semantic:{
-      semantic_interface_center:'Semantic interface center',
-      all_select:'All',
-      interface_name:'Interface name',
-      interface_introduction:'Interface introduction',
-      username:'Username',
-      interface_search:'Search',
-      interface_upload:'Upload',
-      all_interface:'All interface',
-      my_upload:'My upload',
-      my_favorite:'My favorite',
-      interface_edit:'Edit',
-      interface_delete:'Delete',
-      no_data:'No data',
-      upload_semantic_interface:'Upload Interface',
-      edit_semantic_interface:'Edit Interface',
-      view_semantic_interface:'View Interface',
-      cancel:'Cancel',
-      submit:'Submit',
-      edit:"Edit",
-      analyze:'Analyze',
-    },
-    app:{
-      app_center:'App Center',
-      all_select:'All',
-      app_name:'App name',
-      app_introduction:'App introduction',
-      username:'Username',
-      app_search:'Search',
-      app_create:'Create',
-      all_app:'All App',
-      my_created:'My creations',
-      my_favorite:'My favorite',
-      app_edit:'Edit',
-      app_delete:'Delete',
-      no_data:'No data',
-      upload_app:'Upload App',
-      edit_app:'Edit App',
-      view_app:'View App',
-      cancel:'Cancel',
-      submit:'Submit',
-      edit:"Edit",
-      analyze:'Analyze',
-      unpublished:'Unpublished',
-    },
-    main: {
-      describe1:"Hi! I'm",
-      describe2:", and I'm happy to be of service.",
-      left_describe:"Popular Apps",
-      os_knowledge: 'CVE热修复智能助手',
-      os_knowledge_describe: 'CVE热修复',
-      openEuler_expertise: '智能诊断智能助手',
-      openEuler_expertise_describe: '智能诊断',
-      beyond_openEuler: '智能调优智能助手',
-      beyond_openEuler_describe: '智能调优',
-      openEuler_use_cases: 'AI容器栈智能助手',
-      openEuler_use_cases_describe: 'AI容器栈',
-      command_generation:'Command Generation',
-      command_generation_describe:'Need help crafting the perfect shell command? I can generate single or complex commands for you.',
-      question:"Recommendation qustions",
-      smart_shell_describe:'Experience the future of OSs with our smart shell! Use natural language to diagnose and optimize your system.',
-      try_app:"Enter the App Center",
-      refresh:"Refresh",
-      query_interpretation:"Query Interpretation",
-      Automatic:"Automatic",
-      ask_me_anything:"Ask me anything about openEuler. Press Shift+Enter to start a new line.",
-      you_might_want_to_know:"You might want to know:",
-      close:"Close",
-      email1:"Email:",
-      email2:"contact@openeuler.io",
-      opinions:"AI-generated responses are for reference only and do not reflect the opinions of openEuler.",
-      service_agreement:"Service Agreement",
-      privacy_policy:"Privacy Policy",
-      contact_us:"Contact Us",
-      version:"Version 0.9.5"
-    },
-    history:{
-      new_chat: "New Chat",  
-      latestConversation:"This is the latest conversation",
-      recent_chats: "Recent Chats",  
-      delete_chats: "Delete Chats",  
-      find_recent_chats: "Find recent chats.",  
-      rename: "Rename",  
-      delete: "Delete", // 注意：这个字段可能与批量删除操作冲突，具体取决于应用逻辑  
-      delete_successfully: "Delete successfully",  
-      delete_failed: "Delete failed",  
-      cancel: "Cancel",  
-      confirmation_message:"Delete Chats?",
-      confirmation_message1: "Tip",  
-      select_all: "Select All",  
-      confirmation_content1: "The selected ",  
-      confirmation_content2: " chats will be deleted.",
-      delete_content1:"This chat",  
-      delete_content2:"will be deleted.",  
-      ok: "OK",  
-      chat_history_limit: "You can view up to 200 of your most recent chats.",  
-      time_filter_today: "Today",  
-      time_filter_last_7_days: "Last 7 days",  
-      time_filter_last_30_days: "Last 30 days",  
-      time_filter_last_6_months: "Last 6 months",  
-      links: "Links",  
-      hiss_basic_software_service_capability_platform: "HiSS Basic Software Service Capability Platform", // 注意：这里我保留了原始的大小写，但通常我们会将首字母大写  
-      collapse: "Collapse",  
-      no_chat_history: "No chat history available.", // 假设需要一个字段来表示没有历史对话的情况  
-      expand: "Expand", // 假设界面中有展开历史对话的功能
-      myApp:"My Apps",
-    },
-    feedback:{
-      feedbackSuccesful:"Feedback succeeded.",
-      regenerate: "Regenerate", // 这里我保留了原样，因为通常键名不加双引号  
-      try_ask_me: "Try ask me:",  
-      eulercopilot_is_thinking: "EulerCopilot is thinking…",  
-      generation_stopped: "Generation stopped.",  
-      stop: "Stop",  
-      stopSuccessful: "Stop Successfully", 
-      systemBusy:"The system is busy. Please try again later.",
-      onlySupport:"I'm sorry, but for now, we only support questions related to the fields of openEuler and Linux.",
-      copy: "Copy",
-      copied_successfully: "Copied successfully.", 
-      copied_failed: "Copied failed",   
-      edit_successful:"Edit successful",
-      edit_failed:"Edit failed",
-      good_answer: "Good Answer",  
-      bad_answer: "Bad Answer",  
-      your_feedback_helps_us_improve: "Your feedback helps us improve.",  
-      the_information_is_inappropriate_or_illegal: "The information is inappropriate or illegal.",  
-      the_answer_is_not_helpful: "The answer is not helpful.",  
-      i_found_an_error: "I found an error!",  
-      enter_the_link_to_the_correct_answer: "Enter the link to the correct answer.",  
-      describe_the_error: "Describe the error.",  
-      submit: "Submit",  
-      report: "Report",  
-      reason_for_reporting: "Reason for Reporting",
-      enter_a_description_for_your_report:"Enter a description for your report."
-    },
-    Report:{
-      pornographic_content: "Pornographic content",  
-      account_violation: "Account violation",  
-      politically_sensitive_content: "Politically sensitive content",  
-      violence_or_terrorism: "Violence or terrorism",  
-      defamation_or_rumor_spreading: "Defamation or rumor spreading",  
-      insult_to_heroes_or_martyrs: "Insult to heroes or martyrs",  
-      spam: "Spam",  
-      ethnic_or_religious_incitement: "Ethnic or religious incitement",  
-      disturbing_content: "Disturbing content",  
-      abuse_or_harassment: "Abuse or harassment",  
-      gambling_or_fraud: "Gambling or fraud",  
-      consumer_manipulation: "Consumer manipulation",  
-      harm_to_minors: "Harm to minors",  
-      illegal_or_prohibited_items: "Illegal or prohibited items",  
-      other_violations: "Other violations"
-    },
-    Login:{
-      login: "Log In",  
-      logout: "Log Out",  
-      login_now: "Log In Now",  // 假设这里“立即登录”需要更明确的英文表达  
-      account: "Account",  
-      enter_account: "Please enter your account",  
-      password: "Password",  
-      enter_password: "Please enter your password",  
-      incorrect_password: "Incorrect password",  
-      api_key_management: "API Key Management",  
-      no_api_key_available: "No API key is available",  
-      create_api_key: "Create API Key",  
-      api_key_display_once: "This API Key will be displayed only once. Please copy and save it securely.",  
-      revoke: "Revoke",  // 为了与英文操作保持一致，我将“撤销”明确为对API Key的操作  
-      refresh: "Refresh",
-      unauthorized:"Unauthorized page, please login first"
-    },
-    question:{  
-      open_euler_community_edition_categories: "Community Edition Categories",  
-      lts_release_cycle_and_support: "LTS Release Cycle and Community Support Duration",  
-      innovation_release_cycle_and_support: "Innovation Release Cycle and Community Support Duration",  
-      container_cloud_platform_solution: "Container Cloud Platform Solution (CCPS) of the openEuler Community",  
-      sec_gear_main_functions: "Main Functions of secGear",  
-      dde_description: "What is DDE?",  
-      lustre_description: "What is Lustre?",  
-      open_euler_testing_management_platform: "Testing Management Platform of the openEuler Community",  
-      open_euler_pkgship: "What is pkgship in openEuler?",  
-      open_euler_software_package_introduction_principles: "Introduction Principles of openEuler Software Packages",  
-      download_rpm_without_installing: "How to download an RPM package to the local system without installing it in openEuler?",  
-      count_the_occurrences_of_the_hello:"Generate a shell command to count the occurrences of the 'hello' string in the 'test.txt' file.",
-      convert_uppercase_to_lowercase: "Give me a shell command to convert uppercase letters to lowercase in text files in the current directory and its subdirectories",  
-      list_files_with_specific_permissions: "Give me a shell command to find and list files with specific permissions in the current directory",  
-      search_error_keyword_with_context: "Give me a shell command to search for the keyword 'error' in text files in the /home directory and its subdirectories, and output the matching lines along with the 3 lines before and after them to a file named 'result.txt'",  
-      clear_dependencies_for_software_package: "How to clear dependencies for software packages in openEuler?",  
-      gpgcheck_purpose_in_dnf: "What is the purpose of the gpgcheck parameter in DNF in openEuler?",  
-      installonly_limit_function_in_dnf: "What is the function of the installonly_limit parameter in DNF in openEuler?",  
-      clean_requirement_on_remove_function_in_dnf: "What is the function of the clean_requirement_on_remove parameter in DNF in openEuler?",  
-      hunan_tobacco_monopoly_applications_on_openeuler: "What are the applications of Hunan Tobacco Monopoly based on openEuler?",  
-      xsky_applications_on_openeuler: "What are the applications of XSKY based on openEuler?"  
+  home: {
+    name: 'EulerCopilot',
+  },
+  tabs: {
+    work: 'Work',
+    private: 'Private',
+    collect: 'Collect',
+    like: 'Like',
+  },
+  menu: {
+    dialogue: 'Dialogue',
+    semantic_center: 'Semantic Center',
+    app_center: 'App Center',
+    sql: 'witchainD',
+  },
+  semantic: {
+    semantic_interface_center: 'Semantic interface center',
+    all_select: 'All',
+    interface_name: 'Interface name',
+    interface_introduction: 'Interface introduction',
+    username: 'Username',
+    interface_search: 'Search',
+    interface_upload: 'Upload',
+    all_interface: 'All interface',
+    my_upload: 'My upload',
+    my_favorite: 'My favorite',
+    interface_edit: 'Edit',
+    interface_delete: 'Delete',
+    no_data: 'No data',
+    upload_semantic_interface: 'Upload Interface',
+    edit_semantic_interface: 'Edit Interface',
+    view_semantic_interface: 'View Interface',
+    cancel: 'Cancel',
+    submit: 'Submit',
+    edit: 'Edit',
+    analyze: 'Analyze',
+  },
+  app: {
+    app_center: 'App Center',
+    all_select: 'All',
+    app_name: 'App name',
+    app_introduction: 'App introduction',
+    username: 'Username',
+    app_search: 'Search',
+    app_create: 'Create',
+    all_app: 'All App',
+    my_created: 'My creations',
+    my_favorite: 'My favorite',
+    app_edit: 'Edit',
+    app_delete: 'Delete',
+    no_data: 'No data',
+    upload_app: 'Upload App',
+    edit_app: 'Edit App',
+    view_app: 'View App',
+    cancel: 'Cancel',
+    submit: 'Submit',
+    edit: 'Edit',
+    analyze: 'Analyze',
+    unpublished: 'Unpublished',
+  },
+  main: {
+    describe1: "Hi! I'm",
+    describe2: ", and I'm happy to be of service.",
+    left_describe: 'Popular Apps',
+    os_knowledge: 'CVE热修复智能助手',
+    os_knowledge_describe: 'CVE热修复',
+    openEuler_expertise: '智能诊断智能助手',
+    openEuler_expertise_describe: '智能诊断',
+    beyond_openEuler: '智能调优智能助手',
+    beyond_openEuler_describe: '智能调优',
+    openEuler_use_cases: 'AI容器栈智能助手',
+    openEuler_use_cases_describe: 'AI容器栈',
+    command_generation: 'Command Generation',
+    command_generation_describe:
+      'Need help crafting the perfect shell command? I can generate single or complex commands for you.',
+    question: 'Recommendation qustions',
+    smart_shell_describe:
+      'Experience the future of OSs with our smart shell! Use natural language to diagnose and optimize your system.',
+    try_app: 'Enter the App Center',
+    refresh: 'Refresh',
+    query_interpretation: 'Query Interpretation',
+    Automatic: 'Automatic',
+    ask_me_anything:
+      'Ask me anything about openEuler. Press Shift+Enter to start a new line.',
+    you_might_want_to_know: 'You might want to know:',
+    close: 'Close',
+    email1: 'Email:',
+    email2: 'contact@openeuler.io',
+    opinions:
+      'AI-generated responses are for reference only and do not reflect the opinions of openEuler.',
+    service_agreement: 'Service Agreement',
+    privacy_policy: 'Privacy Policy',
+    contact_us: 'Contact Us',
+    version: 'Version 0.9.5',
+  },
+  history: {
+    new_chat: 'New Chat',
+    latestConversation: 'This is the latest conversation',
+    recent_chats: 'Recent Chats',
+    delete_chats: 'Delete Chats',
+    find_recent_chats: 'Find recent chats.',
+    rename: 'Rename',
+    delete: 'Delete', // 注意：这个字段可能与批量删除操作冲突，具体取决于应用逻辑
+    delete_successfully: 'Delete successfully',
+    delete_failed: 'Delete failed',
+    cancel: 'Cancel',
+    confirmation_message: 'Delete Chats?',
+    confirmation_message1: 'Tip',
+    select_all: 'Select All',
+    confirmation_content1: 'The selected ',
+    confirmation_content2: ' chats will be deleted.',
+    delete_content1: 'This chat',
+    delete_content2: 'will be deleted.',
+    ok: 'OK',
+    chat_history_limit: 'You can view up to 200 of your most recent chats.',
+    time_filter_today: 'Today',
+    time_filter_last_7_days: 'Last 7 days',
+    time_filter_last_30_days: 'Last 30 days',
+    time_filter_last_6_months: 'Last 6 months',
+    links: 'Links',
+    hiss_basic_software_service_capability_platform:
+      'HiSS Basic Software Service Capability Platform', // 注意：这里我保留了原始的大小写，但通常我们会将首字母大写
+    collapse: 'Collapse',
+    no_chat_history: 'No chat history available.', // 假设需要一个字段来表示没有历史对话的情况
+    expand: 'Expand', // 假设界面中有展开历史对话的功能
+    myApp: 'My Apps',
+  },
+  feedback: {
+    feedbackSuccesful: 'Feedback succeeded.',
+    regenerate: 'Regenerate', // 这里我保留了原样，因为通常键名不加双引号
+    try_ask_me: 'Try ask me:',
+    eulercopilot_is_thinking: 'EulerCopilot is thinking…',
+    generation_stopped: 'Generation stopped.',
+    stop: 'Stop',
+    stopSuccessful: 'Stop Successfully',
+    systemBusy: 'The system is busy. Please try again later.',
+    onlySupport:
+      "I'm sorry, but for now, we only support questions related to the fields of openEuler and Linux.",
+    copy: 'Copy',
+    copied_successfully: 'Copied successfully.',
+    copied_failed: 'Copied failed',
+    edit_successful: 'Edit successful',
+    edit_failed: 'Edit failed',
+    good_answer: 'Good Answer',
+    bad_answer: 'Bad Answer',
+    your_feedback_helps_us_improve: 'Your feedback helps us improve.',
+    the_information_is_inappropriate_or_illegal:
+      'The information is inappropriate or illegal.',
+    the_answer_is_not_helpful: 'The answer is not helpful.',
+    i_found_an_error: 'I found an error!',
+    enter_the_link_to_the_correct_answer:
+      'Enter the link to the correct answer.',
+    describe_the_error: 'Describe the error.',
+    submit: 'Submit',
+    report: 'Report',
+    reason_for_reporting: 'Reason for Reporting',
+    enter_a_description_for_your_report: 'Enter a description for your report.',
+  },
+  Report: {
+    pornographic_content: 'Pornographic content',
+    account_violation: 'Account violation',
+    politically_sensitive_content: 'Politically sensitive content',
+    violence_or_terrorism: 'Violence or terrorism',
+    defamation_or_rumor_spreading: 'Defamation or rumor spreading',
+    insult_to_heroes_or_martyrs: 'Insult to heroes or martyrs',
+    spam: 'Spam',
+    ethnic_or_religious_incitement: 'Ethnic or religious incitement',
+    disturbing_content: 'Disturbing content',
+    abuse_or_harassment: 'Abuse or harassment',
+    gambling_or_fraud: 'Gambling or fraud',
+    consumer_manipulation: 'Consumer manipulation',
+    harm_to_minors: 'Harm to minors',
+    illegal_or_prohibited_items: 'Illegal or prohibited items',
+    other_violations: 'Other violations',
+  },
+  Login: {
+    login: 'Log In',
+    logout: 'Log Out',
+    login_now: 'Log In Now', // 假设这里“立即登录”需要更明确的英文表达
+    account: 'Account',
+    enter_account: 'Please enter your account',
+    password: 'Password',
+    enter_password: 'Please enter your password',
+    incorrect_password: 'Incorrect password',
+    api_key_management: 'API Key Management',
+    no_api_key_available: 'No API key is available',
+    create_api_key: 'Create API Key',
+    api_key_display_once:
+      'This API Key will be displayed only once. Please copy and save it securely.',
+    revoke: 'Revoke', // 为了与英文操作保持一致，我将“撤销”明确为对API Key的操作
+    refresh: 'Refresh',
+    unauthorized: 'Unauthorized page, please login first',
+  },
+  question: {
+    open_euler_community_edition_categories: 'Community Edition Categories',
+    lts_release_cycle_and_support:
+      'LTS Release Cycle and Community Support Duration',
+    innovation_release_cycle_and_support:
+      'Innovation Release Cycle and Community Support Duration',
+    container_cloud_platform_solution:
+      'Container Cloud Platform Solution (CCPS) of the openEuler Community',
+    sec_gear_main_functions: 'Main Functions of secGear',
+    dde_description: 'What is DDE?',
+    lustre_description: 'What is Lustre?',
+    open_euler_testing_management_platform:
+      'Testing Management Platform of the openEuler Community',
+    open_euler_pkgship: 'What is pkgship in openEuler?',
+    open_euler_software_package_introduction_principles:
+      'Introduction Principles of openEuler Software Packages',
+    download_rpm_without_installing:
+      'How to download an RPM package to the local system without installing it in openEuler?',
+    count_the_occurrences_of_the_hello:
+      "Generate a shell command to count the occurrences of the 'hello' string in the 'test.txt' file.",
+    convert_uppercase_to_lowercase:
+      'Give me a shell command to convert uppercase letters to lowercase in text files in the current directory and its subdirectories',
+    list_files_with_specific_permissions:
+      'Give me a shell command to find and list files with specific permissions in the current directory',
+    search_error_keyword_with_context:
+      "Give me a shell command to search for the keyword 'error' in text files in the /home directory and its subdirectories, and output the matching lines along with the 3 lines before and after them to a file named 'result.txt'",
+    clear_dependencies_for_software_package:
+      'How to clear dependencies for software packages in openEuler?',
+    gpgcheck_purpose_in_dnf:
+      'What is the purpose of the gpgcheck parameter in DNF in openEuler?',
+    installonly_limit_function_in_dnf:
+      'What is the function of the installonly_limit parameter in DNF in openEuler?',
+    clean_requirement_on_remove_function_in_dnf:
+      'What is the function of the clean_requirement_on_remove parameter in DNF in openEuler?',
+    hunan_tobacco_monopoly_applications_on_openeuler:
+      'What are the applications of Hunan Tobacco Monopoly based on openEuler?',
+    xsky_applications_on_openeuler:
+      'What are the applications of XSKY based on openEuler?',
   },
   upload: {
-    upload_tip_text: "Maximum 10 files, 64 MB in total. Formats: pdf, docx, doc, txt, md, xlsx",
-    uploading: "Upload...",
-    upload_fail: "Upload failed",
-    resolving: "Parsing...",
-    resolve_fail: "Parsing failed",
-    error_type_msg: "Upload failed, Invalid file type.",
-    error_size_msg: "Upload failed, The number or size of files exceeds the upper limits.",
-    error_name_msg: "Upload failed, Duplicate file names exit.",
-    aside_session_file_count_front: "",
-    aside_session_file_count_back: "files",
+    upload_tip_text:
+      'Maximum 10 files, 64 MB in total. Formats: pdf, docx, doc, txt, md, xlsx',
+    uploading: 'Upload...',
+    upload_fail: 'Upload failed',
+    resolving: 'Parsing...',
+    resolve_fail: 'Parsing failed',
+    error_type_msg: 'Upload failed, Invalid file type.',
+    error_size_msg:
+      'Upload failed, The number or size of files exceeds the upper limits.',
+    error_name_msg: 'Upload failed, Duplicate file names exit.',
+    aside_session_file_count_front: '',
+    aside_session_file_count_back: 'files',
   },
   apikey: {
-    save_apikey: "This API KEY is only displayed once, please copy and save it properly",
-    no_apikey: "No available API key",
-    create_apikey: "Create new API key",
+    save_apikey:
+      'This API KEY is only displayed once, please copy and save it properly',
+    no_apikey: 'No available API key',
+    create_apikey: 'Create new API key',
   },
   witChainD: {
-    witChainD: "WitChainD",
-    witChainD_id: "id",
-    describe_the_witChainD: "Please enter witChainD id",
+    witChainD: 'WitChainD',
+    witChainD_id: 'id',
+    describe_the_witChainD: 'Please enter witChainD id',
   },
   flow: {
-    flow_start: "Workflow in progress",
-    flow_end: "Workflow completed",
-    flow_params_error: "Missing parameters",
-    flow_pause: "Workflow paused",
+    flow_start: 'Workflow in progress',
+    flow_end: 'Workflow completed',
+    flow_params_error: 'Missing parameters',
+    flow_pause: 'Workflow paused',
   },
   pagination: {
     prev: 'Previous',
     next: 'Next',
-  }
-}
-  
\ No newline at end of file
+  },
+};
diff --git a/src/i18n/lang/zh-cn.ts b/src/i18n/lang/zh-cn.ts
index 18bda3cbb2468a8e68630267048a3b81fc23b610..08c28de4a5a3ec763db6d8ae14287e6815661e6f 100644
--- a/src/i18n/lang/zh-cn.ts
+++ b/src/i18n/lang/zh-cn.ts
@@ -1,4 +1,4 @@
-import { appApi } from "srcapis/paths";
+import { appApi } from 'srcapis/paths';
 
 export default {
   home: {
@@ -10,61 +10,61 @@ export default {
     collect: '收藏',
     like: '喜欢',
   },
-  menu:{
-    dialogue:'对话',
-    semantic_center:'语义中心',
-    app_center:'应用中心',
-    sql:'知识库',
-  },
-  semantic:{
-    semantic_interface_center:'语义接口中心',
-    all_select:'全部',
-    interface_name:'接口名称',
-    interface_introduction:'接口简介',
-    username:'用户名称',
-    interface_search:'搜索',
-    interface_upload:'上传',
-    all_interface:'全部接口',
-    my_upload:'我的上传',
-    my_favorite:'我的收藏',
-    interface_edit:'编辑',
-    interface_delete:'删除',
-    no_data:'暂无数据',
-    upload_semantic_interface:'上传语义接口',
-    edit_semantic_interface:'编辑语义接口',
-    view_semantic_interface:'查看语义接口',
-    choose_file:"选择文件",
-    tip1:'将文件拖拽到此处 或',
-    tip2:'格式: YAML, 大小 < 2M',
-    interface_path:"接口路径",
-    interface_description:"接口描述",
-    cancel:'取消',
-    submit:'确定',
-    edit:"编辑",
-    analyze:'解析',
-  },
-  app:{
-    app_center:'应用中心',
-    all_select:'全部',
-    app_name:'应用名称',
-    app_introduction:'应用简介',
-    username:'用户名称',
-    app_search:'搜索',
-    app_create:'创建',
-    all_app:'全部应用',
-    my_created:'我的创建',
-    my_favorite:'我的收藏',
-    app_edit:'编辑',
-    app_delete:'删除',
-    no_data:'暂无数据',
-    upload_app:'上传应用',
-    edit_app:'编辑应用',
-    view_app:'查看应用',
-    cancel:'取消',
-    submit:'确定',
-    edit:"编辑",
-    analyze:'解析',
-    unpublished:'未发布',
+  menu: {
+    dialogue: '对话',
+    semantic_center: '语义中心',
+    app_center: '应用中心',
+    sql: '知识库',
+  },
+  semantic: {
+    semantic_interface_center: '语义接口中心',
+    all_select: '全部',
+    interface_name: '接口名称',
+    interface_introduction: '接口简介',
+    username: '用户名称',
+    interface_search: '搜索',
+    interface_upload: '上传',
+    all_interface: '全部接口',
+    my_upload: '我的上传',
+    my_favorite: '我的收藏',
+    interface_edit: '编辑',
+    interface_delete: '删除',
+    no_data: '暂无数据',
+    upload_semantic_interface: '上传语义接口',
+    edit_semantic_interface: '编辑语义接口',
+    view_semantic_interface: '查看语义接口',
+    choose_file: '选择文件',
+    tip1: '将文件拖拽到此处 或',
+    tip2: '格式: YAML, 大小 < 2M',
+    interface_path: '接口路径',
+    interface_description: '接口描述',
+    cancel: '取消',
+    submit: '确定',
+    edit: '编辑',
+    analyze: '解析',
+  },
+  app: {
+    app_center: '应用中心',
+    all_select: '全部',
+    app_name: '应用名称',
+    app_introduction: '应用简介',
+    username: '用户名称',
+    app_search: '搜索',
+    app_create: '创建',
+    all_app: '全部应用',
+    my_created: '我的创建',
+    my_favorite: '我的收藏',
+    app_edit: '编辑',
+    app_delete: '删除',
+    no_data: '暂无数据',
+    upload_app: '上传应用',
+    edit_app: '编辑应用',
+    view_app: '查看应用',
+    cancel: '取消',
+    submit: '确定',
+    edit: '编辑',
+    analyze: '解析',
+    unpublished: '未发布',
   },
   main: {
     describe1: '你好，我是',
@@ -81,168 +81,185 @@ export default {
     command_generation: 'shell命令生成',
     command_generation_describe: '帮助用户生成单条命令或复杂命令',
     question: '推荐问题',
-    smart_shell_describe: '欢迎探索首款自然语言交互的智能操作系统：一句话，即享智能诊断与优化',
+    smart_shell_describe:
+      '欢迎探索首款自然语言交互的智能操作系统：一句话，即享智能诊断与优化',
     try_app: '进入应用中心',
-    refresh: "换一换",
-    query_interpretation: "请选择识别方式",
-    Automatic: "自动识别",
-    ask_me_anything: "在此输入您想了解的内容，输入Shift+Enter换行",
-    you_might_want_to_know: "你可能想问",
-    close: "关闭",
-    email1: "联系邮箱",
-    email2: "contact@openeuler.io",
-    opinions: "所有内容均由人工智能输出，仅供参考，不代表我们的态度和观点",
-    service_agreement: "服务协议",
-    privacy_policy: "隐私政策",
-    contact_us: "联系我们",
-    version: "版本号0.9.5-内测版"
+    refresh: '换一换',
+    query_interpretation: '请选择识别方式',
+    Automatic: '自动识别',
+    ask_me_anything: '在此输入您想了解的内容，输入Shift+Enter换行',
+    you_might_want_to_know: '你可能想问',
+    close: '关闭',
+    email1: '联系邮箱',
+    email2: 'contact@openeuler.io',
+    opinions: '所有内容均由人工智能输出，仅供参考，不代表我们的态度和观点',
+    service_agreement: '服务协议',
+    privacy_policy: '隐私政策',
+    contact_us: '联系我们',
+    version: '版本号0.9.5-内测版',
   },
   history: {
-    new_chat: "新建对话",
-    latestConversation: "已是最新对话",
-    recent_chats: "历史记录",
-    delete_chats: "批量删除",
-    find_recent_chats: "搜索历史记录",
-    rename: "重命名",
-    delete: "删除",
-    delete_successfully: "删除成功",
-    delete_failed: "删除失败",
-    cancel: "取消",
-    select_all: "全选",
-    confirmation_message: "提示",
-    confirmation_message1: "提示",
-    confirmation_content1: "确定删除已选中的共计",
-    confirmation_content2: "条对话吗",
-    delete_content1: "确定删除",
-    delete_content2: "吗？",
-    ok: "确定",
-    chat_history_limit: "仅展示最近200条对话",
-    time_filter_today: "今天",
-    time_filter_last_7_days: "最近7天",
-    time_filter_last_30_days: "最近30天",
-    time_filter_last_6_months: "最近半年",
-    links: "友情链接",
-    hiss_basic_software_service_capability_platform: "基础软件服务能力平台",
-    collapse: "收起",
-    no_chat_history: "暂无历史对话",
-    expand: "展开",
-    myApp:"我的应用",
+    new_chat: '新建对话',
+    latestConversation: '已是最新对话',
+    recent_chats: '历史记录',
+    delete_chats: '批量删除',
+    find_recent_chats: '搜索历史记录',
+    rename: '重命名',
+    delete: '删除',
+    delete_successfully: '删除成功',
+    delete_failed: '删除失败',
+    cancel: '取消',
+    select_all: '全选',
+    confirmation_message: '提示',
+    confirmation_message1: '提示',
+    confirmation_content1: '确定删除已选中的共计',
+    confirmation_content2: '条对话吗',
+    delete_content1: '确定删除',
+    delete_content2: '吗？',
+    ok: '确定',
+    chat_history_limit: '仅展示最近200条对话',
+    time_filter_today: '今天',
+    time_filter_last_7_days: '最近7天',
+    time_filter_last_30_days: '最近30天',
+    time_filter_last_6_months: '最近半年',
+    links: '友情链接',
+    hiss_basic_software_service_capability_platform: '基础软件服务能力平台',
+    collapse: '收起',
+    no_chat_history: '暂无历史对话',
+    expand: '展开',
+    myApp: '我的应用',
   },
   feedback: {
-    feedbackSuccesful: "反馈成功",
-    regenerate: "重新生成",
-    try_ask_me: "你可以继续问我：",
-    eulercopilot_is_thinking: "EulerCopilot正在生成回答...",
-    generation_stopped: "回答已停止生成",
-    stop: "停止回答",
-    stopSuccessful: "暂停成功",
-    systemBusy: "系统繁忙，请稍后再试",
-    onlySupport: "很抱歉，暂时只支持问题 openEuler 和 Linux 领域相关的问题",
-    copy: "复制",
-    copied_successfully: "复制成功",
-    copied_failed: "复制失败",
-    edit_successful: "编辑成功",
-    edit_failed: "编辑失败",
-    good_answer: "赞同",
-    bad_answer: "不赞同",
-    your_feedback_helps_us_improve: "您的反馈将帮助我们持续进步",
-    the_information_is_inappropriate_or_illegal: "存在不安全或违法信息",
-    the_answer_is_not_helpful: "回复内容没什么帮助",
-    i_found_an_error: "存在错误信息",
-    enter_the_link_to_the_correct_answer: "请输入参考答案链接",
-    describe_the_error: "请输入描述",
-    submit: "提交",
-    report: "举报",
-    reason_for_reporting: "选择举报类型",
-    enter_a_description_for_your_report: "请输入举报描述"
+    feedbackSuccesful: '反馈成功',
+    regenerate: '重新生成',
+    try_ask_me: '你可以继续问我：',
+    eulercopilot_is_thinking: 'EulerCopilot正在生成回答...',
+    generation_stopped: '回答已停止生成',
+    stop: '停止回答',
+    stopSuccessful: '暂停成功',
+    systemBusy: '系统繁忙，请稍后再试',
+    onlySupport: '很抱歉，暂时只支持问题 openEuler 和 Linux 领域相关的问题',
+    copy: '复制',
+    copied_successfully: '复制成功',
+    copied_failed: '复制失败',
+    edit_successful: '编辑成功',
+    edit_failed: '编辑失败',
+    good_answer: '赞同',
+    bad_answer: '不赞同',
+    your_feedback_helps_us_improve: '您的反馈将帮助我们持续进步',
+    the_information_is_inappropriate_or_illegal: '存在不安全或违法信息',
+    the_answer_is_not_helpful: '回复内容没什么帮助',
+    i_found_an_error: '存在错误信息',
+    enter_the_link_to_the_correct_answer: '请输入参考答案链接',
+    describe_the_error: '请输入描述',
+    submit: '提交',
+    report: '举报',
+    reason_for_reporting: '选择举报类型',
+    enter_a_description_for_your_report: '请输入举报描述',
   },
   Report: {
-    pornographic_content: "低俗色情",
-    account_violation: "账号违规",
-    politically_sensitive_content: "政治敏感",
-    violence_or_terrorism: "暴力恐怖",
-    defamation_or_rumor_spreading: "造谣诽谤",
-    insult_to_heroes_or_martyrs: "侮辱英烈",
-    spam: "垃圾广告",
-    ethnic_or_religious_incitement: "涉民族宗教",
-    disturbing_content: "引人不适",
-    abuse_or_harassment: "谩骂攻击",
-    gambling_or_fraud: "赌博诈骗",
-    consumer_manipulation: "诱导消费",
-    harm_to_minors: "危害未成年人",
-    illegal_or_prohibited_items: "违法违禁品",
-    other_violations: "其他"
+    pornographic_content: '低俗色情',
+    account_violation: '账号违规',
+    politically_sensitive_content: '政治敏感',
+    violence_or_terrorism: '暴力恐怖',
+    defamation_or_rumor_spreading: '造谣诽谤',
+    insult_to_heroes_or_martyrs: '侮辱英烈',
+    spam: '垃圾广告',
+    ethnic_or_religious_incitement: '涉民族宗教',
+    disturbing_content: '引人不适',
+    abuse_or_harassment: '谩骂攻击',
+    gambling_or_fraud: '赌博诈骗',
+    consumer_manipulation: '诱导消费',
+    harm_to_minors: '危害未成年人',
+    illegal_or_prohibited_items: '违法违禁品',
+    other_violations: '其他',
   },
   Login: {
-    login: "登录",
-    logout: "退出登录",
-    login_now: "立即登录",
-    account: "账号",
-    enter_account: "请输入账号",
-    password: "密码",
-    enter_password: "请输入密码",
-    incorrect_password: "密码输入有误",
-    api_key_management: "API Key管理",
-    no_api_key_available: "暂无可用的API Key",
-    create_api_key: "新建API Key",
-    api_key_display_once: "此API Key只展示一次，请复制后妥善保存。",
-    revoke: "撤销",
-    refresh: "刷新",
-    unauthorized: "页面未授权，请先登录"
+    login: '登录',
+    logout: '退出登录',
+    login_now: '立即登录',
+    account: '账号',
+    enter_account: '请输入账号',
+    password: '密码',
+    enter_password: '请输入密码',
+    incorrect_password: '密码输入有误',
+    api_key_management: 'API Key管理',
+    no_api_key_available: '暂无可用的API Key',
+    create_api_key: '新建API Key',
+    api_key_display_once: '此API Key只展示一次，请复制后妥善保存。',
+    revoke: '撤销',
+    refresh: '刷新',
+    unauthorized: '页面未授权，请先登录',
   },
   question: {
-    open_euler_community_edition_categories: "openEuler社区版本有哪些分类？",
-    lts_release_cycle_and_support: "openEuler长期支持版本的发布间隔周期和社区支持各是多久？",
-    innovation_release_cycle_and_support: "openEuler社区创新版本的发布间隔周期和社区支持各是多久？",
-    container_cloud_platform_solution: "openEuler社区的容器云管理平台解决方案(CCPS)是什么？",
-    sec_gear_main_functions: "secGear主要提供哪三大能力？",
-    dde_description: "DDE是一款什么组件？",
-    lustre_description: "Lustre是什么？",
-    open_euler_testing_management_platform: "openEuler社区的测试管理平台是什么？",
-    open_euler_pkgship: "openEuler的pkgship是什么？",
-    open_euler_software_package_introduction_principles: "openEuler软件包引入原则是什么？",
-    download_rpm_without_installing: "openEuler系统如何将一个RPM包下载到本地而不安装？",
-    count_the_occurrences_of_the_hello: "请给我一个shell命令，实现以下功能：计算test.txt文件中hello字符串的出现次数",
-    convert_uppercase_to_lowercase: "给我一个shell命令，实现以下功能：linux命令将本目录及子目录文本文件中的大写字母修改成小写字母",
-    list_files_with_specific_permissions: "给我一个shell命令，实现以下功能：shell命令查找当前目录下权限符合的文件并列出",
-    search_error_keyword_with_context: "给我一个shell命令，实现以下功能：在/home目录及其子目录中查找关键字“error”的文本文件，并将匹配行以及它们前后的3行内容输出到名为“result.txt”的文件中",
-    clear_dependencies_for_software_package: "openEuler系统如何清除软件源的依赖？",
-    gpgcheck_purpose_in_dnf: "openEuler系统DNF中的gpgcheck参数是用来做什么的？",
-    installonly_limit_function_in_dnf: "openEuler系统DNF中的installonly_limit参数的作用是？",
-    clean_requirement_on_remove_function_in_dnf: "openEuler系统DNF中的clean_requirement_on_remove参数具有什么功能？",
-    hunan_tobacco_monopoly_applications_on_openeuler: "湖南省烟草专卖局基于openeuler系统有哪些应用？",
-    xsky_applications_on_openeuler: "XSKY星辰天合公司基于openeuler系统有哪些应用？"
+    open_euler_community_edition_categories: 'openEuler社区版本有哪些分类？',
+    lts_release_cycle_and_support:
+      'openEuler长期支持版本的发布间隔周期和社区支持各是多久？',
+    innovation_release_cycle_and_support:
+      'openEuler社区创新版本的发布间隔周期和社区支持各是多久？',
+    container_cloud_platform_solution:
+      'openEuler社区的容器云管理平台解决方案(CCPS)是什么？',
+    sec_gear_main_functions: 'secGear主要提供哪三大能力？',
+    dde_description: 'DDE是一款什么组件？',
+    lustre_description: 'Lustre是什么？',
+    open_euler_testing_management_platform:
+      'openEuler社区的测试管理平台是什么？',
+    open_euler_pkgship: 'openEuler的pkgship是什么？',
+    open_euler_software_package_introduction_principles:
+      'openEuler软件包引入原则是什么？',
+    download_rpm_without_installing:
+      'openEuler系统如何将一个RPM包下载到本地而不安装？',
+    count_the_occurrences_of_the_hello:
+      '请给我一个shell命令，实现以下功能：计算test.txt文件中hello字符串的出现次数',
+    convert_uppercase_to_lowercase:
+      '给我一个shell命令，实现以下功能：linux命令将本目录及子目录文本文件中的大写字母修改成小写字母',
+    list_files_with_specific_permissions:
+      '给我一个shell命令，实现以下功能：shell命令查找当前目录下权限符合的文件并列出',
+    search_error_keyword_with_context:
+      '给我一个shell命令，实现以下功能：在/home目录及其子目录中查找关键字“error”的文本文件，并将匹配行以及它们前后的3行内容输出到名为“result.txt”的文件中',
+    clear_dependencies_for_software_package:
+      'openEuler系统如何清除软件源的依赖？',
+    gpgcheck_purpose_in_dnf: 'openEuler系统DNF中的gpgcheck参数是用来做什么的？',
+    installonly_limit_function_in_dnf:
+      'openEuler系统DNF中的installonly_limit参数的作用是？',
+    clean_requirement_on_remove_function_in_dnf:
+      'openEuler系统DNF中的clean_requirement_on_remove参数具有什么功能？',
+    hunan_tobacco_monopoly_applications_on_openeuler:
+      '湖南省烟草专卖局基于openeuler系统有哪些应用？',
+    xsky_applications_on_openeuler:
+      'XSKY星辰天合公司基于openeuler系统有哪些应用？',
   },
   upload: {
-    upload_tip_text: "支持上传文件（最多上传10个，总大小限制为64MB）接受pdf、docx、doc、txt、md、xlsx",
-    uploading: "正在上传...",
-    upload_fail: "上传失败",
-    resolving: "正在解析...",
-    resolve_fail: "解析失败",
-    error_type_msg: "上传失败，文件类型不符合要求。",
-    error_size_msg: "上传失败，文件数量或大小超过最大限制。",
-    error_name_msg: "上传失败，存在重名文件。",
-    aside_session_file_count_front: "共",
-    aside_session_file_count_back: "个文档",
-  },
-  apikey:{
-    save_apikey:"此API KEY只展示一次，请复制后妥善保存",
-    no_apikey:"暂无可用的apikey",
-    create_apikey:"新建apikey",
+    upload_tip_text:
+      '支持上传文件（最多上传10个，总大小限制为64MB）接受pdf、docx、doc、txt、md、xlsx',
+    uploading: '正在上传...',
+    upload_fail: '上传失败',
+    resolving: '正在解析...',
+    resolve_fail: '解析失败',
+    error_type_msg: '上传失败，文件类型不符合要求。',
+    error_size_msg: '上传失败，文件数量或大小超过最大限制。',
+    error_name_msg: '上传失败，存在重名文件。',
+    aside_session_file_count_front: '共',
+    aside_session_file_count_back: '个文档',
+  },
+  apikey: {
+    save_apikey: '此API KEY只展示一次，请复制后妥善保存',
+    no_apikey: '暂无可用的apikey',
+    create_apikey: '新建apikey',
   },
   witChainD: {
-    witChainD:"资产库配置",
-    witChainD_id: "资产库id",
-    describe_the_witChainD: "请输入",
+    witChainD: '资产库配置',
+    witChainD_id: '资产库id',
+    describe_the_witChainD: '请输入',
   },
   flow: {
-    flow_start: "工作流进行中",
-    flow_end: "工作流结束",
-    flow_params_error: "缺少参数",
-    flow_pause: "工作流暂停",
+    flow_start: '工作流进行中',
+    flow_end: '工作流结束',
+    flow_params_error: '缺少参数',
+    flow_pause: '工作流暂停',
   },
   pagination: {
     prev: 'Previous',
     next: 'Next',
-  }
-}
+  },
+};
diff --git a/src/main.ts b/src/main.ts
index 395d6d606488c7d72ba1fca4e69d68ededde8631..0b338732b6bcc2e41da45b2ce70cae7a55227df1 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -19,8 +19,8 @@ import 'src/assets/styles/main.scss';
 import 'src/assets/styles/element/index.scss';
 import opendesign2 from '@computing/opendesign2';
 import '@computing/opendesign2/themes/es/css';
-import zhCn from "element-plus/es/locale/lang/zh-cn";
-import {qiankunMounted} from './qiankun'
+import zhCn from 'element-plus/es/locale/lang/zh-cn';
+import { qiankunMounted } from './qiankun';
 
 import App from './App.vue';
 import router from './router';
@@ -28,45 +28,48 @@ import router from './router';
 import {
   renderWithQiankun,
   qiankunWindow,
-  QiankunProps
-} from "vite-plugin-qiankun/dist/helper";
+  QiankunProps,
+} from 'vite-plugin-qiankun/dist/helper';
 
-
-let app: AppInstance<Element> | null = null
+let app: AppInstance<Element> | null = null;
 
 const render = (props: any = {}) => {
-  let selector: string = "#app"
+  let selector: string = '#app';
   if (props && props.container) {
-    const { container } = props
-    selector = container && container.querySelector("#app") || "#app"
+    const { container } = props;
+    selector = (container && container.querySelector('#app')) || '#app';
   }
-  app = createApp(App)
-  app.use(createPinia()).use(router).use(ElementPlus, {
-    locale: zhCn,
-  }).use(opendesign2).use(i18n).mount(selector)
-}
+  app = createApp(App);
+  app
+    .use(createPinia())
+    .use(router)
+    .use(ElementPlus, {
+      locale: zhCn,
+    })
+    .use(opendesign2)
+    .use(i18n)
+    .mount(selector);
+};
 
 const initQianKun = () => {
   renderWithQiankun({
-    bootstrap() {
-    },
-    mount(props:QiankunProps) {
-      render(props)
+    bootstrap() {},
+    mount(props: QiankunProps) {
+      render(props);
       if (props) {
-        qiankunMounted(props)
+        qiankunMounted(props);
       }
     },
     unmount(props) {
       if (app) {
-        app.unmount()
-        const appContainer = app._container as HTMLElement
-        appContainer.innerHTML = ""
-        app = null
+        app.unmount();
+        const appContainer = app._container as HTMLElement;
+        appContainer.innerHTML = '';
+        app = null;
       }
     },
-    update(props) {
-    }
-  })
-}
+    update(props) {},
+  });
+};
 
-qiankunWindow.__POWERED_BY_QIANKUN__ ? initQianKun() : render();
\ No newline at end of file
+qiankunWindow.__POWERED_BY_QIANKUN__ ? initQianKun() : render();
diff --git a/src/qiankun.ts b/src/qiankun.ts
index 0006327d6d4d13142ec6991528e8f95184a8a46a..f95669574b8b2464699776aab6d81171fa26654e 100644
--- a/src/qiankun.ts
+++ b/src/qiankun.ts
@@ -1,33 +1,32 @@
-import { QiankunProps } from "vite-plugin-qiankun/dist/helper";
+import { QiankunProps } from 'vite-plugin-qiankun/dist/helper';
 import i18n from 'src/i18n';
 import { useAccountStore } from 'src/store';
 
 export function qiankunMounted(props: QiankunProps) {
-  const { theme, lang } = props.inittailData
-  const language = lang === 'en' ? 'EN' : 'CN'
-  localStorage.setItem('localeLang', language)
-  localStorage.setItem('theme', theme)
-  i18n.global.locale.value = language
-  props.onGlobalStateChange((state:any) => {
-    onQiankunGlobalChange(state)
-  })
+  const { theme, lang } = props.inittailData;
+  const language = lang === 'en' ? 'EN' : 'CN';
+  localStorage.setItem('localeLang', language);
+  localStorage.setItem('theme', theme);
+  i18n.global.locale.value = language;
+  props.onGlobalStateChange((state: any) => {
+    onQiankunGlobalChange(state);
+  });
 }
 
-
-function onQiankunGlobalChange(globalState: any) { 
+function onQiankunGlobalChange(globalState: any) {
   if (globalState.logout) {
-    const { logout } = useAccountStore()
-    logout()
+    const { logout } = useAccountStore();
+    logout();
   }
 
   if (globalState.lang) {
-    const language = globalState.lang === 'en' ? 'EN' : 'CN'
-    localStorage.setItem('localeLang', language)
-    i18n.global.locale.value = language
+    const language = globalState.lang === 'en' ? 'EN' : 'CN';
+    localStorage.setItem('localeLang', language);
+    i18n.global.locale.value = language;
   }
 
   if (globalState.theme) {
-    localStorage.setItem('theme', globalState.theme)
-    document.body.setAttribute("theme", globalState.theme);
+    localStorage.setItem('theme', globalState.theme);
+    document.body.setAttribute('theme', globalState.theme);
   }
-}
\ No newline at end of file
+}
diff --git a/src/router/index.ts b/src/router/index.ts
index 2dd61bf2e71c749ffdd5d1a95253b9270b8a25f5..8874bd509b23c45142d3e5b577154283cd43b645 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -13,7 +13,9 @@ import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 import { useAccountStore } from 'src/store';
 
 const router = createRouter({
-  history: createWebHashHistory(qiankunWindow.__POWERED_BY_QIANKUN__ ? '/eulercopilot/' : '/'),
+  history: createWebHashHistory(
+    qiankunWindow.__POWERED_BY_QIANKUN__ ? '/eulercopilot/' : '/',
+  ),
   routes: [
     {
       path: '/',
diff --git a/src/store/account.ts b/src/store/account.ts
index eb52afe84441d6e600e601aa7d5b595822f119ad..30538e022bd34a3e65fd2d4c98ca384328e6a64b 100644
--- a/src/store/account.ts
+++ b/src/store/account.ts
@@ -13,7 +13,7 @@ import { api } from 'src/apis';
 import { useRouter } from 'vue-router';
 import { LOGOUT_CALLBACK_URL } from 'src/views/dialogue/constants';
 import { successMsg } from 'src/components/Message';
-import i18n from 'src/i18n'
+import i18n from 'src/i18n';
 import { qiankunWindow } from 'vite-plugin-qiankun/dist/helper';
 
 export const useAccountStore = defineStore('account', () => {
@@ -29,7 +29,7 @@ export const useAccountStore = defineStore('account', () => {
     username: '',
     revsionNumber: null,
     organization: '',
-    user_sub:'', // 用户唯一标识
+    user_sub: '', // 用户唯一标识
   });
 
   /**
@@ -50,9 +50,9 @@ export const useAccountStore = defineStore('account', () => {
   async function getAuthUrl(action: string) {
     const [_, res] = await api.queryAuthUrl(action);
     if (res) {
-      return res.result.url
+      return res.result.url;
     }
-    return null
+    return null;
   }
 
   /**
@@ -60,7 +60,10 @@ export const useAccountStore = defineStore('account', () => {
    * @param user password
    * @returns csrftk
    */
-  const userLogin = async (passwd: string, account: string): Promise<boolean> => {
+  const userLogin = async (
+    passwd: string,
+    account: string,
+  ): Promise<boolean> => {
     const [_, res] = await api.userLogin(passwd, account);
     if (!_ && res) {
       sessionStorage.setItem('csrftk', res.result.csrf_token);
@@ -80,13 +83,12 @@ export const useAccountStore = defineStore('account', () => {
       userinfo.organization = '';
       userinfo.revsionNumber = null;
       sessionStorage.removeItem('csrftk');
-      successMsg(i18n.global.t('Login.logout'))
+      successMsg(i18n.global.t('Login.logout'));
       if (!qiankunWindow.__POWERED_BY_QIANKUN__) {
         setTimeout(() => {
           window.open(LOGOUT_CALLBACK_URL, '_self');
-        }, 500)
+        }, 500);
       }
-      ;
     }
   };
   /**
@@ -131,6 +133,6 @@ export const useAccountStore = defineStore('account', () => {
     getUserInfo,
     refreshAccessToken,
     updateAgreement,
-    getAuthUrl
+    getAuthUrl,
   };
 });
diff --git a/src/store/conversation.ts b/src/store/conversation.ts
index 69d8641c239fe223b828695e3ddb738a9c2abfcf..8f1b5823befe50dc49b1b99b169de138d66612b4 100644
--- a/src/store/conversation.ts
+++ b/src/store/conversation.ts
@@ -40,7 +40,9 @@ const features = {
 
 function getCookie(name: string) {
   let matches = document.cookie.match(
-    new RegExp('(?:^|; )' + name.replace(/([.$?*|{}()\[\]\\/+^])/g, '\\$1') + '=([^;]*)'),
+    new RegExp(
+      '(?:^|; )' + name.replace(/([.$?*|{}()\[\]\\/+^])/g, '\\$1') + '=([^;]*)',
+    ),
   );
   return matches ? decodeURIComponent(matches[1]) : undefined;
 }
@@ -99,7 +101,9 @@ export const useSessionStore = defineStore('conversation', () => {
     params.conversationId = currentSelectedSession;
     // 当前问答在整个问答记录中的索引 openouler有什么ai特性
     const answerIndex = ind ?? conversationList.value.length - 1;
-    const conversationItem = conversationList.value[answerIndex] as RobotConversationItem;
+    const conversationItem = conversationList.value[
+      answerIndex
+    ] as RobotConversationItem;
     controller = new AbortController();
     const headers = {
       user: JSON.stringify({ userName: 'openEuler' }),
@@ -236,7 +240,8 @@ export const useSessionStore = defineStore('conversation', () => {
 
         if (done) {
           if (excelPath.value.length > 0) {
-            conversationItem.message[conversationItem.currentInd] += `</p><p>下载地址：${excelPath.value}`;
+            conversationItem.message[conversationItem.currentInd] +=
+              `</p><p>下载地址：${excelPath.value}`;
           }
           conversationItem.isFinish = true;
           isEnd = false;
@@ -248,7 +253,9 @@ export const useSessionStore = defineStore('conversation', () => {
           break;
         }
         // 这里删除了\n\n
-        const lines = decodedValue.split('\n\n').filter(line => line.startsWith('data: {'));
+        const lines = decodedValue
+          .split('\n\n')
+          .filter((line) => line.startsWith('data: {'));
         // 获取最后一个
         const lastLine = lines[lines.length - 1] || {};
         if (!judgeJson(lastLine.toString())) {
@@ -258,9 +265,11 @@ export const useSessionStore = defineStore('conversation', () => {
           addItem = '';
         }
         // pa
-        lines.forEach(line => {
+        lines.forEach((line) => {
           // 这里json解析
-          const message = Object(JSON.parse(line.replace(/^data:\s*/, '').trim()));
+          const message = Object(
+            JSON.parse(line.replace(/^data:\s*/, '').trim()),
+          );
           if ('metadata' in message) {
             conversationItem.metadata = message.metadata;
           }
@@ -268,7 +277,8 @@ export const useSessionStore = defineStore('conversation', () => {
             if (message['event'] === 'text.add') {
               // conversationItem.message[conversationItem.currentInd] += message.content;
               scrollBottom();
-              conversationItem.message[conversationItem.currentInd] += message.content.text;
+              conversationItem.message[conversationItem.currentInd] +=
+                message.content.text;
             } else if (message['event'] === 'heartbeat') {
               // conversationItem.files = [...conversationItem.files, message.content];
               // 不处理
@@ -276,12 +286,20 @@ export const useSessionStore = defineStore('conversation', () => {
               //echarts处理 待验证
               conversationItem.echartsObj = message.content.option;
             } else if (message['event'] == 'ducument.add') {
-              conversationItem.message[conversationItem.currentInd] += message.content;
-              conversationItem.files = [...conversationItem.files, message.content];
+              conversationItem.message[conversationItem.currentInd] +=
+                message.content;
+              conversationItem.files = [
+                ...conversationItem.files,
+                message.content,
+              ];
             } else if (message['event'] === 'suggest') {
               conversationItem.search_suggestions
-                ? conversationItem.search_suggestions.push(Object(message.content))
-                : (conversationItem.search_suggestions = [Object(message.content)]);
+                ? conversationItem.search_suggestions.push(
+                    Object(message.content),
+                  )
+                : (conversationItem.search_suggestions = [
+                    Object(message.content),
+                  ]);
             } else if (message['event'] === 'init') {
               //初始化获取 metadata
               conversationItem.metadata = message.metadata;
@@ -314,7 +332,9 @@ export const useSessionStore = defineStore('conversation', () => {
                 conversationItem.flowdata.status = message.flow?.stepStatus;
               }
             } else if (message['event'] === 'step.output') {
-              const target = conversationItem.flowdata?.data[0].find(item => item.id === message.flow?.stepId);
+              const target = conversationItem.flowdata?.data[0].find(
+                (item) => item.id === message.flow?.stepId,
+              );
               if (target) {
                 target.data.output = message.content;
                 target.status = message.flow?.stepStatus;
@@ -337,7 +357,7 @@ export const useSessionStore = defineStore('conversation', () => {
                   display: true,
                   data: conversationItem?.flowdata?.data,
                 };
-              }else if(message.content.type !== "schema"){
+              } else if (message.content.type !== 'schema') {
                 // 删除 end 逻辑
                 conversationItem.flowdata = {
                   id: flow?.stepId,
@@ -349,7 +369,9 @@ export const useSessionStore = defineStore('conversation', () => {
                 };
               } else {
                 conversationItem.paramsList = message.content.data;
-                conversationItem.flowdata.title = i18n.global.t('flow.flow_params_error');
+                conversationItem.flowdata.title = i18n.global.t(
+                  'flow.flow_params_error',
+                );
                 conversationItem.flowdata.status = 'error';
                 conversationItem.paramsList = message.content.data;
               }
@@ -364,13 +386,18 @@ export const useSessionStore = defineStore('conversation', () => {
     } catch (err: any) {
       isPaused.value = true;
       isAnswerGenerating.value = false;
-      (conversationList.value[answerIndex] as RobotConversationItem).isFinish = true;
+      (conversationList.value[answerIndex] as RobotConversationItem).isFinish =
+        true;
       if (err.name === 'AbortError') {
         successMsg(i18n.global.t('feedback.stopSuccessful'));
-        (conversationList.value[answerIndex] as RobotConversationItem).isFinish = true;
+        (
+          conversationList.value[answerIndex] as RobotConversationItem
+        ).isFinish = true;
       } else {
         (conversationList.value[answerIndex] as RobotConversationItem).message[
-          (conversationList.value[answerIndex] as RobotConversationItem).currentInd
+          (
+            conversationList.value[answerIndex] as RobotConversationItem
+          ).currentInd
         ] += i18n.global.t('feedback.systemBusy');
       }
     }
@@ -379,7 +406,9 @@ export const useSessionStore = defineStore('conversation', () => {
   /**
    * 解析图表格式的文本
    */
-  const extractAttributesFromMarker = (str: string): { title: string; link: string } | null => {
+  const extractAttributesFromMarker = (
+    str: string,
+  ): { title: string; link: string } | null => {
     const regex = /<<<[^>]*title="([^"]+)"[^>]*link="([^"]+)"[^>]*>>>/;
 
     const match = str.match(regex);
@@ -419,21 +448,29 @@ export const useSessionStore = defineStore('conversation', () => {
     if (qiankunWindow.__POWERED_BY_QIANKUN__) {
       const url = await store.getAuthUrl('login');
       if (url) {
-        const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__ ? `${url}&redirect_index=${location.href}` : url;
+        const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__
+          ? `${url}&redirect_index=${location.href}`
+          : url;
         if (redirectUrl) window.location.href = redirectUrl;
       }
     } else {
-      ElMessageBox.confirm(i18n.global.t('Login.unauthorized'), i18n.global.t('history.confirmation_message1'), {
-        confirmButtonText: i18n.global.t('Login.login'),
-        showClose: false,
-        showCancelButton: false,
-        autofocus: false,
-        closeOnClickModal: false,
-        closeOnPressEscape: false,
-      }).then(async () => {
+      ElMessageBox.confirm(
+        i18n.global.t('Login.unauthorized'),
+        i18n.global.t('history.confirmation_message1'),
+        {
+          confirmButtonText: i18n.global.t('Login.login'),
+          showClose: false,
+          showCancelButton: false,
+          autofocus: false,
+          closeOnClickModal: false,
+          closeOnPressEscape: false,
+        },
+      ).then(async () => {
         const url = await store.getAuthUrl('login');
         if (url) {
-          const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__ ? `${url}&redirect_index=${location.href}` : url;
+          const redirectUrl = qiankunWindow.__POWERED_BY_QIANKUN__
+            ? `${url}&redirect_index=${location.href}`
+            : url;
           if (redirectUrl) window.location.href = redirectUrl;
         }
       });
@@ -452,7 +489,9 @@ export const useSessionStore = defineStore('conversation', () => {
     if (msg.includes('[ERROR]')) {
       errorMsg = i18n.global.t('feedback.systemBusy');
       const answerIndex = ind ?? conversationList.value.length - 1;
-      const conversationItem = conversationList.value[answerIndex] as RobotConversationItem;
+      const conversationItem = conversationList.value[
+        answerIndex
+      ] as RobotConversationItem;
       conversationItem.flowdata.status = 'error';
     }
     if (
@@ -487,16 +526,25 @@ export const useSessionStore = defineStore('conversation', () => {
     params?: any,
     type?: any,
   ): Promise<void> => {
-    const { updateSessionTitle, currentSelectedSession } = useHistorySessionStore();
+    const { updateSessionTitle, currentSelectedSession } =
+      useHistorySessionStore();
     if (conversationList.value.length === 0) {
       // 如果当前还没有对话记录，将第一个问题的questtion作为对话标题
-      const res = await updateSessionTitle({ conversationId: currentSelectedSession, title: question.slice(0, 20) });
+      const res = await updateSessionTitle({
+        conversationId: currentSelectedSession,
+        title: question.slice(0, 20),
+      });
     }
     if (regenerateInd) {
       // 重新生成，指定某个回答，修改默认索引
-      (conversationList.value[regenerateInd] as RobotConversationItem).message.push(''); //123
-      (conversationList.value[regenerateInd] as RobotConversationItem).currentInd =
-        (conversationList.value[regenerateInd] as RobotConversationItem).message.length - 1; //123
+      (
+        conversationList.value[regenerateInd] as RobotConversationItem
+      ).message.push(''); //123
+      (
+        conversationList.value[regenerateInd] as RobotConversationItem
+      ).currentInd =
+        (conversationList.value[regenerateInd] as RobotConversationItem).message
+          .length - 1; //123
     } else {
       // 初次生成 ，创建一个问题和一个回答
       const ind = conversationList.value.length - 1;
@@ -565,12 +613,13 @@ export const useSessionStore = defineStore('conversation', () => {
    */
   const pausedStream = async (cid?: number): Promise<void> => {
     const answerIndex =
-      conversationList.value.findIndex(val => val.cid === cid) !== -1
-        ? conversationList.value.findIndex(val => val.cid === cid)
+      conversationList.value.findIndex((val) => val.cid === cid) !== -1
+        ? conversationList.value.findIndex((val) => val.cid === cid)
         : conversationList.value.length - 1;
     isPaused.value = true;
     conversationList.value[answerIndex].message[0] += '暂停生成';
-    (conversationList.value[answerIndex] as RobotConversationItem).isFinish = true;
+    (conversationList.value[answerIndex] as RobotConversationItem).isFinish =
+      true;
     cancel();
     await api.stopGeneration();
   };
@@ -578,19 +627,31 @@ export const useSessionStore = defineStore('conversation', () => {
    * 重新生成回答
    * @param cid
    */
-  const reGenerateAnswer = (cid: number, user_selected_app: any[], type?: string): void => {
-    const answerInd = conversationList.value.findIndex(val => val.cid === cid);
-    const question = (conversationList.value[answerInd - 1] as UserConversationItem).message;
-    const recordId = (conversationList.value[answerInd] as RobotConversationItem).recordId;
+  const reGenerateAnswer = (
+    cid: number,
+    user_selected_app: any[],
+    type?: string,
+  ): void => {
+    const answerInd = conversationList.value.findIndex(
+      (val) => val.cid === cid,
+    );
+    const question = (
+      conversationList.value[answerInd - 1] as UserConversationItem
+    ).message;
+    const recordId = (
+      conversationList.value[answerInd] as RobotConversationItem
+    ).recordId;
     let groupId = undefined;
     if (type && type === 'params') {
       groupId = undefined;
     } else {
-      groupId = (conversationList.value[answerInd] as RobotConversationItem).groupId
+      groupId = (conversationList.value[answerInd] as RobotConversationItem)
+        .groupId
         ? (conversationList.value[answerInd] as RobotConversationItem).groupId
         : '';
     }
-    (conversationList.value[answerInd] as RobotConversationItem).isFinish = false;
+    (conversationList.value[answerInd] as RobotConversationItem).isFinish =
+      false;
     if (!question) {
       return;
     }
@@ -603,19 +664,28 @@ export const useSessionStore = defineStore('conversation', () => {
    * @param cid
    */
   const prePage = (cid: number): void => {
-    const answerInd = conversationList.value.findIndex(val => val.cid === cid);
-    if ((conversationList.value[answerInd] as RobotConversationItem).currentInd === 0) {
+    const answerInd = conversationList.value.findIndex(
+      (val) => val.cid === cid,
+    );
+    if (
+      (conversationList.value[answerInd] as RobotConversationItem)
+        .currentInd === 0
+    ) {
       return;
     }
-    (conversationList.value[answerInd] as RobotConversationItem).currentInd -= 1;
-    const index = (conversationList.value[answerInd] as RobotConversationItem).currentInd;
+    (conversationList.value[answerInd] as RobotConversationItem).currentInd -=
+      1;
+    const index = (conversationList.value[answerInd] as RobotConversationItem)
+      .currentInd;
   };
   /**
    * 下一条
    * @param cid
    */
   const nextPage = (cid: number): void => {
-    const answerInd = conversationList.value.findIndex(val => val.cid === cid);
+    const answerInd = conversationList.value.findIndex(
+      (val) => val.cid === cid,
+    );
 
     if (
       conversationList.value[answerInd].message.length - 1 ===
@@ -623,8 +693,10 @@ export const useSessionStore = defineStore('conversation', () => {
     ) {
       return;
     }
-    (conversationList.value[answerInd] as RobotConversationItem).currentInd += 1;
-    const index = (conversationList.value[answerInd] as RobotConversationItem).currentInd;
+    (conversationList.value[answerInd] as RobotConversationItem).currentInd +=
+      1;
+    const index = (conversationList.value[answerInd] as RobotConversationItem)
+      .currentInd;
   };
   // #endregion
 
@@ -639,9 +711,15 @@ export const useSessionStore = defineStore('conversation', () => {
 
     if (!_ && res) {
       conversationList.value = [];
-      res.result.records.forEach(record => {
-        if ((conversationList.value as RobotConversationItem[]).find(i => i.groupId === record.groupId)) {
-          const re = (conversationList.value as RobotConversationItem[]).find(i => i.groupId === record.groupId);
+      res.result.records.forEach((record) => {
+        if (
+          (conversationList.value as RobotConversationItem[]).find(
+            (i) => i.groupId === record.groupId,
+          )
+        ) {
+          const re = (conversationList.value as RobotConversationItem[]).find(
+            (i) => i.groupId === record.groupId,
+          );
           re?.message.push(record.content.answer);
           if (typeof re?.message !== 'string') {
             re?.messageList.addItem(
@@ -656,7 +734,11 @@ export const useSessionStore = defineStore('conversation', () => {
           return;
         }
         const a = new MessageArray();
-        a.addItem(record.content.answer, record.id, typeof record.is_like === 'object' ? 2 : Number(record.is_like));
+        a.addItem(
+          record.content.answer,
+          record.id,
+          typeof record.is_like === 'object' ? 2 : Number(record.is_like),
+        );
         conversationList.value.unshift(
           {
             cid: conversationList.value.length + 1,
@@ -678,7 +760,7 @@ export const useSessionStore = defineStore('conversation', () => {
             groupId: record.groupId,
             metadata: record.metadata,
             flowdata: record?.flow ? GenerateFlowData(record.flow) : undefined,
-          }
+          },
         );
         scrollBottom('auto');
       });
@@ -689,26 +771,26 @@ export const useSessionStore = defineStore('conversation', () => {
     let flowData = {
       id: record.recordId,
       title: record.id,
-      status: "success",
+      status: 'success',
       display: true,
       flowId: record.flowId,
-      data:[[]] as any[]
+      data: [[]] as any[],
     };
     for (let i = 0; i < record.steps.length; i++) {
       flowData.data[0].push({
         id: record.steps[i].stepId,
-        title : record.steps[i].stepId,
+        title: record.steps[i].stepId,
         status: record.steps[i].stepStatus,
-        data:{
+        data: {
           input: record.steps[i].input,
           output: record.steps[i].output,
-        }
+        },
       });
     }
     return flowData;
-  }
+  };
   const comment = (cid: number, isSupport: boolean, index: number): void => {
-    const ind = conversationList.value.find(item => item.cid === cid);
+    const ind = conversationList.value.find((item) => item.cid === cid);
     // ind.message.items[index].is_like = isSupport;
   };
 
@@ -717,7 +799,11 @@ export const useSessionStore = defineStore('conversation', () => {
    */
   const stopDebug = async (): Promise<void> => {
     isPaused.value = true;
-    (conversationList.value[conversationList.value.length - 1] as RobotConversationItem).isFinish = true;
+    (
+      conversationList.value[
+        conversationList.value.length - 1
+      ] as RobotConversationItem
+    ).isFinish = true;
     cancel();
     await api.stopGeneration();
   };
diff --git a/src/store/historySession.ts b/src/store/historySession.ts
index 8d1be77a97101b44a971bfed4d6d98e831d8551d..91e6d8d3298839d503bb7e88fa7fb0bc9532644d 100644
--- a/src/store/historySession.ts
+++ b/src/store/historySession.ts
@@ -56,14 +56,18 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
   const isSelectedAll = ref(false);
   // 不确定状态
   const indeterminate = computed(() =>
-    selectedSessionIds.value.length === 0 ? false : selectedSessionIds.value.length !== historySession.value.length,
+    selectedSessionIds.value.length === 0
+      ? false
+      : selectedSessionIds.value.length !== historySession.value.length,
   );
   /**
    * 全选
    */
   const selectAllSession = (): void => {
     if (isSelectedAll.value) {
-      selectedSessionIds.value = historySession.value.map(item => item.conversationId);
+      selectedSessionIds.value = historySession.value.map(
+        (item) => item.conversationId,
+      );
     } else {
       selectedSessionIds.value = [];
     }
@@ -74,7 +78,9 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
    */
   const selectSession = (conversationId: string): void => {
     if (selectedSessionIds.value.includes(conversationId)) {
-      selectedSessionIds.value = selectedSessionIds.value.filter(val => val !== conversationId);
+      selectedSessionIds.value = selectedSessionIds.value.filter(
+        (val) => val !== conversationId,
+      );
     } else {
       selectedSessionIds.value.push(conversationId);
     }
@@ -102,7 +108,7 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
     const [err, res] = await api.getSessionRecord();
     const { conversationList } = storeToRefs(useSessionStore());
     if (!err && res) {
-      historySession.value = res.result.conversations.reverse().map(item => ({
+      historySession.value = res.result.conversations.reverse().map((item) => ({
         conversationId: item.conversationId,
         createdTime: item.createdTime,
         title: item.title,
@@ -112,7 +118,8 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
         await generateSession();
       }
       if (!currentSelectedSession.value) {
-        currentSelectedSession.value = res.result.conversations[0]?.conversationId;
+        currentSelectedSession.value =
+          res.result.conversations[0]?.conversationId;
       }
       if (currentSelectedSession.value) {
         const { getConversation, isAnswerGenerating } = useSessionStore();
@@ -133,13 +140,13 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
    * @param conversation
    * @returns
    */
-  const updateSessionTitle = async (conversation: SessionItem): Promise<boolean> => {
-    const [_] = await api.updateSession(
-      {
-        conversationId: conversation.conversationId,
-        title: conversation.title,
-      }
-    );
+  const updateSessionTitle = async (
+    conversation: SessionItem,
+  ): Promise<boolean> => {
+    const [_] = await api.updateSession({
+      conversationId: conversation.conversationId,
+      title: conversation.title,
+    });
     if (_) {
       return false;
     }
@@ -151,7 +158,10 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
    * 创建新会话
    */
   const createNewSession = async (): Promise<void> => {
-    const sId = historySession.value.length === 0 ? null : historySession.value[0]?.conversationId;
+    const sId =
+      historySession.value.length === 0
+        ? null
+        : historySession.value[0]?.conversationId;
     if (sId) {
       const [, cov] = await api.getHistoryConversation(sId);
       if (cov && cov.result.records.length === 0) {
@@ -174,7 +184,7 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
     const [_, res] = await api.createSession();
     if (!_ && res) {
       // 用于处理多次点击会话造成 409 的问题
-      if(res.code === 409){
+      if (res.code === 409) {
         successMsg(i18n.global.t('history.sessionLimit'));
         await getHistorySession();
         return;
@@ -192,7 +202,7 @@ export const useHistorySessionStore = defineStore('sessionStore', () => {
     if (!_ && res) {
       currentSelectedSession.value = res.result.conversationId;
       await getHistorySession();
-      return res.result.conversationId
+      return res.result.conversationId;
     }
   };
 
diff --git a/src/store/index.ts b/src/store/index.ts
index 11b874750ec38d976bba80f371a558c42f0db14e..3119618c904d8d7ba79250ce067944aaf5e6949f 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -11,4 +11,3 @@ export * from './account';
 export * from './conversation';
 export * from './historySession';
 export * from './lang';
-
diff --git a/src/store/lang.ts b/src/store/lang.ts
index decff031b36cb87c763d63f60ac21303d48d5e2b..44dfd47bb1a16cfbe068bb6f0544b1c180c8e460 100644
--- a/src/store/lang.ts
+++ b/src/store/lang.ts
@@ -1,17 +1,17 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-import { useI18n } from 'vue-i18n'
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 export const useLangStore = defineStore('lang', () => {
-    const i18n = useI18n()
-    const language = ref<string>(localStorage.getItem('localeLang') || 'CN');
-    const changeLanguage = (data: 'CN' | 'EN') => {
-        language.value = data.toString();
-        i18n.locale.value = language.value;
-        localStorage.setItem('localeLang', data);
-    }
-    return {
-        language,
-        changeLanguage
-    }
-})
+  const i18n = useI18n();
+  const language = ref<string>(localStorage.getItem('localeLang') || 'CN');
+  const changeLanguage = (data: 'CN' | 'EN') => {
+    language.value = data.toString();
+    i18n.locale.value = language.value;
+    localStorage.setItem('localeLang', data);
+  };
+  return {
+    language,
+    changeLanguage,
+  };
+});
diff --git a/src/utils/markedjs.ts b/src/utils/markedjs.ts
index ff876d370617fb08cbb4e6017db50398cd1dacd8..c941986a1f0606386206279e902cb59729bfadc4 100644
--- a/src/utils/markedjs.ts
+++ b/src/utils/markedjs.ts
@@ -29,7 +29,8 @@ marked.setOptions({
   breaks: false, // 支持Github换行符，必须打开gfm选项
   pedantic: false, // 只解析符合Markdwon定义的，不修正Markdown的错误
   // 高亮的语法规范
-  highlight: (code: string, lang: string) => hljs.highlight(code, { language: lang }).value,
+  highlight: (code: string, lang: string) =>
+    hljs.highlight(code, { language: lang }).value,
 });
 
 // #endregion
@@ -41,7 +42,10 @@ marked.setOptions({
  * @param language 语言
  * @returns
  */
-export const renderCode = (code: string, language: string | undefined): string => {
+export const renderCode = (
+  code: string,
+  language: string | undefined,
+): string => {
   const id = `pre-${Date.now()}-${randomInt()}`;
   return `<pre><div class="code-toolbar"><span>${language}</span><i class="pre-copy" onclick="onHtmlEventDispatch(this,'click',event,'copyPreCode','${id}')">${ICON_SVG}</i></div><code id="${id}" class="hljs language-${language}">${code}</code></pre>`;
 };
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 8cd637501f212a1808755ffdf4bd51f292189b99..af58040213f2a8a40ef14a003a9a81e6a3997289 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -41,7 +41,7 @@ export const onHtmlEventDispatch = (
     if (code) {
       writeText(code.innerText);
     }
-    successMsg(i18n.global.t('feedback.copied_successfully'))
+    successMsg(i18n.global.t('feedback.copied_successfully'));
   }
 };
 
diff --git a/src/views/api/index.vue b/src/views/api/index.vue
index 0eadc03bb2ddb2ce4e78017dd3a3e08cd6e619f5..db05fe30f7c9dc925bdd8aa76a59037a548a1118 100644
--- a/src/views/api/index.vue
+++ b/src/views/api/index.vue
@@ -2,57 +2,96 @@
   <CustomLoading :loading="loading"></CustomLoading>
   <div class="apiCenterBox">
     <div class="apiCenterMain">
-      <div class="apiCenterTitle">{{$t('semantic.semantic_interface_center')}}</div>
+      <div class="apiCenterTitle">
+        {{ $t('semantic.semantic_interface_center') }}
+      </div>
       <div class="apiCenterSearch">
-        <el-input style="max-width: 400px" v-model="apiSearchValue" :placeholder="$t('semantic.interface_search')" :suffix-icon="IconSearch">
+        <el-input
+          style="max-width: 400px"
+          v-model="apiSearchValue"
+          :placeholder="$t('semantic.interface_search')"
+          :suffix-icon="IconSearch"
+        >
           <template #prepend>
-            <el-select v-model="apiSearchType" style="width: 115px" :suffix-icon="IconCaretDown">
+            <el-select
+              v-model="apiSearchType"
+              style="width: 115px"
+              :suffix-icon="IconCaretDown"
+            >
               <el-option :label="$t('semantic.all_select')" value="all" />
               <el-option :label="$t('semantic.interface_name')" value="name" />
-              <el-option :label="$t('semantic.interface_introduction')" value="description" />
+              <el-option
+                :label="$t('semantic.interface_introduction')"
+                value="description"
+              />
               <el-option :label="$t('semantic.username')" value="author" />
             </el-select>
           </template>
         </el-input>
-        <el-button type="primary" class="createapi" @click="openSidebar('upload', '')">{{$t('semantic.interface_upload')}}</el-button>
+        <el-button
+          type="primary"
+          class="createapi"
+          @click="openSidebar('upload', '')"
+        >
+          {{ $t('semantic.interface_upload') }}
+        </el-button>
       </div>
       <div class="apiCenterType">
-        <div class="apiCenterBtn" :class="{ apiCenterBtnActive: apiType === 'my' }" @click="handleSearchapiList('my')">
-          {{$t('semantic.all_interface')}}
+        <div
+          class="apiCenterBtn"
+          :class="{ apiCenterBtnActive: apiType === 'my' }"
+          @click="handleSearchapiList('my')"
+        >
+          {{ $t('semantic.all_interface') }}
         </div>
         <div
           class="apiCenterBtn"
           :class="{ apiCenterBtnActive: apiType === 'createdByMe' }"
           @click="handleSearchapiList('createdByMe')"
         >
-        {{$t('semantic.my_upload')}}
+          {{ $t('semantic.my_upload') }}
         </div>
         <div
           class="apiCenterBtn"
           :class="{ apiCenterBtnActive: apiType === 'favorited' }"
           @click="handleSearchapiList('favorited')"
         >
-        {{$t('semantic.my_favorite')}}
+          {{ $t('semantic.my_favorite') }}
         </div>
       </div>
       <div class="apiCenterCardContainer">
         <div class="apiCenterCardBox" v-if="apiList?.length">
           <div v-for="apiItem in apiList" class="apiCenterCardSingle">
-            <div class="apiCenterCardTop" @click="openSidebar('get', apiItem.serviceId)">
+            <div
+              class="apiCenterCardTop"
+              @click="openSidebar('get', apiItem.serviceId)"
+            >
               <div class="apiCenterCardIcon">
-                <el-icon class="menu-icon"
-                  ><img class="create-button__icon" src="@/assets/svgs/robot_icon.svg"
-                /></el-icon>
+                <el-icon class="menu-icon">
+                  <img
+                    class="create-button__icon"
+                    src="@/assets/svgs/robot_icon.svg"
+                  />
+                </el-icon>
               </div>
               <div class="apiCenterCardContent">
                 <div class="apiCenterCardContentTop">
-                  <div class="apiCenterCardContentTitle">{{ apiItem.name }}</div>
+                  <div class="apiCenterCardContentTitle">
+                    {{ apiItem.name }}
+                  </div>
                   <div
                     class="apiCenterCardContentCollect"
-                    :class="!apiItem.published && apiType === 'createdByMe' ? 'noClick' : ''"
+                    :class="
+                      !apiItem.published && apiType === 'createdByMe'
+                        ? 'noClick'
+                        : ''
+                    "
                     @click.stop="handleFavorite($event, apiItem)"
                   >
-                    <IconFavorite v-if="apiItem.favorited" class="apiFavorite" />
+                    <IconFavorite
+                      v-if="apiItem.favorited"
+                      class="apiFavorite"
+                    />
                     <IconUnfavorite v-else="apiItem.favorited" />
                   </div>
                 </div>
@@ -63,16 +102,23 @@
             </div>
             <div class="apiCenterCardBottom">
               <div class="apiCenterCardUser">@{{ apiItem.author }}</div>
-              <div class="apiCenterCardOps" v-if="userinfo.user_sub === apiItem.author">
-                <el-button text @click="openSidebar('edit', apiItem.serviceId)">{{$t('semantic.interface_edit')}}</el-button>
-                <el-button text @click="handleDelapi(apiItem)">{{$t('semantic.interface_delete')}}</el-button>
+              <div
+                class="apiCenterCardOps"
+                v-if="userinfo.user_sub === apiItem.author"
+              >
+                <el-button text @click="openSidebar('edit', apiItem.serviceId)">
+                  {{ $t('semantic.interface_edit') }}
+                </el-button>
+                <el-button text @click="handleDelapi(apiItem)">
+                  {{ $t('semantic.interface_delete') }}
+                </el-button>
               </div>
             </div>
           </div>
         </div>
         <div class="appCenterNoData" v-else>
           <div class="noDataIcon"></div>
-          <div class="desc">{{$t('semantic.no_data')}}</div>
+          <div class="desc">{{ $t('semantic.no_data') }}</div>
         </div>
       </div>
     </div>
@@ -86,33 +132,54 @@
       :direction="direction"
       :before-close="handleClose"
     >
-    <div class="drawerContent">
-      <div v-if="actions === 'upload'">
-        <Upload type="upload" @closeDrawer="handleClose" :serviceId="selectedServiceId" />
-      </div>
-      <div v-if="actions === 'get'">
-        <Upload type="get" @closeDrawer="handleClose" :serviceId="selectedServiceId" :getServiceJson="getServiceJson" :getServiceName="getServiceName" />
-      </div>
-      <div v-if="actions === 'edit'">
-        <Upload type="edit" @closeDrawer="handleClose" :serviceId="selectedServiceId" :getServiceYaml="getServiceYaml" :getServiceName="getServiceName"/>
+      <div class="drawerContent">
+        <div v-if="actions === 'upload'">
+          <Upload
+            type="upload"
+            @closeDrawer="handleClose"
+            :serviceId="selectedServiceId"
+          />
+        </div>
+        <div v-if="actions === 'get'">
+          <Upload
+            type="get"
+            @closeDrawer="handleClose"
+            :serviceId="selectedServiceId"
+            :getServiceJson="getServiceJson"
+            :getServiceName="getServiceName"
+          />
+        </div>
+        <div v-if="actions === 'edit'">
+          <Upload
+            type="edit"
+            @closeDrawer="handleClose"
+            :serviceId="selectedServiceId"
+            :getServiceYaml="getServiceYaml"
+            :getServiceName="getServiceName"
+          />
+        </div>
       </div>
-    </div>
     </el-drawer>
   </div>
   <el-pagination
-        class="pagination" 
-        v-if="totalCount >= 16" 
-        v-model:current-page="currentPage"
-        v-model:page-size="currentPageSize"
-        :page-sizes="pagination.pageSizes"
-        :layout="pagination.layout"
-        :total="totalCount"
-        popper-class="appPagination"
-        @change="handleChangePage"
-      />
+    class="pagination"
+    v-if="totalCount >= 16"
+    v-model:current-page="currentPage"
+    v-model:page-size="currentPageSize"
+    :page-sizes="pagination.pageSizes"
+    :layout="pagination.layout"
+    :total="totalCount"
+    popper-class="appPagination"
+    @change="handleChangePage"
+  />
 </template>
 <script setup lang="ts">
-import { IconCaretDown, IconSearch, IconFavorite, IconUnfavorite } from '@computing/opendesign-icons';
+import {
+  IconCaretDown,
+  IconSearch,
+  IconFavorite,
+  IconUnfavorite,
+} from '@computing/opendesign-icons';
 import './style.scss';
 import TextMoreTootip from '@/components/textMoreTootip/index.vue';
 import { ref, onMounted, watch, markRaw } from 'vue';
@@ -158,19 +225,19 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
 };
 
 const getServiceYamlFun = async (id: string) => {
-  await api.querySingleApiData({serviceId:id,edit:true}).then((res) => {
-      if(res) {
-        //res[1] res 取决于当前环境
-        getServiceYaml.value = jsYaml.dump(res[1]?.result.data);
-        getServiceName.value = res[1]?.result.name;
-      }
-  })
-}
+  await api.querySingleApiData({ serviceId: id, edit: true }).then((res) => {
+    if (res) {
+      //res[1] res 取决于当前环境
+      getServiceYaml.value = jsYaml.dump(res[1]?.result.data);
+      getServiceName.value = res[1]?.result.name;
+    }
+  });
+};
 
 const getServiceJsonFun = async (id: string) => {
-  await api.querySingleApiData({ serviceId: id }).then(res => {
+  await api.querySingleApiData({ serviceId: id }).then((res) => {
     if (res) {
-        //res[1] res 取决于当前环境
+      //res[1] res 取决于当前环境
       getServiceJson.value = res[1]?.result.apis;
       getServiceName.value = res[1]?.result.name;
     }
@@ -225,7 +292,7 @@ const handleQueryApiList = (payload?: any) => {
       pageSize: currentPageSize.value,
       ...payload,
     })
-    .then(res => {
+    .then((res) => {
       apiList.value = res[1]?.result.services;
       currentPage.value = res[1]?.result.currentPage;
       totalCount.value = res[1]?.result.totalCount;
@@ -244,12 +311,12 @@ const handleFavorite = (e, item) => {
       serviceId: item.serviceId,
       favorited: !item.favorited,
     })
-    .then(res => {
+    .then((res) => {
       handleParmasQueryapiList();
     });
 };
 
-const handleSearchapiList = type => {
+const handleSearchapiList = (type) => {
   apiType.value = type;
   if (type === 'my') {
     handleParmasQueryapiList();
@@ -262,7 +329,7 @@ const handleSearchapiList = type => {
   }
 };
 
-const handleDelapi = item => {
+const handleDelapi = (item) => {
   ElMessageBox.confirm('确定删除此接口吗？', '提示', {
     type: 'warning',
     icon: markRaw(IconAlarm),
@@ -271,7 +338,7 @@ const handleDelapi = item => {
       .deleteSingleApiData({
         serviceId: item.serviceId,
       })
-      .then(res => {
+      .then((res) => {
         if (res[1]) {
           successMsg('删除成功');
           handleParmasQueryapiList();
@@ -298,18 +365,18 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-.create-button__icon{
+.create-button__icon {
   border-radius: 20px;
 }
-.pagination{
+.pagination {
   display: flex !important;
   justify-self: center !important;
 }
-.drawerHeader{
+.drawerHeader {
   color: pink;
   margin-bottom: 0px !important;
 }
-.drawerContent{
+.drawerContent {
   overflow-y: auto;
   height: calc(100% - 32px);
 }
@@ -319,7 +386,7 @@ onMounted(() => {
   &::v-deep(.el-drawer__header) {
     margin-bottom: 0px !important;
   }
-  .el-drawer__header{
+  .el-drawer__header {
     color: pink;
     margin-bottom: 0px !important;
   }
@@ -364,29 +431,29 @@ img {
   max-width: 430px;
 }
 .el-drawer__header {
-    padding: 24px 24px 16px;
-    margin-bottom: 0px;
-    .drawerHeader {
-      width: 100%;
-      height: 24px;
-      line-height: 24px;
-      color: var(--o-text-color-primary);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
+  padding: 24px 24px 16px;
+  margin-bottom: 0px;
+  .drawerHeader {
+    width: 100%;
+    height: 24px;
+    line-height: 24px;
+    color: var(--o-text-color-primary);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
-  .el-drawer__body {
-    padding: 0px 24px 16px;
-    .drawerBody {
+}
+.el-drawer__body {
+  padding: 0px 24px 16px;
+  .drawerBody {
+    height: 100%;
+    textarea {
+      width: 100%;
       height: 100%;
-      textarea {
-        width: 100%;
-        height: 100%;
-      }
     }
   }
-:deep(.el-drawer__header){
+}
+:deep(.el-drawer__header) {
   margin-bottom: 0px !important;
 }
 </style>
diff --git a/src/views/app/index.vue b/src/views/app/index.vue
index 01dd21960a1944c2c68eccd9fd48c68b3211ad3b..ddc76e836abc98f5a914f92142b174d523302ccb 100644
--- a/src/views/app/index.vue
+++ b/src/views/app/index.vue
@@ -4,35 +4,53 @@
       <CustomLoading :loading="loading"></CustomLoading>
       <div class="appCenterTitle">{{ $t('app.app_center') }}</div>
       <div class="appCenterSearch">
-        <el-input style="max-width: 400px" v-model="appSearchValue" :placeholder="$t('app.app_search')" :suffix-icon="IconSearch">
+        <el-input
+          style="max-width: 400px"
+          v-model="appSearchValue"
+          :placeholder="$t('app.app_search')"
+          :suffix-icon="IconSearch"
+        >
           <template #prepend>
-            <el-select v-model="appSearchType" style="width: 115px" :suffix-icon="IconCaretDown">
+            <el-select
+              v-model="appSearchType"
+              style="width: 115px"
+              :suffix-icon="IconCaretDown"
+            >
               <el-option :label="$t('app.all_select')" value="all" />
               <el-option :label="$t('app.app_name')" value="name" />
-              <el-option :label="$t('app.app_introduction')" value="description" />
+              <el-option
+                :label="$t('app.app_introduction')"
+                value="description"
+              />
               <el-option :label="$t('app.username')" value="author" />
             </el-select>
           </template>
         </el-input>
-        <el-button type="primary" class="createApp" @click="handleCreateApp">{{$t('app.app_create')}}</el-button>
+        <el-button type="primary" class="createApp" @click="handleCreateApp">
+          {{ $t('app.app_create') }}
+        </el-button>
       </div>
       <div class="appCenterType">
-        <div class="appCenterBtn" :class="{ appCenterBtnActive: appType === 'my' }" @click="handleSearchAppList('my')">
-          {{$t('app.all_app')}}
+        <div
+          class="appCenterBtn"
+          :class="{ appCenterBtnActive: appType === 'my' }"
+          @click="handleSearchAppList('my')"
+        >
+          {{ $t('app.all_app') }}
         </div>
         <div
           class="appCenterBtn"
           :class="{ appCenterBtnActive: appType === 'createdByMe' }"
           @click="handleSearchAppList('createdByMe')"
         >
-        {{$t('app.my_created')}}
+          {{ $t('app.my_created') }}
         </div>
         <div
           class="appCenterBtn"
           :class="{ appCenterBtnActive: appType === 'favorited' }"
           @click="handleSearchAppList('favorited')"
         >
-        {{$t('app.my_favorite')}}
+          {{ $t('app.my_favorite') }}
         </div>
       </div>
       <div class="appCenterCardContainer">
@@ -51,13 +69,22 @@
               </div>
               <div class="appCenterCardContent">
                 <div class="appCenterCardContentTop">
-                  <div class="appCenterCardContentTitle">{{ appItem.name }}</div>
+                  <div class="appCenterCardContentTitle">
+                    {{ appItem.name }}
+                  </div>
                   <div
                     class="appCenterCardContentCollect"
-                    :class="!appItem.published && appType === 'createdByMe' ? 'noClick' : ''"
+                    :class="
+                      !appItem.published && appType === 'createdByMe'
+                        ? 'noClick'
+                        : ''
+                    "
                     @click.stop="handleFavorite($event, appItem)"
                   >
-                    <IconFavorite v-if="appItem.favorited" class="appFavorite" />
+                    <IconFavorite
+                      v-if="appItem.favorited"
+                      class="appFavorite"
+                    />
                     <IconUnfavorite v-else="appItem.favorited" />
                   </div>
                 </div>
@@ -68,12 +95,22 @@
             </div>
             <div class="appCenterCardBottom">
               <div class="appCenterCardUser">@{{ appItem.author }}</div>
-              <div class="appCenterCardOps" v-if="appItem.author === userinfo.user_sub">
-                <el-button text @click="handleEditApp($event, appItem)">{{$t('app.app_edit')}}</el-button>
-                <el-button text @click="handleDelApp($event, appItem)">{{$t('app.app_delete')}}</el-button>
+              <div
+                class="appCenterCardOps"
+                v-if="appItem.author === userinfo.user_sub"
+              >
+                <el-button text @click="handleEditApp($event, appItem)">
+                  {{ $t('app.app_edit') }}
+                </el-button>
+                <el-button text @click="handleDelApp($event, appItem)">
+                  {{ $t('app.app_delete') }}
+                </el-button>
               </div>
             </div>
-            <div class="unPublishSymbol" v-if="!appItem.published && appType === 'createdByMe'">
+            <div
+              class="unPublishSymbol"
+              v-if="!appItem.published && appType === 'createdByMe'"
+            >
               <div class="coverIcon"></div>
               <div class="textDesc">{{ $t('app.unpublished') }}</div>
             </div>
@@ -81,7 +118,7 @@
         </div>
         <div class="appCenterNoData" v-else>
           <div class="noDataIcon"></div>
-          <div class="desc">{{$t('app.no_data')}}</div>
+          <div class="desc">{{ $t('app.no_data') }}</div>
         </div>
       </div>
       <el-pagination
@@ -100,14 +137,20 @@
 <script setup lang="ts">
 import TextMoreTootip from '@/components/textMoreTootip/index.vue';
 
-import { IconCaretDown, IconSearch, IconFavorite, IconUnfavorite, IconSuccess } from '@computing/opendesign-icons';
+import {
+  IconCaretDown,
+  IconSearch,
+  IconFavorite,
+  IconUnfavorite,
+  IconSuccess,
+} from '@computing/opendesign-icons';
 import './style.scss';
 import { ref, onMounted, watch, markRaw } from 'vue';
 import { useRouter } from 'vue-router';
 import { api } from 'src/apis';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { IconAlarm } from '@computing/opendesign-icons';
-import RobotIcon from '../../assets/svgs/robot_icon.svg'
+import RobotIcon from '../../assets/svgs/robot_icon.svg';
 import { storeToRefs } from 'pinia';
 import { useAccountStore, useHistorySessionStore } from 'src/store';
 import CustomLoading from '../customLoading/index.vue';
@@ -134,8 +177,8 @@ const handleChangePage = (pageNum: number, pageSize: number) => {
 };
 
 const getImgBg = (appItem) => {
-  return appItem.icon ||  RobotIcon;
-}
+  return appItem.icon || RobotIcon;
+};
 
 const handleCreateApp = () => {
   api
@@ -143,14 +186,14 @@ const handleCreateApp = () => {
       name: '默认应用',
       description: '我的应用',
     })
-    .then(res => {
+    .then((res) => {
       if (res[1]) {
         router.push(`/createApp?appId=${res?.[1]?.result.appId}`);
       }
     });
 };
 
-const routerToDetail = appItem => {
+const routerToDetail = (appItem) => {
   if (!appItem.published) {
     //未发布应用不允许跳转
     return;
@@ -182,7 +225,7 @@ const handleQueryAppList = (payload?: any) => {
       pageSize: currentPageSize.value,
       ...payload,
     })
-    .then(res => {
+    .then((res) => {
       appList.value = res[1]?.result.applications;
       currentPage.value = res[1]?.result.currentPage;
       totalCount.value = res[1]?.result.totalApps;
@@ -201,12 +244,12 @@ const handleFavorite = (e, item) => {
       id: item.appId,
       favorited: !item.favorited,
     })
-    .then(res => {
+    .then((res) => {
       handleParmasQueryAppList();
     });
 };
 
-const handleSearchAppList = type => {
+const handleSearchAppList = (type) => {
   appType.value = type;
   if (type === 'my') {
     handleParmasQueryAppList();
@@ -229,7 +272,7 @@ const handleDelApp = (e, item) => {
       .deleteSingleAppData({
         id: item.appId,
       })
-      .then(res => {
+      .then((res) => {
         if (res[1]) {
           ElMessage({
             showClose: true,
@@ -262,7 +305,7 @@ onMounted(() => {
 });
 </script>
 <style lang="scss" scoped>
-.create-button__icon{
+.create-button__icon {
   border-radius: 20px;
 }
 .appCenterCardSingle {
diff --git a/src/views/app/style.scss b/src/views/app/style.scss
index 68be5b4af2c819b8208a435e9e63e3ad126a734b..2e74a0dade8c7eca3fe035201de2d0667ea5b1b9 100644
--- a/src/views/app/style.scss
+++ b/src/views/app/style.scss
@@ -57,7 +57,7 @@
       }
     }
     .appCenterCardContainer {
-      margin-top: 12px ;
+      margin-top: 12px;
       padding-top: 4px;
       max-width: 1336px;
       max-height: calc(100vh - 370px);
diff --git a/src/views/createapp/components/CustomControl.vue b/src/views/createapp/components/CustomControl.vue
index 3d0cbeab1cdcbaa2070aedde6f7fd8fe47066560..97373a80f3312cfca739e81ff62e11ed0614ea4f 100644
--- a/src/views/createapp/components/CustomControl.vue
+++ b/src/views/createapp/components/CustomControl.vue
@@ -4,7 +4,12 @@
     <div class="controlScaleNumber">
       {{ `${Number((zommChangeValue * 100).toFixed(0))}%` }}
     </div>
-    <el-dropdown placement="top" @visible-change="handleVisibleChange" popper-class="controlChange" class="controlBtn">
+    <el-dropdown
+      placement="top"
+      @visible-change="handleVisibleChange"
+      popper-class="controlChange"
+      class="controlBtn"
+    >
       <span class="el-dropdown-link">
         <IconChevronDown v-if="!dropDownVisible" />
         <IconChevronUp v-else />
@@ -13,19 +18,45 @@
         <el-dropdown-menu>
           <el-dropdown-item
             class="reduce"
-            @click="handleSacl(zommChangeValue <= 0.5 ? zommChangeValue : zommChangeValue - 0.1)"
-            >缩小</el-dropdown-item
+            @click="
+              handleSacl(
+                zommChangeValue <= 0.5
+                  ? zommChangeValue
+                  : zommChangeValue - 0.1,
+              )
+            "
           >
+            缩小
+          </el-dropdown-item>
           <el-dropdown-item
             class="amplify"
-            @click="handleSacl(zommChangeValue >= 2 ? zommChangeValue : zommChangeValue + 0.1)"
-            >放大</el-dropdown-item
+            @click="
+              handleSacl(
+                zommChangeValue >= 2 ? zommChangeValue : zommChangeValue + 0.1,
+              )
+            "
           >
-          <el-dropdown-item class="adaptive" @click="handleSacl(1)">自适应</el-dropdown-item>
-          <el-dropdown-item class="scaleOther scaleHalf" divided @click="handleSacl(0.5)">缩放到50%</el-dropdown-item>
-          <el-dropdown-item class="scaleOther" @click="handleSacl(1)">缩放到100%</el-dropdown-item>
-          <el-dropdown-item class="scaleOther" @click="handleSacl(1.5)">缩放到150%</el-dropdown-item>
-          <el-dropdown-item class="scaleTwice" @click="handleSacl(2)">缩放到200%</el-dropdown-item>
+            放大
+          </el-dropdown-item>
+          <el-dropdown-item class="adaptive" @click="handleSacl(1)">
+            自适应
+          </el-dropdown-item>
+          <el-dropdown-item
+            class="scaleOther scaleHalf"
+            divided
+            @click="handleSacl(0.5)"
+          >
+            缩放到50%
+          </el-dropdown-item>
+          <el-dropdown-item class="scaleOther" @click="handleSacl(1)">
+            缩放到100%
+          </el-dropdown-item>
+          <el-dropdown-item class="scaleOther" @click="handleSacl(1.5)">
+            缩放到150%
+          </el-dropdown-item>
+          <el-dropdown-item class="scaleTwice" @click="handleSacl(2)">
+            缩放到200%
+          </el-dropdown-item>
         </el-dropdown-menu>
       </template>
     </el-dropdown>
@@ -37,7 +68,11 @@
 </template>
 <script setup lang="ts">
 import { ref, watch } from 'vue';
-import { IconChevronDown, IconChevronUp, IconSearch } from '@computing/opendesign-icons';
+import {
+  IconChevronDown,
+  IconChevronUp,
+  IconSearch,
+} from '@computing/opendesign-icons';
 import { DefaultViewPortZoom } from './types';
 interface ControlProps {
   handleChangeZoom: any;
@@ -47,11 +82,11 @@ interface ControlProps {
 const props = withDefaults(defineProps<ControlProps>(), {});
 const zommChangeValue = ref(DefaultViewPortZoom);
 const dropDownVisible = ref(false);
-const handleSacl = zoomValue => {
+const handleSacl = (zoomValue) => {
   zommChangeValue.value = Number(zoomValue.toFixed(2));
   props.handleChangeZoom(zoomValue);
 };
-const handleVisibleChange = visible => {
+const handleVisibleChange = (visible) => {
   dropDownVisible.value = visible;
 };
 
diff --git a/src/views/createapp/components/appConfig.vue b/src/views/createapp/components/appConfig.vue
index f22d5cb12b858aa1e7e26ac90303bc0ac7d587c0..d148607a754a7320e7233a56d201e25db68e3bdb 100644
--- a/src/views/createapp/components/appConfig.vue
+++ b/src/views/createapp/components/appConfig.vue
@@ -2,7 +2,12 @@
 import { ref, reactive, watch, onMounted } from 'vue';
 import { useI18n } from 'vue-i18n';
 const { t } = useI18n();
-import { IconCaretRight, IconPlusCircle, IconDelete, IconSearch } from '@computing/opendesign-icons';
+import {
+  IconCaretRight,
+  IconPlusCircle,
+  IconDelete,
+  IconSearch,
+} from '@computing/opendesign-icons';
 import { useRoute } from 'vue-router';
 import { api } from 'src/apis';
 import CustomLoading from '../../customLoading/index.vue';
@@ -13,9 +18,12 @@ const activeName = ref([1, 2, 3]);
 const activeNames = ref([1, 2, 3]);
 const themeStore = useChangeThemeStore();
 const route = useRoute();
-const props = withDefaults(defineProps<{
-  handleValidateContent: Function,
-}>(), {});
+const props = withDefaults(
+  defineProps<{
+    handleValidateContent: Function;
+  }>(),
+  {},
+);
 const emits = defineEmits(['getFlowList', 'getPublishStatus']);
 const loading = ref(false);
 const createAppForm = ref({
@@ -55,25 +63,36 @@ const publishStatus = ref(false);
 const checkLinks = (rule, value, callback) => {
   // 这里校验各个url链接
   let result = true;
-  createAppForm.value.links.forEach(item => {
+  createAppForm.value.links.forEach((item) => {
     if (!checkUrl(item)) {
       result = false;
     }
-  })
-  console.log('这里的校验')
+  });
+  console.log('这里的校验');
   if (!result) {
-    callback(new Error('填写的url不合法'))
+    callback(new Error('填写的url不合法'));
   } else {
     callback();
   }
-}
+};
 
 // 这里后面需要换为变量-以便于中英文切换
 const createAppRole = ref({
   name: [{ required: true, message: '应用名称不能为空', trigger: 'blur' }],
-  description: [{ required: true, message: '应用简介不能为空', trigger: 'change' }],
-  dialogRounds: [{ required: true, message: '对话轮次不能为空', trigger: 'change' }],
-  links: [{required: true, message: '请填写合法的url', validator: checkLinks, trigger: 'blur'}]
+  description: [
+    { required: true, message: '应用简介不能为空', trigger: 'change' },
+  ],
+  dialogRounds: [
+    { required: true, message: '对话轮次不能为空', trigger: 'change' },
+  ],
+  links: [
+    {
+      required: true,
+      message: '请填写合法的url',
+      validator: checkLinks,
+      trigger: 'blur',
+    },
+  ],
 });
 const createAppFormRef = ref();
 const modeOptions = reactive([
@@ -92,31 +111,36 @@ const addLink = () => {
 const addRecommond = () => {
   createAppForm.value.recommendedQuestions.push('');
 };
-const delConnectItem = idx => {
+const delConnectItem = (idx) => {
   createAppForm.value.links.splice(idx, 1);
 };
-const delRecommendItem = idx => {
+const delRecommendItem = (idx) => {
   createAppForm.value.recommendedQuestions.splice(idx, 1);
 };
 const searchPerson = () => {
-  curPersonList.value = permissionList.value.filter(item => item?.userName?.toLowerCase()?.includes(searchName.value));
+  curPersonList.value = permissionList.value.filter((item) =>
+    item?.userName?.toLowerCase()?.includes(searchName.value),
+  );
 };
 const handleAvatarSuccess = (res, file) => {
   convertToBase64(file.raw);
 };
 
 // 转为base64-仅限小图标，后续请改为上传图片接口
-const convertToBase64 = file => {
+const convertToBase64 = (file) => {
   const reader = new FileReader();
-  reader.onload = e => {
+  reader.onload = (e) => {
     base64Image.value = e.target?.result;
   };
   reader.readAsDataURL(file);
 };
 
-watch(() => base64Image.value, () => {
-  createAppForm.value.icon = base64Image.value;
-})
+watch(
+  () => base64Image.value,
+  () => {
+    createAppForm.value.icon = base64Image.value;
+  },
+);
 
 watch(
   () => publishStatus.value,
@@ -128,8 +152,7 @@ watch(
   { deep: true, immediate: true },
 );
 
-
-const httpRequest = res => {
+const httpRequest = (res) => {
   res.onSuccess();
 };
 
@@ -141,14 +164,14 @@ onMounted(() => {
       .querySingleAppData({
         id: route.query?.appId as string,
       })
-      .then(res => {
+      .then((res) => {
         const appInfo = res?.[1]?.result;
         if (appInfo) {
           createAppForm.value = {
             icon: appInfo.icon,
             name: appInfo.name,
             description: appInfo.description,
-            links: appInfo.links.map(item => item.url),
+            links: appInfo.links.map((item) => item.url),
             recommendedQuestions: appInfo.recommendedQuestions,
             dialogRounds: appInfo.dialogRounds,
             permission: {
@@ -164,7 +187,7 @@ onMounted(() => {
       });
   }
   // 获取当前权限配置-部分人可见的部分人列表数据
-  api.getPartAppConfgUser().then(res => {
+  api.getPartAppConfgUser().then((res) => {
     if (res[1]?.result) {
       permissionList.value = res[1]?.result?.userInfoList;
       curPersonList.value = res[1]?.result?.userInfoList;
@@ -186,7 +209,7 @@ const checkUrl = (url) => {
   } else {
     return false;
   }
-}
+};
 
 watch(
   () => createAppForm.value,
@@ -207,14 +230,14 @@ const validateForm = async () => {
   } catch (error) {
     return false;
   }
-}
+};
 
 const handleTextareaEnter = (e: any) => {
-  if(e.keyCode==13){
+  if (e.keyCode == 13) {
     e.returnValue = false;
     return false;
   }
-}
+};
 
 const beforeUpload = async (file: ElFile) => {
   const isLt2M = file.size / 1024 / 1024 < 2;
@@ -227,7 +250,7 @@ const beforeUpload = async (file: ElFile) => {
   }
   try {
     const reader = new FileReader();
-    reader.onerror = error => {
+    reader.onerror = (error) => {
       ElMessage({
         message: 'Error reading file!',
         type: 'error',
@@ -237,7 +260,7 @@ const beforeUpload = async (file: ElFile) => {
     await new Promise((resolve, reject) => {
       reader.readAsText(file);
       reader.onloadend = () => resolve(); // 当读取完成时解决 Promise
-      reader.onerror = error => reject(error); // 如果出错则拒绝 Promise
+      reader.onerror = (error) => reject(error); // 如果出错则拒绝 Promise
     });
     return true;
   } catch (error) {
@@ -264,11 +287,19 @@ defineExpose({
     :rules="createAppRole"
     class="createAppContainerMainLeft"
   >
-    <el-collapse v-model="activeName" @change="handleChange" class="o-hpc-collapse" :prefix-icon="IconCaretRight">
+    <el-collapse
+      v-model="activeName"
+      @change="handleChange"
+      class="o-hpc-collapse"
+      :prefix-icon="IconCaretRight"
+    >
       <el-collapse-item title="Consistency" :name="1">
         <template #title>
           <span>基本信息</span>
-          <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(1) }">
+          <el-icon
+            class="el-collapse-item__arrow"
+            :class="{ 'is-active': activeNames.includes(1) }"
+          >
             <IconCaretRight />
           </el-icon>
         </template>
@@ -283,7 +314,11 @@ defineExpose({
               :http-request="httpRequest"
               :accept="'image/*'"
             >
-              <img v-if="createAppForm.icon.length" :src="createAppForm.icon" class="avatar" />
+              <img
+                v-if="createAppForm.icon.length"
+                :src="createAppForm.icon"
+                class="avatar"
+              />
               <div v-else class="defaultIcon"></div>
               <div class="uploadIcon"></div>
             </el-upload>
@@ -291,7 +326,13 @@ defineExpose({
           </div>
         </el-form-item>
         <el-form-item label="应用名称" prop="name">
-          <el-input class="w320" maxlength="20" v-model="createAppForm.name" clearable placeholder="请输入"></el-input>
+          <el-input
+            class="w320"
+            maxlength="20"
+            v-model="createAppForm.name"
+            clearable
+            placeholder="请输入"
+          ></el-input>
         </el-form-item>
         <el-form-item label="应用简介" prop="description">
           <el-input
@@ -308,7 +349,11 @@ defineExpose({
         <!-- 这里notRequired样式,在局部的通过校验时，控制局部的样式为正常。links为空时通过校验 -->
         <el-form-item label="相关链接" prop="links" class="notRequired">
           <div class="linkLine">
-            <el-button :icon="IconPlusCircle" @click="addLink" :disabled="createAppForm.links.length > 4">
+            <el-button
+              :icon="IconPlusCircle"
+              @click="addLink"
+              :disabled="createAppForm.links.length > 4"
+            >
               添加链接
             </el-button>
             <span class="linkText">最多添加5个链接</span>
@@ -317,7 +362,7 @@ defineExpose({
             <el-input
               class="w320"
               maxlength="200"
-              :class="{ 'validUrl' : checkUrl(createAppForm.links[index])}"
+              :class="{ validUrl: checkUrl(createAppForm.links[index]) }"
               v-model="createAppForm.links[index]"
               placeholder="请输入"
               clearable
@@ -328,7 +373,11 @@ defineExpose({
           </div>
         </el-form-item>
 
-        <el-form-item label="推荐问题" prop="recommendedQuestions" class="notRequired">
+        <el-form-item
+          label="推荐问题"
+          prop="recommendedQuestions"
+          class="notRequired"
+        >
           <div class="linkLine">
             <el-button
               :icon="IconPlusCircle"
@@ -339,7 +388,10 @@ defineExpose({
             </el-button>
             <span class="linkText">最多添加3个问题</span>
           </div>
-          <div class="linkArea" v-for="(item, index) in createAppForm.recommendedQuestions">
+          <div
+            class="linkArea"
+            v-for="(item, index) in createAppForm.recommendedQuestions"
+          >
             <el-input
               class="w320"
               maxlength="30"
@@ -356,7 +408,10 @@ defineExpose({
       <el-collapse-item title="Consistency" :name="2">
         <template #title>
           <span>多轮对话</span>
-          <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(2) }">
+          <el-icon
+            class="el-collapse-item__arrow"
+            :class="{ 'is-active': activeNames.includes(2) }"
+          >
             <IconCaretRight />
           </el-icon>
         </template>
@@ -376,23 +431,33 @@ defineExpose({
       <el-collapse-item title="Consistency" :name="3">
         <template #title>
           <span>权限配置</span>
-          <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeNames.includes(3) }">
+          <el-icon
+            class="el-collapse-item__arrow"
+            :class="{ 'is-active': activeNames.includes(3) }"
+          >
             <IconCaretRight />
           </el-icon>
         </template>
         <el-form-item label="权限" prop="permission" class="permissionItem">
           <div class="permissionSelect">
             <el-radio-group v-model="createAppForm.permission.visibility">
-              <el-radio v-for="(item, index) in permissionTypeList" :key="index" :value="item.value">
+              <el-radio
+                v-for="(item, index) in permissionTypeList"
+                :key="index"
+                :value="item.value"
+              >
                 {{ item.label }}
               </el-radio>
             </el-radio-group>
           </div>
-          <div class="partPermissionPerson" v-if="createAppForm.permission.visibility === 'protected'">
+          <div
+            class="partPermissionPerson"
+            v-if="createAppForm.permission.visibility === 'protected'"
+          >
             <div class="permissionChoice">
               <div class="perimissionChoiceTitle">
                 <div>可选</div>
-                <div class="choiceNum">{{curPersonList.length}}</div>
+                <div class="choiceNum">{{ curPersonList.length }}</div>
               </div>
               <el-input
                 ref="inputRef"
@@ -404,8 +469,14 @@ defineExpose({
                 :prefix-icon="IconSearch"
               ></el-input>
               <div class="personList">
-                <el-checkbox-group v-model="createAppForm.permission.authorizedUsers">
-                  <el-checkbox v-for="(item, index) in curPersonList" :key="index" :value="item?.userSub">
+                <el-checkbox-group
+                  v-model="createAppForm.permission.authorizedUsers"
+                >
+                  <el-checkbox
+                    v-for="(item, index) in curPersonList"
+                    :key="index"
+                    :value="item?.userSub"
+                  >
                     <span class="circle"></span>
                     {{ item?.userName }}
                   </el-checkbox>
@@ -415,11 +486,20 @@ defineExpose({
             <div class="permissionChoice">
               <div class="perimissionChoiceTitle">
                 <div>已选</div>
-                <div class="choiceNum">{{ createAppForm.permission.authorizedUsers.length }}</div>
+                <div class="choiceNum">
+                  {{ createAppForm.permission.authorizedUsers.length }}
+                </div>
               </div>
               <div class="personList">
-                <el-checkbox-group v-model="createAppForm.permission.authorizedUsers">
-                  <el-checkbox v-for="(item, index) in createAppForm.permission.authorizedUsers" :key="index" :value="item">
+                <el-checkbox-group
+                  v-model="createAppForm.permission.authorizedUsers"
+                >
+                  <el-checkbox
+                    v-for="(item, index) in createAppForm.permission
+                      .authorizedUsers"
+                    :key="index"
+                    :value="item"
+                  >
                     <span class="circle"></span>
                     {{ item }}
                   </el-checkbox>
diff --git a/src/views/createapp/components/codeMirror/mirrorTextArea.vue b/src/views/createapp/components/codeMirror/mirrorTextArea.vue
index 82e7eb7de2a9cd2d37f54974937619851285cc8c..ca684c42397499843751d590ef58ef25e66918be 100644
--- a/src/views/createapp/components/codeMirror/mirrorTextArea.vue
+++ b/src/views/createapp/components/codeMirror/mirrorTextArea.vue
@@ -40,12 +40,12 @@ watch(
 
 const updateFunc = () => {
   const foldDoms = document.querySelectorAll('span[title="Fold line"]');
-  foldDoms.forEach(dom => {
+  foldDoms.forEach((dom) => {
     dom.innerText = '';
   });
 
   const unFoldDoms = document.querySelectorAll('span[title="Unfold line"]');
-  unFoldDoms.forEach(dom => {
+  unFoldDoms.forEach((dom) => {
     dom.innerText = '';
   });
 };
diff --git a/src/views/createapp/components/codeMirror/nodeMirrorText.vue b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
index 2939f765c7a406c11bd88f56768646036786ed65..c5b5adc62a80fdb21e7c7a11efeebfe3a2a2ae7c 100644
--- a/src/views/createapp/components/codeMirror/nodeMirrorText.vue
+++ b/src/views/createapp/components/codeMirror/nodeMirrorText.vue
@@ -1,19 +1,37 @@
 <template>
   <!-- 这里为下拉面板结果详情 -->
-  <el-collapse v-model="nodeResult" class="o-hpc-collapse resultDropDown" :prefix-icon="IconChevronDown">
+  <el-collapse
+    v-model="nodeResult"
+    class="o-hpc-collapse resultDropDown"
+    :prefix-icon="IconChevronDown"
+  >
     <!-- 这里直接展示输入和输出 -->
-    <el-collapse-item v-for="(item, index) in resultInfo.infoList" :key="index" :name="item.id">
+    <el-collapse-item
+      v-for="(item, index) in resultInfo.infoList"
+      :key="index"
+      :name="item.id"
+    >
       <template #title>
         <span class="icon" :class="`${resultInfo.status}Icon`"></span>
         <span>{{ resultInfo.title }}</span>
         <!-- 这里接口返回的需要限制最大位数 -->
-        <span class="time" :class="`${resultInfo.status}Bg`" v-if="resultInfo.time">{{ resultInfo.time }}</span>
+        <span
+          class="time"
+          :class="`${resultInfo.status}Bg`"
+          v-if="resultInfo.time"
+        >
+          {{ resultInfo.time }}
+        </span>
         <span class="flexRight">展开结果</span>
         <el-icon class="el-collapse-item__arrow">
           <IconChevronDown></IconChevronDown>
         </el-icon>
       </template>
-      <div v-for="(subItem, idx) in item.desc" :key="idx" class="o-collapse-content">
+      <div
+        v-for="(subItem, idx) in item.desc"
+        :key="idx"
+        class="o-collapse-content"
+      >
         <div class="itemTitle">
           <div class="subName">{{ subItem.name }}</div>
           <div
@@ -22,7 +40,12 @@
             @click="handleCopy(subItem.code)"
           ></div>
         </div>
-        <MirrorText ref="textarea" :class="{'outputMirror': idx === 1}" :yamlCode="yaml.dump(subItem.code)" :disabled="true"></MirrorText>
+        <MirrorText
+          ref="textarea"
+          :class="{ outputMirror: idx === 1 }"
+          :yamlCode="yaml.dump(subItem.code)"
+          :disabled="true"
+        ></MirrorText>
       </div>
     </el-collapse-item>
   </el-collapse>
@@ -77,10 +100,12 @@ watch(
     // 目前props.status只有success、error、running三种
     resultInfo.value.title = StatusInfoTitle[props.status];
     if (props?.inputAndOutput) {
-
-      resultInfo.value.time = props.inputAndOutput.input_parameters.timeout ?? 0;
-      resultInfo.value.infoList[0].desc[0].code = props.inputAndOutput.input_parameters;
-      resultInfo.value.infoList[0].desc[1].code = props.inputAndOutput.output_parameters;
+      resultInfo.value.time =
+        props.inputAndOutput.input_parameters.timeout ?? 0;
+      resultInfo.value.infoList[0].desc[0].code =
+        props.inputAndOutput.input_parameters;
+      resultInfo.value.infoList[0].desc[1].code =
+        props.inputAndOutput.output_parameters;
     }
     if (props.status === 'success' || props.status === 'error') {
       resultInfo.value.time = props.costTime;
@@ -92,7 +117,7 @@ watch(
 );
 
 // 复制
-const handleCopy = code => {
+const handleCopy = (code) => {
   // 判断是否有值
   if (!code) {
     errorMsg('无可复制的信息');
diff --git a/src/views/createapp/components/types.ts b/src/views/createapp/components/types.ts
index b3257503ea45b301ab6ff681cb8bc4eea2fdbf79..e80c3b4df5b17267d080800b073e4a0968ad2478 100644
--- a/src/views/createapp/components/types.ts
+++ b/src/views/createapp/components/types.ts
@@ -7,7 +7,10 @@
 // IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT, MERCHANTABILITY OR FIT FOR A PARTICULAR
 // PURPOSE.
 // See the Mulan PSL v2 for more details.
-import type { UserDialoguePanelType, RobotDialoguePanelType } from 'src/components/dialoguePanel/type';
+import type {
+  UserDialoguePanelType,
+  RobotDialoguePanelType,
+} from 'src/components/dialoguePanel/type';
 
 // 引入图片--系统下相关的图标
 import KENOWLEDGE_BASE from '@/assets/svgs/knowledgeBase.svg';
@@ -31,8 +34,8 @@ import USER_DOCUMENT_CLASS from '@/assets/svgs/userDatabaseClass.svg';
 export type LinkType = 'redirect' | 'action';
 
 export enum BranchSourceIdType {
-  SOURCEA = "source_a",
-  SOURCEB = "source_b",
+  SOURCEA = 'source_a',
+  SOURCEB = 'source_b',
 }
 
 // 这里配置的是各节点运行状态
@@ -70,39 +73,44 @@ export const nodeTypeToIcon = {
   USER_CODE,
   USER_DATABASE_CLASS,
   USER_DOCUMENT_CLASS,
-}
+};
 
 // 这里是对应的图标
 export const iconTypeList = [
-  {name: 'HTTP请求', value: 'API', icon: API, class: 'otherNode'},
-  {name: '大模型', value: 'LLM', icon: LLM, class: 'systemNode'},
-  {name: '知识库', value: 'RAG', icon: KENOWLEDGE_BASE, class: 'systemNode'},
-  {name: '问题推荐', value: 'Suggestion', icon: get_CVE_DETAIL, class: 'aposNode'},
+  { name: 'HTTP请求', value: 'API', icon: API, class: 'otherNode' },
+  { name: '大模型', value: 'LLM', icon: LLM, class: 'systemNode' },
+  { name: '知识库', value: 'RAG', icon: KENOWLEDGE_BASE, class: 'systemNode' },
+  {
+    name: '问题推荐',
+    value: 'Suggestion',
+    icon: get_CVE_DETAIL,
+    class: 'aposNode',
+  },
 ];
 
 // 根据类型获取类名
 export const getNodeClass = (node) => {
   // 默认类名
   let defaultClass = 'systemNode';
-  iconTypeList.forEach(item => {
+  iconTypeList.forEach((item) => {
     if (item.value === node?.callId) {
       defaultClass = item.class;
     }
-  })
+  });
   return defaultClass;
-}
+};
 
 // 获取节点图标
 export const getSrcIcon = (node) => {
   // 默认的图标
   let defaultIcon = nodeTypeToIcon.TASK_CHOICE;
-  iconTypeList.forEach(item => {
+  iconTypeList.forEach((item) => {
     if (item.value === node?.callId) {
       defaultIcon = item.icon;
     }
-  })
+  });
   return defaultIcon;
-}
+};
 
 export interface LinkItem {
   key: string;
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 32d3e2703a0aa880e42923ac3e8c30c33cb9d36b..4011a496295917a484249137903b6c95cbb2c0a8 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -15,15 +15,25 @@ import useDragAndDrop from './workFlowConfig/useDnD';
 import WorkFlowDialog from './workFlowConfig/workFlowDialog.vue';
 import WorkFlowDebug from './workFlowDebug.vue';
 import { useLayout } from './workFlowConfig/useLayout';
-import { IconSearch, IconCaretRight, IconCaretDown, IconPlusCircle } from '@computing/opendesign-icons';
+import {
+  IconSearch,
+  IconCaretRight,
+  IconCaretDown,
+  IconPlusCircle,
+} from '@computing/opendesign-icons';
 import EditYamlDrawer from './workFlowConfig/yamlEditDrawer.vue';
 import { api } from 'src/apis';
 import { BranchSourceIdType, StatusInfoTitle } from './types';
 import { useRoute } from 'vue-router';
-import { nodeTypeToIcon, iconTypeList, getSrcIcon, DefaultViewPortZoom } from './types';
+import {
+  nodeTypeToIcon,
+  iconTypeList,
+  getSrcIcon,
+  DefaultViewPortZoom,
+} from './types';
 import yaml from 'js-yaml';
 import $bus from 'src/bus/index';
-import CustomLoading from '../../customLoading/index.vue'
+import CustomLoading from '../../customLoading/index.vue';
 
 const { t } = useI18n();
 const copilotAside = ref<HTMLElement>();
@@ -113,7 +123,7 @@ const initNodes = ref([
 // 开始的边默认为空数组【当然回显时应该有值】
 const edges = ref([]);
 
-const handleChangeZoom = zoomValue => {
+const handleChangeZoom = (zoomValue) => {
   const viewPortX = Number(sessionStorage.getItem('workflowViewPortX')) || 0;
   const viewPortY = Number(sessionStorage.getItem('workflowViewPortY')) || 20;
   setViewport({
@@ -127,7 +137,7 @@ const handleChangeZoom = zoomValue => {
 const viewportChangeEndFunc = (e) => {
   sessionStorage.setItem('workflowViewPortX', e.x);
   sessionStorage.setItem('workflowViewPortY', e.y);
-}
+};
 
 watch(
   props,
@@ -143,7 +153,7 @@ watch(
   { deep: true, immediate: true },
 );
 
-onConnect(e => {
+onConnect((e) => {
   // 边的起点和终点节点的两个状态
   const sourceItem = findNode(e.source);
   const targetItem = findNode(e.target);
@@ -159,7 +169,7 @@ onConnect(e => {
     type: 'normal',
   });
 });
-const handleChange = activeList => {
+const handleChange = (activeList) => {
   activeNames.value = activeName.value;
 };
 
@@ -174,7 +184,7 @@ const handleClose = () => {
   isAddWorkFlow.value = false;
 };
 // 删除节点
-const delNode = id => {
+const delNode = (id) => {
   if (id) {
     const node = findNode(id);
     node ? removeNodes(node) : '';
@@ -208,7 +218,7 @@ async function layoutGraph(direction) {
 }
 
 // 拖拽添加
-const dropFunc = e => {
+const dropFunc = (e) => {
   if (!flowObj.value?.flowId) {
     ElMessage.warning('请先创建/编辑工作流');
     return;
@@ -227,36 +237,36 @@ onMounted(() => {
       page: 1,
       pageSize: 10,
     })
-    .then(res => {
+    .then((res) => {
       apiServiceList.value = res[1]?.result.services;
       allApiServiceList.value = res[1]?.result.services;
       activeName.value = [res[1]?.result.services[0]?.serviceId];
       activeNames.value = [res[1]?.result.services[0]?.serviceId];
       apiLoading.value = false;
     });
-    handleChangeZoom(DefaultViewPortZoom);
-})
-
-
+  handleChangeZoom(DefaultViewPortZoom);
+});
 
 onUnmounted(() => {
   // 组件销毁时，清空sessionStorage的veiwport位置
   sessionStorage.setItem('workflowViewPortX', '');
   sessionStorage.setItem('workflowViewPortY', '');
-})
+});
 
 // 过滤工作流接口返回的可拖拽节点
 const searchApiList = () => {
-  apiServiceList.value = allApiServiceList.value.map(item => {
+  apiServiceList.value = allApiServiceList.value.map((item) => {
     const filterObj = { ...item, nodeMetaDatas: [] };
     if (item?.nodeMetaDatas) {
-      filterObj.nodeMetaDatas = item.nodeMetaDatas.filter(item => item?.name.includes(apiSearchValue.value));
+      filterObj.nodeMetaDatas = item.nodeMetaDatas.filter((item) =>
+        item?.name.includes(apiSearchValue.value),
+      );
     }
     return filterObj;
   });
 };
 
-const handleDebugDialogOps = visible => {
+const handleDebugDialogOps = (visible) => {
   // 这里将对应的保存
   if (!debugDialogVisible.value) {
     saveFlow();
@@ -267,28 +277,30 @@ const handleDebugDialogOps = visible => {
   // 调试弹窗关闭时---结果清空
   debugStatus.value = '';
   // 调试弹窗关闭时---节点状态清空
-  getNodes.value.forEach(node => {
-    updateNode(node.id, { data: { ...node.data, status: 'default', costTime: '' } });
+  getNodes.value.forEach((node) => {
+    updateNode(node.id, {
+      data: { ...node.data, status: 'default', costTime: '' },
+    });
   });
   // 调试弹窗关闭时---需要将边状态清空
-  getEdges.value.forEach(edge => {
+  getEdges.value.forEach((edge) => {
     // 更新节点的起源与终点
     updateEdgeData(edge.id, { targetStatus: 'default' });
     updateEdgeData(edge.id, { sourceStatus: 'default' });
   });
 };
 
-const edgesChange = edges => {
+const edgesChange = (edges) => {
   // 边增加删除时直接将工作流debug状态置为false
   if (edges?.[0]?.type === 'remove' || edges?.[0]?.type === 'add') {
     emits('updateFlowsDebug', false);
   }
 };
 
-const nodesChange = nodes => {
+const nodesChange = (nodes) => {
   // 判断如果选中的节点数目大于1，则删除首个
   if (getSelectedNodes.value.length > 1) {
-    removeSelectedNodes([getSelectedNodes.value[0]])
+    removeSelectedNodes([getSelectedNodes.value[0]]);
   }
   if (nodes?.[0]?.type === 'remove') {
     delNode(nodes[0].id);
@@ -302,7 +314,7 @@ const nodesChange = nodes => {
 };
 
 // 子组件获取的flow
-const getCreatedFlow = createdFlowObj => {
+const getCreatedFlow = (createdFlowObj) => {
   if (flowObj) {
     flowObj.value = { ...createdFlowObj };
     workFlowItemName.value = createdFlowObj.name;
@@ -322,7 +334,7 @@ const queryFlow = (deal: string) => {
       .querySingleAppData({
         id: route.query?.appId as string,
       })
-      .then(res => {
+      .then((res) => {
         const appInfo = res?.[1]?.result;
         if (appInfo) {
           workFlowList.value = appInfo.workflows ? [...appInfo.workflows] : [];
@@ -342,14 +354,14 @@ const queryFlow = (deal: string) => {
   }
 };
 // 点击编辑工作流--查询当前工作流数据-后续添加回显
-const editFlow = item => {
+const editFlow = (item) => {
   loading.value = true;
   api
     .querySingleFlowTopology({
       appId: route.query?.appId,
       flowId: item.id,
     })
-    .then(res => {
+    .then((res) => {
       if (res[1]?.result?.flow) {
         flowObj.value = res[1].result.flow;
         redrageFlow(flowObj.value.nodes, flowObj.value.edges);
@@ -359,7 +371,7 @@ const editFlow = item => {
 };
 
 // 删除工作流
-const delFlow = item => {
+const delFlow = (item) => {
   // 删除的如果是当前选中的，需要将选中的清空
   if (workFlowItemName.value === item.name) {
     workFlowItemName.value = '';
@@ -370,7 +382,7 @@ const delFlow = item => {
       appId: route.query?.appId,
       flowId: item.id,
     })
-    .then(res => {
+    .then((res) => {
       if (res[1]?.result) {
         ElMessage.success('删除工作流成功');
         // 并且需要更新工作流下拉框--默认选中第一项
@@ -381,7 +393,7 @@ const delFlow = item => {
 };
 
 // 下拉选择对应的工作流
-const choiceFlowId = flowItem => {
+const choiceFlowId = (flowItem) => {
   if (flowItem) {
     workFlowItemName.value = flowItem.name;
     editFlow(flowItem);
@@ -390,7 +402,7 @@ const choiceFlowId = flowItem => {
 
 // 回显工作流节点和边
 const redrageFlow = (nodesList, edgesList) => {
-  const newNodeList = nodesList.map(node => {
+  const newNodeList = nodesList.map((node) => {
     let newNode = {
       id: node.stepId,
       type: node.callId,
@@ -420,7 +432,7 @@ const redrageFlow = (nodesList, edgesList) => {
     }
     return newNode;
   });
-  const newEdgeList = edgesList.map(edge => {
+  const newEdgeList = edgesList.map((edge) => {
     const newEdge = {
       id: edge.edgeId,
       source: edge.sourceNode,
@@ -437,13 +449,13 @@ const redrageFlow = (nodesList, edgesList) => {
 };
 
 // 接受工作流调试时获取的相应的数据
-$bus.on('getNodesStatue', lines => {
+$bus.on('getNodesStatue', (lines) => {
   // 对相应节点修改状态--此处需要分为开始/结束,分支,普通三种节点修改
   try {
-    lines?.forEach(item => {
+    lines?.forEach((item) => {
       const newLines = yaml.load(item);
       // 工作流开始时更新debugResult
-      if (newLines?.data?.event === 'flow.start'){
+      if (newLines?.data?.event === 'flow.start') {
         totalTime.value = 0;
         debugTime.value = '';
         debugStatus.value = newLines.data.flow?.stepStatus;
@@ -455,22 +467,35 @@ $bus.on('getNodesStatue', lines => {
         return;
       }
       // step.input和step.output对应的节点状态需要修改
-      if (newLines?.data?.event === 'step.input' || newLines?.data?.event === 'step.output') {
+      if (
+        newLines?.data?.event === 'step.input' ||
+        newLines?.data?.event === 'step.output'
+      ) {
         // output-节点运行结束时，获取节点运行的耗时
         let constTime = '';
         if (newLines.data.event === 'step.output') {
           totalTime.value += newLines.data?.metadata?.timeCost;
           constTime = `${newLines.data?.metadata?.timeCost?.toFixed(3)}s`;
           // 此处获取output的数据，并将此数据传给节点显示
-          updateNodeFunc(newLines.data.flow.stepId, newLines.data.flow?.stepStatus, constTime, {
-            params: newLines.data?.content,
-            type: 'output',
-          });
+          updateNodeFunc(
+            newLines.data.flow.stepId,
+            newLines.data.flow?.stepStatus,
+            constTime,
+            {
+              params: newLines.data?.content,
+              type: 'output',
+            },
+          );
         } else {
-          updateNodeFunc(newLines.data.flow.stepId, newLines.data.flow?.stepStatus, constTime, {
-            params: newLines.data?.content,
-            type: 'input',
-          });
+          updateNodeFunc(
+            newLines.data.flow.stepId,
+            newLines.data.flow?.stepStatus,
+            constTime,
+            {
+              params: newLines.data?.content,
+              type: 'input',
+            },
+          );
         }
       } else if (newLines?.data?.event === 'flow.stop') {
         debugStatus.value = newLines.data.flow?.stepStatus;
@@ -490,7 +515,7 @@ $bus.on('getNodesStatue', lines => {
 $bus.on('debugChatEnd', () => {
   // 更新发布按钮状态
   emits('updateFlowsDebug');
-})
+});
 
 // 更新节点状态--调试到对应节点id，根据id设置节点与边状态
 const updateNodeFunc = (id, status, constTime, content?) => {
@@ -501,14 +526,18 @@ const updateNodeFunc = (id, status, constTime, content?) => {
   // 更新当前节点的状态，以及运行时间
   updateNode(id, { data: { ...data, status, constTime } });
   // 遍历获取以当前节点为起源节点的边和为目的节点的边
-  const changeSourceEdges = [...getEdges.value.filter(item => item.source === id)];
-  const changeTargetEdges = [...getEdges.value.filter(item => item.target === id)];
+  const changeSourceEdges = [
+    ...getEdges.value.filter((item) => item.source === id),
+  ];
+  const changeTargetEdges = [
+    ...getEdges.value.filter((item) => item.target === id),
+  ];
   // 分别遍历相应的以该节点为起源的边-并更新它们的状态为最新状态
-  changeSourceEdges.forEach(item => {
+  changeSourceEdges.forEach((item) => {
     updateEdgeData(item.id, { sourceStatus: status });
   });
   // 分别遍历相应相应的以该节点为目标的边-并更新它们的状态为最新状态
-  changeTargetEdges.forEach(item => {
+  changeTargetEdges.forEach((item) => {
     updateEdgeData(item.id, { targetStatus: status });
   });
 };
@@ -520,7 +549,7 @@ const saveFlow = (updateNodeParameter?) => {
     return;
   }
   // 将对应的节点和边存储格式改造
-  let updateNodes = getNodes.value.map(item => {
+  let updateNodes = getNodes.value.map((item) => {
     const { ...otherItem } = item.data;
     let newItem = {
       enable: true,
@@ -553,7 +582,7 @@ const saveFlow = (updateNodeParameter?) => {
     return newItem;
   });
   // 更新对应的边的结构
-  const updateEdges = getEdges.value.map(item => {
+  const updateEdges = getEdges.value.map((item) => {
     let newEdge = {
       edgeId: item.id,
       sourceNode: item.sourceNode.id,
@@ -565,10 +594,11 @@ const saveFlow = (updateNodeParameter?) => {
   });
   // 判断是否调用修改yaml文件，以确定是否修改对应的input_paramteters
   if (updateNodeParameter) {
-    updateNodes.forEach(item => {
+    updateNodes.forEach((item) => {
       if (item.stepId === updateNodeParameter.id) {
         if (item.type === 'choice') {
-          item.parameters.input_parameters.choices = updateNodeParameter.inputStream;
+          item.parameters.input_parameters.choices =
+            updateNodeParameter.inputStream;
         } else {
           item.parameters.input_parameters = updateNodeParameter.inputStream;
         }
@@ -597,7 +627,7 @@ const saveFlow = (updateNodeParameter?) => {
         },
       },
     )
-    .then(res => {
+    .then((res) => {
       if (res[1]?.result) {
         ElMessage.success('工作流更新成功');
         queryFlow('update');
@@ -626,7 +656,12 @@ defineExpose({
 <template>
   <div class="workFlowContainer" @drop="dropFunc">
     <aside class="aside-wrapper" ref="copilotAside">
-      <ElTooltip placement="right" :content="isCopilotAsideVisible ? t('history.collapse') : t('history.expand')">
+      <ElTooltip
+        placement="right"
+        :content="
+          isCopilotAsideVisible ? t('history.collapse') : t('history.expand')
+        "
+      >
         <div class="trapezoid" @click="hanleAsideVisible" />
       </ElTooltip>
 
@@ -646,12 +681,22 @@ defineExpose({
               ></el-input>
             </div>
             <div class="apiContanter">
-              <el-collapse v-model="activeName" @change="handleChange" class="o-hpc-collapse">
-                <el-collapse-item title="Consistency" :name="item.serviceId" v-for="item in apiServiceList">
+              <el-collapse
+                v-model="activeName"
+                @change="handleChange"
+                class="o-hpc-collapse"
+              >
+                <el-collapse-item
+                  title="Consistency"
+                  :name="item.serviceId"
+                  v-for="item in apiServiceList"
+                >
                   <template #title>
                     <el-icon
                       class="el-collapse-item__arrow"
-                      :class="{ 'is-active': activeNames.includes(item.serviceId) }"
+                      :class="{
+                        'is-active': activeNames.includes(item.serviceId),
+                      }"
                     >
                       <IconCaretRight />
                     </el-icon>
@@ -662,7 +707,12 @@ defineExpose({
                     v-for="(node, index) in item.nodeMetaDatas"
                     :key="index"
                     :draggable="true"
-                    @dragstart="onDragStart($event, node.type, { serviceId: item.serviceId, ...node })"
+                    @dragstart="
+                      onDragStart($event, node.type, {
+                        serviceId: item.serviceId,
+                        ...node,
+                      })
+                    "
                   >
                     <img class="nodeIcon" :src="getSrcIcon(node)" />
                     <div class="stanceName">{{ node.name }}</div>
@@ -693,7 +743,11 @@ defineExpose({
       >
         <Background pattern-color="#aaa" :gap="8" />
         <MiniMap :width="220" mask-color="#f4f6fa" :mask-stroke-width="250" />
-        <CustomControl :handleChangeZoom="handleChangeZoom" :flowZoom="flowZoom" :layoutGraph="layoutGraph" />
+        <CustomControl
+          :handleChangeZoom="handleChangeZoom"
+          :flowZoom="flowZoom"
+          :layoutGraph="layoutGraph"
+        />
         <!-- 自定义节点 -->
         <template #node-custom="customNodeProps">
           <CustomNode
@@ -788,7 +842,10 @@ defineExpose({
           </el-select>
         </div>
         <div class="debugBtn" @click="handleDebugDialogOps(true)">
-          <img src="@/assets/images/debugBtnDis.png" v-if="debugDialogVisible" />
+          <img
+            src="@/assets/images/debugBtnDis.png"
+            v-if="debugDialogVisible"
+          />
           <img src="@/assets/images/debugBtn.png" v-else />
         </div>
         <div class="debugStatus"></div>
@@ -796,14 +853,22 @@ defineExpose({
         <div class="debugStatus" v-if="debugStatus">
           <div class="icon" :class="`${debugStatus}Icon`"></div>
           <div class="resultText">{{ StatusInfoTitle[debugStatus] }}</div>
-          <span class="time" :class="`${debugStatus}Bg`" v-if="debugStatus !== 'running'">{{ debugTime }}</span>
+          <span
+            class="time"
+            :class="`${debugStatus}Bg`"
+            v-if="debugStatus !== 'running'"
+          >
+            {{ debugTime }}
+          </span>
         </div>
       </div>
       <!-- 暂无工作流展示 -->
       <div class="noWorkFlow" v-else>
         <div class="noFlow"></div>
         <div class="noFlowDesc">暂无工作流</div>
-        <el-button type="primary" class="w96 addWorkFlow" @click="addWorkFlow">新建工作流</el-button>
+        <el-button type="primary" class="w96 addWorkFlow" @click="addWorkFlow">
+          新建工作流
+        </el-button>
       </div>
     </div>
     <!-- 工作流新建弹窗 -->
diff --git a/src/views/createapp/components/workFlowConfig/BranchNode.vue b/src/views/createapp/components/workFlowConfig/BranchNode.vue
index 77391dafdfb2ba83599596d03ea2c1d521979ac1..027640c60040083e80bd039192fca0b1da82779d 100644
--- a/src/views/createapp/components/workFlowConfig/BranchNode.vue
+++ b/src/views/createapp/components/workFlowConfig/BranchNode.vue
@@ -23,7 +23,7 @@ const props = defineProps({
   disabled: {
     type: Boolean,
     required: false,
-  }
+  },
 });
 const emits = defineEmits(['delNode', 'editYamlDrawer']);
 
@@ -57,26 +57,30 @@ watch(
     costTime.value = props.data?.constTime || '';
     // 这里是分支节点独有的，需要根据接口拖拽节点里的choices决定有几个handle节点
     if (props.data?.parameters?.input_parameters?.choices) {
-      branchIdList.value = props.data?.parameters?.input_parameters?.choices.map(
-        item => item?.branchId,
-      );
+      branchIdList.value =
+        props.data?.parameters?.input_parameters?.choices.map(
+          (item) => item?.branchId,
+        );
     }
     // 默认的输入赋值
-    inputAndOutput.value.input_parameters = props.data?.parameters?.input_parameters || {};
+    inputAndOutput.value.input_parameters =
+      props.data?.parameters?.input_parameters || {};
     // 判断是否有调试的输入输出，有调试的输入输出，需要将其显示/否则显示默认的输出
     if (props.data.content?.type === 'input') {
       inputAndOutput.value.output_parameters = props.data.content.params;
     } else if (props.data.content?.type === 'output') {
       inputAndOutput.value.output_parameters = props.data.content.params;
     } else {
-      inputAndOutput.value.input_parameters = props.data?.parameters?.input_parameters || {};
-      inputAndOutput.value.output_parameters = props.data?.parameters?.output_parameters || {};
+      inputAndOutput.value.input_parameters =
+        props.data?.parameters?.input_parameters || {};
+      inputAndOutput.value.output_parameters =
+        props.data?.parameters?.output_parameters || {};
     }
   },
   { deep: true, immediate: true },
 );
 
-const delNode = id => {
+const delNode = (id) => {
   emits('delNode', id);
 };
 
@@ -96,23 +100,53 @@ const editYaml = (nodeName, nodeDesc, yamlCode) => {
       <div class="title" v-if="props.data.name">
         <div class="iconStyle"></div>
         <div class="label">{{ props.data.name }}</div>
-        <div class="moreTip" :class="{'notAllow': props.disabled}">
-          <el-popover :disabled="props.disabled" placement="right" trigger="hover" popper-class="nodeDealPopper">
+        <div class="moreTip" :class="{ notAllow: props.disabled }">
+          <el-popover
+            :disabled="props.disabled"
+            placement="right"
+            trigger="hover"
+            popper-class="nodeDealPopper"
+          >
             <template #reference>···</template>
-            <el-button text class="dealItem" @click="editYaml(props.data.name, props.data.description, props.data.parameters)">编辑</el-button>
-            <el-button text class="dealItem" @click="delNode(props.id)">删除</el-button>
+            <el-button
+              text
+              class="dealItem"
+              @click="
+                editYaml(
+                  props.data.name,
+                  props.data.description,
+                  props.data.parameters,
+                )
+              "
+            >
+              编辑
+            </el-button>
+            <el-button text class="dealItem" @click="delNode(props.id)">
+              删除
+            </el-button>
           </el-popover>
         </div>
       </div>
-      <div class="desc" v-if="props.data.description">{{ props.data.description }}</div>
-      <div class="branchDesc" v-if="props.data?.parameters?.input_parameters?.choices">
+      <div class="desc" v-if="props.data.description">
+        {{ props.data.description }}
+      </div>
+      <div
+        class="branchDesc"
+        v-if="props.data?.parameters?.input_parameters?.choices"
+      >
         <div
           class="branchItem"
-          v-for="(item, index) in props.data?.parameters?.input_parameters?.choices"
+          v-for="(item, index) in props.data?.parameters?.input_parameters
+            ?.choices"
           :key="index"
         >
           {{ item.description }}
-          <Handle class="souceFirstHandle" :id="branchIdList[index]" type="source" :position="Position.Right"></Handle>
+          <Handle
+            class="souceFirstHandle"
+            :id="branchIdList[index]"
+            type="source"
+            :position="Position.Right"
+          ></Handle>
           <div class="delOverShadow rightBox" style="top: 0%"></div>
           <div class="outHandleRing outRingRight" style="top: 30%"></div>
         </div>
diff --git a/src/views/createapp/components/workFlowConfig/CustomEdge.vue b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
index 046c3e082be7067728fe2f85a2fd7be34009a093..337ff33dc61a4997973317ba231e6d9a06bb6616 100644
--- a/src/views/createapp/components/workFlowConfig/CustomEdge.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomEdge.vue
@@ -34,7 +34,11 @@
   </g>
 </template>
 <script setup>
-import { getBezierPath, getSmoothStepPath, getSimpleBezierPath } from '@vue-flow/core';
+import {
+  getBezierPath,
+  getSmoothStepPath,
+  getSimpleBezierPath,
+} from '@vue-flow/core';
 import { computed, watch, ref, onMounted } from 'vue';
 const status = ref('default');
 const startOffset = ref(0);
@@ -107,11 +111,13 @@ watch(
       // 非连线过程，则需要判断当前的status
       if (props.data?.targetStatus === 'error') {
         // 如果目标节点为失败，根据起源节点判断边状态
-        status.value = props.data?.sourceStatus === 'success' ? 'success_error' : 'error';
+        status.value =
+          props.data?.sourceStatus === 'success' ? 'success_error' : 'error';
       } else if (props.data?.targetStatus === 'success') {
         // 如果目标节点为成功，根据起源节点判断边状态
-        status.value = props.data?.sourceStatus === 'success' ? 'success' : 'error_success';
-      } else if(props.data?.targetStatus === 'running') {
+        status.value =
+          props.data?.sourceStatus === 'success' ? 'success' : 'error_success';
+      } else if (props.data?.targetStatus === 'running') {
         // 运行中状态
         status.value = 'running';
       } else {
@@ -121,10 +127,16 @@ watch(
     }
     if (status.value === 'success_error' || status.value === 'error_success') {
       if (props?.targetX < props?.sourceX) {
-        if (props.data.sourceStatus === 'success' && props.data.targetStatus === 'error') {
+        if (
+          props.data.sourceStatus === 'success' &&
+          props.data.targetStatus === 'error'
+        ) {
           status.value = 'error_success';
         }
-        if (props.data.sourceStatus === 'error' && props.data.targetStatus === 'success') {
+        if (
+          props.data.sourceStatus === 'error' &&
+          props.data.targetStatus === 'success'
+        ) {
           status.value = 'success_error';
         }
       }
diff --git a/src/views/createapp/components/workFlowConfig/CustomNode.vue b/src/views/createapp/components/workFlowConfig/CustomNode.vue
index 98479725b299e3911e634edb4117ed54b87ad747..226caf9711764d7f0a0f6cda02bc37faa628f314 100644
--- a/src/views/createapp/components/workFlowConfig/CustomNode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomNode.vue
@@ -59,15 +59,17 @@ watch(
     } else if (props.data.content?.type === 'output') {
       inputAndOutput.value.output_parameters = props.data.content.params;
     } else {
-      inputAndOutput.value.input_parameters = props.data?.parameters?.input_parameters || {};
-      inputAndOutput.value.output_parameters = props.data?.parameters?.output_parameters || {};
+      inputAndOutput.value.input_parameters =
+        props.data?.parameters?.input_parameters || {};
+      inputAndOutput.value.output_parameters =
+        props.data?.parameters?.output_parameters || {};
     }
   },
   { deep: true, immediate: true },
 );
 
 // 删除节点
-const delNode = id => {
+const delNode = (id) => {
   emits('delNode', id);
 };
 
@@ -85,21 +87,41 @@ const editYaml = (nodeName, nodeDesc, yamlCode) => {
         <img class="iconStyle" :src="getSrcIcon(props.data)" />
         <div class="label">{{ props.data.name }}</div>
         <div class="moreTip" :class="{ notAllow: props.disabled }">
-          <el-popover :disabled="props.disabled" placement="right" trigger="hover" popper-class="nodeDealPopper">
+          <el-popover
+            :disabled="props.disabled"
+            placement="right"
+            trigger="hover"
+            popper-class="nodeDealPopper"
+          >
             <template #reference>···</template>
             <el-button
               text
               class="dealItem"
-              @click="editYaml(props.data.name, props.data.description, props.data.parameters)"
-              >编辑</el-button
+              @click="
+                editYaml(
+                  props.data.name,
+                  props.data.description,
+                  props.data.parameters,
+                )
+              "
             >
-            <el-button text class="dealItem" @click="delNode(props.id)">删除</el-button>
+              编辑
+            </el-button>
+            <el-button text class="dealItem" @click="delNode(props.id)">
+              删除
+            </el-button>
           </el-popover>
         </div>
       </div>
-      <div class="desc" v-if="props.data.description">{{ props.data.description }}</div>
+      <div class="desc" v-if="props.data.description">
+        {{ props.data.description }}
+      </div>
     </div>
-    <Handle type="source" :position="Position.Right" :connectable="props.data?.isConnectSource"></Handle>
+    <Handle
+      type="source"
+      :position="Position.Right"
+      :connectable="props.data?.isConnectSource"
+    ></Handle>
     <!-- 调试时出现-暂时隐藏 -->
     <NodeMirrorText
       v-if="curStatus !== 'default'"
diff --git a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
index e5a939ac80df9d69685fd43bd09013e715514710..9a5d6973f0c2fc2207a255b9ea6ce251f7c96ebb 100644
--- a/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
+++ b/src/views/createapp/components/workFlowConfig/CustomSaENode.vue
@@ -45,10 +45,17 @@ watch(
 <template>
   <div class="customStartAndEndNode">
     <div class="customNodeStyle nodeSaEBorder" :class="curStatus">
-      <Handle :type="props.data.target" :position="Position[props.data.nodePosition]" :connectable-end="true"></Handle>
+      <Handle
+        :type="props.data.target"
+        :position="Position[props.data.nodePosition]"
+        :connectable-end="true"
+      ></Handle>
       <div class="nodeSaEBorderBox">
         <div v-if="props.data.name === '开始'" class="saEIcon startIcon"></div>
-        <div v-else-if="props.data.name === '结束'" class="saEIcon endIcon"></div>
+        <div
+          v-else-if="props.data.name === '结束'"
+          class="saEIcon endIcon"
+        ></div>
         <div class="saEText">{{ props.data.name }}</div>
       </div>
     </div>
@@ -56,53 +63,53 @@ watch(
 </template>
 
 <style lang="scss">
-  .nodeSaEBorder {
-    width: 96px !important;
-    border: 2px solid transparent;
-    min-height: 56px;
-    max-height: 60px;
+.nodeSaEBorder {
+  width: 96px !important;
+  border: 2px solid transparent;
+  min-height: 56px;
+  max-height: 60px;
 
-    background: var(--flow-bg-color);
+  background: var(--flow-bg-color);
+  border-radius: 8px;
+  background-clip: padding-box;
+
+  box-sizing: border-box;
+  border-radius: 10px;
+  .vue-flow__handle {
+    right: 0px;
+  }
+  .nodeSaEBorderBox {
+    padding: 16px;
+    background: var(--flow-startEnd-bg);
+    display: flex;
+    width: 100%;
+    height: 100%;
     border-radius: 8px;
-    background-clip: padding-box;
-    
-    box-sizing: border-box;
-    border-radius: 10px;
-    .vue-flow__handle {
-      right: 0px;
+    align-items: center;
+    justify-content: space-between;
+    .img {
+      width: 24px;
+      height: 24px;
     }
-    .nodeSaEBorderBox {
-      padding: 16px;
-      background: var(--flow-startEnd-bg);
-      display: flex;
-      width: 100%;
-      height: 100%;
-      border-radius: 8px;
-      align-items: center;
-      justify-content: space-between;
-      .img {
-        width: 24px;
-        height: 24px;
-      }
-      .startIcon {
-        background: url('@/assets/svgs/flowStartIcon.svg') 100% 100% no-repeat;
-      }
-      .endIcon {
-        background: url('@/assets/svgs/flowEndIcon.svg') 100% 100% no-repeat;
-      }
-      .saEIcon {
-        width: 24px;
-        height: 24px;
-      }
-      .saEText {
-        font-size: 14px;
-        color: var(--o-text-color-primary);
-      }
+    .startIcon {
+      background: url('@/assets/svgs/flowStartIcon.svg') 100% 100% no-repeat;
     }
-  }
-  .nodeSaEBorder.success {
-    .vue-flow__handle {
-      margin-top: 0px;
+    .endIcon {
+      background: url('@/assets/svgs/flowEndIcon.svg') 100% 100% no-repeat;
     }
+    .saEIcon {
+      width: 24px;
+      height: 24px;
+    }
+    .saEText {
+      font-size: 14px;
+      color: var(--o-text-color-primary);
+    }
+  }
+}
+.nodeSaEBorder.success {
+  .vue-flow__handle {
+    margin-top: 0px;
   }
+}
 </style>
diff --git a/src/views/createapp/components/workFlowConfig/useDnD.js b/src/views/createapp/components/workFlowConfig/useDnD.js
index a7733d6ca2f19bb5c43caadf507c5d534c593f8d..eecea56426ec7da0bf145167a44c52b5f3b28ea8 100644
--- a/src/views/createapp/components/workFlowConfig/useDnD.js
+++ b/src/views/createapp/components/workFlowConfig/useDnD.js
@@ -26,9 +26,15 @@ const state = {
 export default function useDragAndDrop() {
   const { draggedType, isDragOver, isDragging, nodeData } = state;
 
-  const { addNodes, screenToFlowCoordinate, onNodesInitialized, updateNode, addEdges } = useVueFlow();
-
-  watch(isDragging, dragging => {
+  const {
+    addNodes,
+    screenToFlowCoordinate,
+    onNodesInitialized,
+    updateNode,
+    addEdges,
+  } = useVueFlow();
+
+  watch(isDragging, (dragging) => {
     document.body.style.userSelect = dragging ? 'none' : '';
   });
 
@@ -100,7 +106,7 @@ export default function useDragAndDrop() {
      */
     const { off } = onNodesInitialized(() => {
       const vueFlowContainer = document.querySelector('.my-diagram-class');
-      updateNode(nodeId, node => ({
+      updateNode(nodeId, (node) => ({
         position: {
           x: node.position.x - node.dimensions.width / 2,
           y: node.position.y - node.dimensions.height / 2,
diff --git a/src/views/createapp/components/workFlowConfig/useLayout.js b/src/views/createapp/components/workFlowConfig/useLayout.js
index 5ae8340cbb350e20574d09b6a969028f2cc5cf04..cb817bb44bc42bec6382b3e6e72c47271a605fac 100644
--- a/src/views/createapp/components/workFlowConfig/useLayout.js
+++ b/src/views/createapp/components/workFlowConfig/useLayout.js
@@ -34,7 +34,10 @@ export function useLayout() {
       // 查找到节点的信息
       const graphNode = findNode(node.id);
       // 获取到所有节点中最高的高度，之后可计算每个节点与最高高度差设置y，使得节点的中心点都在同一水平线上
-      maxHeight = maxHeight > graphNode.dimensions.height ? maxHeight : graphNode.dimensions.height;
+      maxHeight =
+        maxHeight > graphNode.dimensions.height
+          ? maxHeight
+          : graphNode.dimensions.height;
     }
 
     for (const node of nodes) {
@@ -57,13 +60,19 @@ export function useLayout() {
     dagre.layout(dagreGraph);
 
     // set nodes with updated positions
-    return nodes.map(node => {
+    return nodes.map((node) => {
       const nodeWithPosition = dagreGraph.node(node.id);
       let diff = maxHeight - nodeWithPosition.height;
-      let position = { x: nodeWithPosition.x, y: nodeWithPosition.y + diff / 2 };
+      let position = {
+        x: nodeWithPosition.x,
+        y: nodeWithPosition.y + diff / 2,
+      };
       // 需要进行判断--是否为开始结束
       if (node.id === 'start' || node.id === 'end') {
-        position = { x: nodeWithPosition.x + 112, y: nodeWithPosition.y + diff / 2 };
+        position = {
+          x: nodeWithPosition.x + 112,
+          y: nodeWithPosition.y + diff / 2,
+        };
       }
 
       return {
diff --git a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
index 5f9097c703ffced9b1d7e7eeeff14313b01147d2..4d25652c00cf6262907781827a0f6ff43c89c46a 100644
--- a/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
+++ b/src/views/createapp/components/workFlowConfig/workFlowDialog.vue
@@ -1,5 +1,10 @@
 <template>
-  <el-dialog v-model="workFlowDiaVisible" @close="onCancel" title="新建工作流" class="workFlowDia">
+  <el-dialog
+    v-model="workFlowDiaVisible"
+    @close="onCancel"
+    title="新建工作流"
+    class="workFlowDia"
+  >
     <el-form
       ref="workFlowForm"
       class=""
@@ -31,8 +36,17 @@
     </el-form>
     <template #footer>
       <span class="dialog-footer">
-        <el-button class="o-dlg-btn" type="primary" size="small" @click="handleSubmit(workFlowForm)">确定</el-button>
-        <el-button class="o-dlg-btn" size="small" @click="onCancel">取消</el-button>
+        <el-button
+          class="o-dlg-btn"
+          type="primary"
+          size="small"
+          @click="handleSubmit(workFlowForm)"
+        >
+          确定
+        </el-button>
+        <el-button class="o-dlg-btn" size="small" @click="onCancel">
+          取消
+        </el-button>
       </span>
     </template>
   </el-dialog>
@@ -54,7 +68,7 @@ const props = defineProps({
   },
   workFlowList: {
     type: Array,
-  }
+  },
 });
 const emits = defineEmits(['handleClose', 'createFlowId']);
 const workFlowForm = ref();
@@ -64,22 +78,24 @@ const workFlowData = ref({
 });
 const workFlowRules = ref({
   name: [{ required: true, message: '请输入工作流名称', trigger: 'blur' }],
-  description: [{ required: true, message: '请输入工作流描述', trigger: 'blur' }],
+  description: [
+    { required: true, message: '请输入工作流描述', trigger: 'blur' },
+  ],
 });
 const onCancel = () => {
   emits('handleClose');
 };
 const handleSubmit = (formEl: FormInstance | undefined) => {
   // 校验必填项是否填写
-  formEl?.validate(valid => {
+  formEl?.validate((valid) => {
     if (valid) {
       // 判断是否有重复的工作流名称
       let isMultNameFlag = false;
-      props.workFlowList?.forEach(flowItem => {
+      props.workFlowList?.forEach((flowItem) => {
         if (flowItem?.name === workFlowData.value.name) {
           isMultNameFlag = true;
         }
-      })
+      });
       // 如果与已有名称重复，则提示
       if (isMultNameFlag) {
         ElMessage.warning('当前应用下已有该工作流名称，请修改名称');
@@ -146,7 +162,7 @@ const handleSubmit = (formEl: FormInstance | undefined) => {
             },
           },
         )
-        .then(res => {
+        .then((res) => {
           if (res[1]?.result?.flow) {
             ElMessage.success('创建成功');
             // 将创建成功后的flow对象传给父组件
diff --git a/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
index 038f1d06984af105acb98a72b2a59146ec5e8c9a..a6403855693fe4b15924ca775e1163a444ccfc9d 100644
--- a/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
+++ b/src/views/createapp/components/workFlowConfig/yamlEditDrawer.vue
@@ -21,7 +21,10 @@
               v-for="(item, index) in yamlExpress"
             >
               <template #title>
-                <el-icon class="el-collapse-item__arrow" :class="{ 'is-active': activeName.includes(item.title) }">
+                <el-icon
+                  class="el-collapse-item__arrow"
+                  :class="{ 'is-active': activeName.includes(item.title) }"
+                >
                   <IconCaretRight />
                 </el-icon>
                 <span>{{ item.title }}</span>
@@ -71,7 +74,13 @@
       <template #footer>
         <div class="drawerFooter">
           <el-button @click="closeDrawer">关闭</el-button>
-          <el-button :disabled="infoDisabled" type="primary" @click="updateNodeYaml">完成</el-button>
+          <el-button
+            :disabled="infoDisabled"
+            type="primary"
+            @click="updateNodeYaml"
+          >
+            完成
+          </el-button>
         </div>
       </template>
     </el-drawer>
@@ -110,9 +119,15 @@ const yamlExpress = ref([
 ]);
 const yamlBaseInfoRule = ref({
   name: [{ required: true, message: '请输入工作流名称', trigger: 'blur' }],
-  description: [{ required: true, message: '请输入工作流描述', trigger: 'blur' }],
+  description: [
+    { required: true, message: '请输入工作流描述', trigger: 'blur' },
+  ],
 });
-const activeName = ref([yamlExpress.value[0].title, yamlExpress.value[1].title, yamlExpress.value[2].title]);
+const activeName = ref([
+  yamlExpress.value[0].title,
+  yamlExpress.value[1].title,
+  yamlExpress.value[2].title,
+]);
 const emits = defineEmits(['closeDrawer', 'saveNode']);
 const props = defineProps<{
   yamlContent: any;
@@ -131,8 +146,12 @@ watch(
     yamlNodeName.value = props.nodeName;
     yamlExpress.value[0].name = props.nodeName;
     yamlExpress.value[0].description = props.nodeDesc;
-    yamlExpress.value[1].yamlCode = yaml.dump(props.yamlContent.input_parameters);
-    yamlExpress.value[2].yamlCode = yaml.dump(props.yamlContent.output_parameters);
+    yamlExpress.value[1].yamlCode = yaml.dump(
+      props.yamlContent.input_parameters,
+    );
+    yamlExpress.value[2].yamlCode = yaml.dump(
+      props.yamlContent.output_parameters,
+    );
   },
   { deep: true, immediate: true },
 );
@@ -156,7 +175,13 @@ const updateNodeYaml = () => {
   try {
     transResult = yaml.load(yamlExpress.value[1].yamlCode);
     // 调用接口并更新--根据id包含更新后的yamlCode, name, desc
-    emits('saveNode', transResult, props.nodeYamlId, yamlExpress.value[0].name, yamlExpress.value[0].description);
+    emits(
+      'saveNode',
+      transResult,
+      props.nodeYamlId,
+      yamlExpress.value[0].name,
+      yamlExpress.value[0].description,
+    );
     closeDrawer();
   } catch (error) {
     ElMessage.error('请检查格式是否正确');
diff --git a/src/views/createapp/components/workFlowDebug.vue b/src/views/createapp/components/workFlowDebug.vue
index c7a7214458e74bb79e066f07679ddf7784355683..f9a93bf06224a796433c5f1bee4ce111be12cd25 100644
--- a/src/views/createapp/components/workFlowDebug.vue
+++ b/src/views/createapp/components/workFlowDebug.vue
@@ -44,9 +44,21 @@
         </div>
         <!-- 发送问题 -->
         <div class="sendIcon">
-          <img v-if="isAnswerGenerating || dialogueInput.length <= 0" src="@/assets/images/send_disable.png" alt="" />
-          <div v-else @click="handleSendMessage(undefined, dialogueInput)" class="ableSend">
-            <img v-if="themeStore.theme === 'dark'" src="@/assets/images/dark_send.png" alt="" />
+          <img
+            v-if="isAnswerGenerating || dialogueInput.length <= 0"
+            src="@/assets/images/send_disable.png"
+            alt=""
+          />
+          <div
+            v-else
+            @click="handleSendMessage(undefined, dialogueInput)"
+            class="ableSend"
+          >
+            <img
+              v-if="themeStore.theme === 'dark'"
+              src="@/assets/images/dark_send.png"
+              alt=""
+            />
             <img v-else src="@/assets/images/light_send.png" alt="" />
           </div>
         </div>
@@ -59,7 +71,10 @@ import '../../styles/workFlowDebug.scss';
 import { onMounted, ref } from 'vue';
 import { IconX } from '@computing/opendesign-icons';
 import DialoguePanel from 'src/components/dialoguePanel/DialoguePanel.vue';
-import type { ConversationItem, RobotConversationItem } from 'src/views/dialogue/types';
+import type {
+  ConversationItem,
+  RobotConversationItem,
+} from 'src/views/dialogue/types';
 import { useSessionStore, useChangeThemeStore } from 'src/store';
 import { useHistorySessionStore } from 'src/store/historySession';
 import { storeToRefs } from 'pinia';
@@ -71,8 +86,12 @@ const testFlag = ref(true);
 const { conversationList, isAnswerGenerating } = storeToRefs(useSessionStore());
 const { user_selected_app } = storeToRefs(useHistorySessionStore());
 const { generateSession, generateSessionDebug } = useHistorySessionStore();
-const { historySession, currentSelectedSession, isSelectedAll, selectedSessionIds } =
-  storeToRefs(useHistorySessionStore());
+const {
+  historySession,
+  currentSelectedSession,
+  isSelectedAll,
+  selectedSessionIds,
+} = storeToRefs(useHistorySessionStore());
 const { app, appList } = storeToRefs(useSessionStore());
 const themeStore = useChangeThemeStore();
 const tmpConversationId = ref('');
@@ -115,11 +134,19 @@ onMounted(() => {
 /**
  * 发送消息
  */
-const handleSendMessage = async (groupId: string | undefined, question: string, user_selected_flow?: string[]) => {
+const handleSendMessage = async (
+  groupId: string | undefined,
+  question: string,
+  user_selected_flow?: string[],
+) => {
   if (isAnswerGenerating.value) return;
   const language = localStorage.getItem('localeLang') === 'CN' ? 'zh' : 'en';
   const len = conversationList.value.length;
-  if (len > 0 && !(conversationList.value[len - 1] as RobotConversationItem).isFinish) return;
+  if (
+    len > 0 &&
+    !(conversationList.value[len - 1] as RobotConversationItem).isFinish
+  )
+    return;
   dialogueInput.value = '';
   // console.log(!currentSelectedSession.value, 'currentSelectedSession')
   if (!tmpConversationId.value) {
@@ -128,7 +155,16 @@ const handleSendMessage = async (groupId: string | undefined, question: string,
   }
 
   props.handleDebugDialogOps!();
-  await sendQuestion(groupId, question, [props.appId], undefined, undefined, props.flowId, undefined, true);
+  await sendQuestion(
+    groupId,
+    question,
+    [props.appId],
+    undefined,
+    undefined,
+    props.flowId,
+    undefined,
+    true,
+  );
 };
 
 const clearSuggestion = (index: number): void => {
@@ -164,7 +200,9 @@ const delChat = async () => {
     return;
   } else {
     // 调用接口，删除当前对话
-    const res = await api.deleteSession({ conversationList: [currentSelectedSession.value] });
+    const res = await api.deleteSession({
+      conversationList: [currentSelectedSession.value],
+    });
     if (res[1]?.result) {
       // 删除成功
       isAnswerGenerating.value = false;
diff --git a/src/views/createapp/index.vue b/src/views/createapp/index.vue
index 8df28377baa2367ceffc6afbff8c34d9939b2e20..616383711a64cb024f61cbe96fed228ce6f5203e 100644
--- a/src/views/createapp/index.vue
+++ b/src/views/createapp/index.vue
@@ -9,7 +9,7 @@ const { t } = useI18n();
 import { useRouter, useRoute } from 'vue-router';
 import { api } from 'src/apis';
 import { ElMessage } from 'element-plus';
-import { IconSuccess,  IconRemind} from '@computing/opendesign-icons';
+import { IconSuccess, IconRemind } from '@computing/opendesign-icons';
 const router = useRouter();
 const route = useRoute();
 const publishStatus = ref('未发布');
@@ -20,7 +20,7 @@ const appConfigRef = ref();
 const workFlowRef = ref();
 const flowList = ref([]);
 const loading = ref(false);
-const handleChangeAppType = type => {
+const handleChangeAppType = (type) => {
   createAppType.value = type;
   // 切换createAppType【tab值】时，将其保存在sessionStorage，刷新时保证不变
   sessionStorage.setItem('createAppType', type);
@@ -34,12 +34,12 @@ onMounted(() => {
   if (currentAppType) {
     createAppType.value = currentAppType;
   }
-})
+});
 
 onUnmounted(() => {
   // 组件销毁时，清空保存新建应用中心的createAppType【tab值】
   sessionStorage.setItem('createAppType', '');
-})
+});
 
 // 需要界面配置校验与工作流校验同时通过
 const handlePulishApp = () => {
@@ -49,7 +49,7 @@ const handlePulishApp = () => {
     .releaseSingleAppData({
       id: route.query?.appId as string,
     })
-    .then(res => {
+    .then((res) => {
       if (res[1]?.result) {
         ElMessage.success('发布成功');
         router.push(`/app`);
@@ -58,7 +58,7 @@ const handlePulishApp = () => {
     });
 };
 
-const handleValidateContent = valid => {
+const handleValidateContent = (valid) => {
   appFormValidate.value = valid;
 };
 
@@ -69,29 +69,30 @@ const updateFlowsDebug = (status?) => {
     publishValidate.value = false;
     return;
   }
-  api.querySingleAppData({
-        id: route.query?.appId as string,
-      })
-      .then(res => {
-        if (res?.[1]?.result) {
-          const flowDataList = res?.[1]?.result?.workflows || [];
-          judgeAppFlowsDebug(flowDataList);
-        }
-      })
-}
+  api
+    .querySingleAppData({
+      id: route.query?.appId as string,
+    })
+    .then((res) => {
+      if (res?.[1]?.result) {
+        const flowDataList = res?.[1]?.result?.workflows || [];
+        judgeAppFlowsDebug(flowDataList);
+      }
+    });
+};
 
 // 获取工作流列表
-const getFlowList = flowDataList => {
+const getFlowList = (flowDataList) => {
   flowList.value = flowDataList;
-  judgeAppFlowsDebug(flowDataList)
+  judgeAppFlowsDebug(flowDataList);
 };
 
 const judgeAppFlowsDebug = (flowDataList) => {
   // 判断应用下的所有工作流当前是否debug通过
-  const flowsDebug = flowDataList.every(item => item?.debug);
+  const flowsDebug = flowDataList.every((item) => item?.debug);
   // 初始化时，获取发布的校验结果---必须有工作流且所有工作流必须debug通过
   publishValidate.value = flowDataList?.length > 0 && flowsDebug;
-}
+};
 
 // 保存按钮
 const saveConfigOrFlow = () => {
@@ -105,14 +106,14 @@ const saveConfigOrFlow = () => {
           icon: appFormValue.icon,
           name: appFormValue.name,
           description: appFormValue.description,
-          links: appFormValue.links.map(item => {
+          links: appFormValue.links.map((item) => {
             return { url: item, title: '' };
           }),
           recommendedQuestions: appFormValue.recommendedQuestions,
           dialogRounds: appFormValue.dialogRounds,
           permission: appFormValue.permission,
         })
-        .then(res => {
+        .then((res) => {
           if (res[1]) {
             ElMessage({
               showClose: true,
@@ -133,9 +134,9 @@ const saveConfigOrFlow = () => {
 
 const getPublishStatus = (status) => {
   if (status) {
-    publishStatus.value = '已发布'
+    publishStatus.value = '已发布';
   }
-}
+};
 
 const handleJumperAppCenter = () => {
   router.push('/app');
@@ -147,11 +148,19 @@ const handleJumperAppCenter = () => {
     <div class="createAppContainerTop">
       <div class="createAppContainerMenu">
         <div class="createAppContainerMenuLeft">
-          <span class="createAppContainerMenuCenter" @click="handleJumperAppCenter">应用中心</span>
+          <span
+            class="createAppContainerMenuCenter"
+            @click="handleJumperAppCenter"
+          >
+            应用中心
+          </span>
           <span>/</span>
           <span class="createAppContainerMenuText">创建应用</span>
         </div>
-        <div class="createAppContainerStatus" :class="{ debugSuccess: publishStatus === '已发布' }">
+        <div
+          class="createAppContainerStatus"
+          :class="{ debugSuccess: publishStatus === '已发布' }"
+        >
           {{ publishStatus }}
         </div>
       </div>
@@ -193,7 +202,10 @@ const handleJumperAppCenter = () => {
         ref="appConfigRef"
       />
     </div>
-    <div class="createWorkFlowContainerMain" v-show="createAppType !== 'appConfig'">
+    <div
+      class="createWorkFlowContainerMain"
+      v-show="createAppType !== 'appConfig'"
+    >
       <WorkFlow
         @updateFlowsDebug="updateFlowsDebug"
         :flowList="flowList"
@@ -202,14 +214,27 @@ const handleJumperAppCenter = () => {
     </div>
     <div class="createAppContainerFooter">
       <el-button @click="handleJumperAppCenter">取消</el-button>
-      <el-button @click="saveConfigOrFlow" :disabled="createAppType === 'appConfig' ? !appFormValidate : false"
-        >保存</el-button
+      <el-button
+        @click="saveConfigOrFlow"
+        :disabled="createAppType === 'appConfig' ? !appFormValidate : false"
       >
+        保存
+      </el-button>
       <el-button :disabled="true">预览</el-button>
-      <el-tooltip :disabled="publishValidate" content="需要当前应用中所有工作流调试成功才能发布应用" placement="top">
+      <el-tooltip
+        :disabled="publishValidate"
+        content="需要当前应用中所有工作流调试成功才能发布应用"
+        placement="top"
+      >
         <!-- 需要多一层，不然影响当前el-tooltip显示content -->
         <div>
-          <el-button type="primary" :disabled="!publishValidate" @click="handlePulishApp()">发布</el-button>
+          <el-button
+            type="primary"
+            :disabled="!publishValidate"
+            @click="handlePulishApp()"
+          >
+            发布
+          </el-button>
         </div>
       </el-tooltip>
     </div>
diff --git a/src/views/customLoading/index.vue b/src/views/customLoading/index.vue
index 99e9fcc1f5959fad688cb33f2d23368f8003aae0..418ea2836d87a4d786a2dccbc418418bfa78d2e1 100644
--- a/src/views/customLoading/index.vue
+++ b/src/views/customLoading/index.vue
@@ -1,30 +1,30 @@
 <template>
-    <!-- 公共loading -->
-    <div
-        class="commonLoading"
-        v-loading="loading"
-        :class="loading ? 'customLoading' : 'loadingNone'"
-    ></div>
+  <!-- 公共loading -->
+  <div
+    class="commonLoading"
+    v-loading="loading"
+    :class="loading ? 'customLoading' : 'loadingNone'"
+  ></div>
 </template>
 
 <script setup>
 import { defineProps } from 'vue';
 const props = defineProps({
-    loading: {
-        type: Boolean,
-    }
-})
+  loading: {
+    type: Boolean,
+  },
+});
 </script>
 <style scoped>
 .customLoading {
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    z-index: 9999;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  z-index: 9999;
 }
 .loadingNone {
-    display: none;
+  display: none;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dialogue/Copilot.vue b/src/views/dialogue/Copilot.vue
index 66698d949dce4e12576aa5225ac41267900a9aef..e4e455e32d55e948172dc0b8d654360f1a6fc391 100644
--- a/src/views/dialogue/Copilot.vue
+++ b/src/views/dialogue/Copilot.vue
@@ -13,7 +13,7 @@ import { api } from 'src/apis';
 
 const router = useRouter();
 const route = useRoute();
-const { updateAgreement,userinfo } = useAccountStore();
+const { updateAgreement, userinfo } = useAccountStore();
 const { app } = storeToRefs(useSessionStore());
 const dialogVisible = ref(false);
 const agreeDialogVisiable = ref(false);
@@ -44,7 +44,7 @@ const readAgreement = async () => {
 };
 
 watch(
-  [router,userinfo],
+  [router, userinfo],
   () => {
     const currRoute = router.currentRoute;
     if (currRoute.value.query.appId && userinfo.user_sub) {
@@ -53,14 +53,14 @@ watch(
         .querySingleAppData({
           id: route.query?.appId as string,
         })
-        .then(res => {
+        .then((res) => {
           const appInfo = res?.[1]?.result;
           if (appInfo) {
             createAppForm.value = {
               icon: appInfo?.icon,
               name: appInfo?.name,
               description: appInfo?.description,
-              links: appInfo?.links?.map(item => item.url),
+              links: appInfo?.links?.map((item) => item.url),
               recommendedQuestions: appInfo?.recommendedQuestions,
               dialogRounds: appInfo?.dialogRounds,
               permission: {
@@ -109,7 +109,12 @@ onMounted(async () => {
 });
 </script>
 <template>
-  <div class="copilot-container" :class="qiankunWindow.__POWERED_BY_QIANKUN__ ? 'micro-copilot-container' : ''">
+  <div
+    class="copilot-container"
+    :class="
+      qiankunWindow.__POWERED_BY_QIANKUN__ ? 'micro-copilot-container' : ''
+    "
+  >
     <div class="copilot-container-main">
       <DialogueAside />
       <DialogueSession :createAppForm="createAppForm" />
diff --git a/src/views/dialogue/components/AgainstPopover.vue b/src/views/dialogue/components/AgainstPopover.vue
index 331c428b9b31cfce00ada6a97472783952938f63..61395efdeff0ee305bef3575c2e8caf39a593200 100644
--- a/src/views/dialogue/components/AgainstPopover.vue
+++ b/src/views/dialogue/components/AgainstPopover.vue
@@ -13,7 +13,9 @@ const list = ref<
   }[]
 >([
   {
-    label: i18n.global.t('feedback.the_information_is_inappropriate_or_illegal'),
+    label: i18n.global.t(
+      'feedback.the_information_is_inappropriate_or_illegal',
+    ),
     name: 'the_information_is_inappropriate_or_illegal',
     isChecked: false,
   },
@@ -41,7 +43,12 @@ const isErrorInputVisiable = computed(() => list.value[2].isChecked);
 
 const emits = defineEmits<{
   (e: 'close'): void;
-  (e: 'submit', reason: string, reasionLink?: string, reason_description?: string): void;
+  (
+    e: 'submit',
+    reason: string,
+    reasionLink?: string,
+    reason_description?: string,
+  ): void;
 }>();
 
 /** 提交 */
@@ -60,10 +67,14 @@ const handleSubmit = () => {
 
 <template>
   <div class="against-popover">
-    <p class="against-popover-title">{{ $t('feedback.your_feedback_helps_us_improve') }}</p>
+    <p class="against-popover-title">
+      {{ $t('feedback.your_feedback_helps_us_improve') }}
+    </p>
     <ul class="against-list">
       <li class="against-item" v-for="(item, index) in list" :key="index">
-        <el-checkbox id="against-checkbox" v-model="item.isChecked"> {{ $t('feedback.' + item.name) }}</el-checkbox>
+        <el-checkbox id="against-checkbox" v-model="item.isChecked">
+          {{ $t('feedback.' + item.name) }}
+        </el-checkbox>
       </li>
     </ul>
     <div class="error-input" v-if="isErrorInputVisiable">
@@ -83,13 +94,23 @@ const handleSubmit = () => {
     </div>
     <div class="against-button">
       <el-button
-        :class="[themeStore.theme === 'dark' ? 'cancel_button_light' : 'cancel_button_dark']"
+        :class="[
+          themeStore.theme === 'dark'
+            ? 'cancel_button_light'
+            : 'cancel_button_dark',
+        ]"
         @click="emits('close')"
-        >{{ $t('history.cancel') }}</el-button
       >
-      <el-button class="comment_button" color="#0077ff" :disabled="!checkedValue" @click="handleSubmit">{{
-        $t('feedback.submit')
-      }}</el-button>
+        {{ $t('history.cancel') }}
+      </el-button>
+      <el-button
+        class="comment_button"
+        color="#0077ff"
+        :disabled="!checkedValue"
+        @click="handleSubmit"
+      >
+        {{ $t('feedback.submit') }}
+      </el-button>
     </div>
   </div>
 </template>
diff --git a/src/views/dialogue/components/AppInitalPreview.vue b/src/views/dialogue/components/AppInitalPreview.vue
index 33dd1ab0bf59467bd7459be5c2f985e1ec61dcea..8e2a050bd2719bab207b9fea448b033c71b1dd7c 100644
--- a/src/views/dialogue/components/AppInitalPreview.vue
+++ b/src/views/dialogue/components/AppInitalPreview.vue
@@ -1,16 +1,28 @@
 <template>
-  <InterPreview :create-app-form="createAppForm" createApp=true />
+  <InterPreview :create-app-form="createAppForm" createApp="true" />
   <div class="sendbox-wrapper">
     <div class="dialogue-conversation-bottom-sendbox">
       <div class="dialogue-conversation-bottom-sendbox__textarea">
-        <textarea ref="inputRef" maxlength="2000" :placeholder="$t('main.ask_me_anything')" />
+        <textarea
+          ref="inputRef"
+          maxlength="2000"
+          :placeholder="$t('main.ask_me_anything')"
+        />
       </div>
       <div class="dialogue-conversation-bottom-sendbox__upload">
-          <div class="upload-wrapper">
-            <input ref="uploadButton" type="file" multiple src="@/assets/svgs/upload_light.svg" />
-            <img v-if="themeStore.theme === 'dark'" src="@/assets/svgs/upload_light.svg" />
-            <img v-else src="@/assets/svgs/upload_dark.svg" />
-          </div>
+        <div class="upload-wrapper">
+          <input
+            ref="uploadButton"
+            type="file"
+            multiple
+            src="@/assets/svgs/upload_light.svg"
+          />
+          <img
+            v-if="themeStore.theme === 'dark'"
+            src="@/assets/svgs/upload_light.svg"
+          />
+          <img v-else src="@/assets/svgs/upload_dark.svg" />
+        </div>
       </div>
       <div class="dialogue-conversation-bottom-sendbox__icon">
         <img src="@/assets/images/send_disable.png" alt="" />
diff --git a/src/views/dialogue/components/DialogueAside.vue b/src/views/dialogue/components/DialogueAside.vue
index 715fa6c40916bd0cec9b49e09d463a10dd1584cd..25f5597e0ec1255619b302713cff4cea1f6badc7 100644
--- a/src/views/dialogue/components/DialogueAside.vue
+++ b/src/views/dialogue/components/DialogueAside.vue
@@ -12,13 +12,17 @@ import {
 } from 'element-plus';
 import { computed, onMounted, ref, watch } from 'vue';
 import SessionCard from '@/components/sessionCard/SessionCard.vue';
-import { useAccountStore, useHistorySessionStore, useSessionStore } from '@/store';
+import {
+  useAccountStore,
+  useHistorySessionStore,
+  useSessionStore,
+} from '@/store';
 import { storeToRefs } from 'pinia';
 import { api } from '@/apis';
 import { useI18n } from 'vue-i18n';
 import { successMsg } from 'src/components/Message';
 import i18n from 'src/i18n';
-import appIcon from '@/assets/images/app.png'
+import appIcon from '@/assets/images/app.png';
 import { IconChevronUp } from '@computing/opendesign-icons';
 import router from 'src/router';
 const { user_selected_app } = storeToRefs(useHistorySessionStore());
@@ -38,8 +42,12 @@ const props = withDefaults(
   },
 );
 const { t } = useI18n();
-const { historySession, selectedSessionIds, isSelectedAll, currentSelectedSession } =
-  storeToRefs(useHistorySessionStore());
+const {
+  historySession,
+  selectedSessionIds,
+  isSelectedAll,
+  currentSelectedSession,
+} = storeToRefs(useHistorySessionStore());
 const { app, appList } = storeToRefs(useSessionStore());
 const { getHistorySession } = useHistorySessionStore();
 const { userinfo } = storeToRefs(useAccountStore());
@@ -55,7 +63,9 @@ const apps = ref([]);
 const filteredHistorySessions = computed(() => {
   // filter by searchKey
   const filtered = searchKey.value
-    ? historySession.value.filter(session => session.title.includes(searchKey.value))
+    ? historySession.value.filter((session) =>
+        session.title.includes(searchKey.value),
+      )
     : historySession.value;
   const template: { key: string; title: string; list: HistorySession[] }[] = [
     {
@@ -74,9 +84,9 @@ const filteredHistorySessions = computed(() => {
       list: [],
     },
   ];
-  filtered.forEach(session => {
+  filtered.forEach((session) => {
     const key = checkDate(session.createdTime);
-    template.find(item => item.key == key)?.list.push(session);
+    template.find((item) => item.key == key)?.list.push(session);
   });
   return template;
 });
@@ -87,7 +97,9 @@ const filteredHistorySessions = computed(() => {
  * @return {void} This function does not return anything.
  */
 function openUrl(): void {
-  window.open('https://hiss.shixizhi.huawei.com/portal/1643780836745113602?sxz-lang=zh_CN&pageId=1643780840505217026');
+  window.open(
+    'https://hiss.shixizhi.huawei.com/portal/1643780836745113602?sxz-lang=zh_CN&pageId=1643780840505217026',
+  );
 }
 
 /**
@@ -112,7 +124,7 @@ function checkDate(date: string | Date): string {
 
 onMounted(() => {
   getHistorySession();
-})
+});
 
 const deletedSessionName = ref('');
 const sessionList = ref();
@@ -152,7 +164,9 @@ const isBatchDeletion = ref<boolean>(false);
  */
 const deleteSession = async () => {
   dialogVisible.value = false;
-  const conversationList = deleteType.value ? selectedSessionIds.value : sessionList.value;
+  const conversationList = deleteType.value
+    ? selectedSessionIds.value
+    : sessionList.value;
   const [, res] = await api.deleteSession({ conversationList });
   if (res) {
     selectedSessionIds.value = [];
@@ -192,7 +206,9 @@ function cancelDeleteSession(): void {
  */
 function selectAllSession(): void {
   isSelectedAll.value
-    ? (selectedSessionIds.value = historySession.value.map(item => item.conversationId))
+    ? (selectedSessionIds.value = historySession.value.map(
+        (item) => item.conversationId,
+      ))
     : (selectedSessionIds.value = []);
 }
 
@@ -222,24 +238,24 @@ const toggleCollapse = () => {
 };
 
 const selectApp = (id) => {
-  if(selectedAppId.value === id) {
-    selectedAppId.value = "";
+  if (selectedAppId.value === id) {
+    selectedAppId.value = '';
     user_selected_app.value = [''];
     app.value.selectedAppId = '';
-  }else{
+  } else {
     selectedAppId.value = id;
-    user_selected_app.value =[id];
+    user_selected_app.value = [id];
     // app.value.appId = id;
     app.value.selectedAppId = id;
   }
   getHistorySession();
 };
 function ensureAppAtFirstPosition() {
-  if(!app.value.appId){
+  if (!app.value.appId) {
     return;
   }
   const newApp = app.value;
-  const index = apps.value.findIndex(app => app.appId === newApp.appId);
+  const index = apps.value.findIndex((app) => app.appId === newApp.appId);
   if (index !== -1 && index !== 0) {
     const [item] = apps.value.splice(index, 1);
     apps.value.unshift(item);
@@ -251,18 +267,18 @@ function ensureAppAtFirstPosition() {
 }
 
 const getAppsValue = async () => {
-//获取 top5 list 
-const [_, res] = await api.getTopFiveApp(5);
+  //获取 top5 list
+  const [_, res] = await api.getTopFiveApp(5);
   if (res?.result) {
     appList.value = res.result.applications;
     apps.value = res.result.applications;
   }
-  if(app.value.appId){
+  if (app.value.appId) {
     selectedAppId.value = app.value.appId;
     app.value.selectedAppId = app.value.appId;
   }
   ensureAppAtFirstPosition();
-}
+};
 
 /**
  * 监听 userinfo 的变化，当 userinfo 中的 user_sub 存在时调用 getAppsValue 方法。
@@ -279,26 +295,27 @@ watch(
     deep: true,
   },
 );
-watch(
-  [app],
-  () => {
-      getAppsValue();
-  }
-);
+watch([app], () => {
+  getAppsValue();
+});
 watch(
   () => router.currentRoute.value,
   () => {
-    if(router.currentRoute.value.name === 'dialogue'){
+    if (router.currentRoute.value.name === 'dialogue') {
       getAppsValue();
     }
-  }
+  },
 );
-
 </script>
 
 <template>
   <aside class="aside-wrapper" ref="copilotAside">
-    <ElTooltip placement="right" :content="isCopilotAsideVisible ? t('history.collapse') : t('history.expand')">
+    <ElTooltip
+      placement="right"
+      :content="
+        isCopilotAsideVisible ? t('history.collapse') : t('history.expand')
+      "
+    >
       <div class="trapezoid" @click="hanleAsideVisible" />
     </ElTooltip>
     <transition name="transition-fade">
@@ -306,11 +323,15 @@ watch(
         <div class="collapsible-apps">
           <div class="collapsible-header" @click="toggleCollapse">
             <div class="header-content">
-              <img :src=appIcon />
+              <img :src="appIcon" />
               <span>{{ t('history.myApp') }}</span>
             </div>
             <!-- 标签 icon 丢失 -->
-            <IconChevronUp :size="20" :width="20" :class="{ rotate: !isCollapsed }" />
+            <IconChevronUp
+              :size="20"
+              :width="20"
+              :class="{ rotate: !isCollapsed }"
+            />
           </div>
           <transition name="collapse">
             <ul v-if="!isCollapsed" class="app-list">
@@ -334,23 +355,40 @@ watch(
         <div class="history-record">
           <div class="history-record-title">
             <h4>{{ $t('history.recent_chats') }}</h4>
-            <span v-if="!isBatchDeletion" @click="isBatchDeletion = true" class="batch-delete">{{
-              $t('history.delete_chats')
-            }}</span>
+            <span
+              v-if="!isBatchDeletion"
+              @click="isBatchDeletion = true"
+              class="batch-delete"
+            >
+              {{ $t('history.delete_chats') }}
+            </span>
             <span v-else>
-              <span @click="deleteSessionList()">{{ $t('history.delete') }}</span>
-              <span @click="cancelDeleteSession()">{{ $t('history.cancel') }}</span>
+              <span @click="deleteSessionList()">
+                {{ $t('history.delete') }}
+              </span>
+              <span @click="cancelDeleteSession()">
+                {{ $t('history.cancel') }}
+              </span>
             </span>
           </div>
 
           <!-- search -->
           <div>
-            <ElInput v-model="searchKey" :placeholder="$t('history.find_recent_chats')" class="search-input">
+            <ElInput
+              v-model="searchKey"
+              :placeholder="$t('history.find_recent_chats')"
+              class="search-input"
+            >
               <template #suffix>
-                <img class="search-input__icon" src="@/assets/svgs/search.svg" />
+                <img
+                  class="search-input__icon"
+                  src="@/assets/svgs/search.svg"
+                />
               </template>
             </ElInput>
-            <p class="history-record-tips">{{ $t('history.chat_history_limit') }}</p>
+            <p class="history-record-tips">
+              {{ $t('history.chat_history_limit') }}
+            </p>
           </div>
 
           <div v-if="isBatchDeletion" class="history-record-delete">
@@ -366,8 +404,15 @@ watch(
             <ElCollapse v-model="activeNames">
               <template v-for="item in filteredHistorySessions" :key="item.key">
                 <ElCollapseItem :title="item.title" :name="item.key">
-                  <template v-for="session in item.list" :key="session.conversationId">
-                    <SessionCard :conversation="session" :deletion="isBatchDeletion" @deleteOne="deleteOne" />
+                  <template
+                    v-for="session in item.list"
+                    :key="session.conversationId"
+                  >
+                    <SessionCard
+                      :conversation="session"
+                      :deletion="isBatchDeletion"
+                      @deleteOne="deleteOne"
+                    />
                   </template>
                 </ElCollapseItem>
               </template>
@@ -375,7 +420,10 @@ watch(
           </ul>
 
           <div v-else class="history-record-null">
-            <img v-if="props.theme === 'dark'" src="@/assets/svgs/dark_null.svg" />
+            <img
+              v-if="props.theme === 'dark'"
+              src="@/assets/svgs/dark_null.svg"
+            />
             <img v-else src="@/assets/svgs/light_null.svg" alt="" />
             <span>{{ $t('history.no_chat_history') }}</span>
           </div>
@@ -384,7 +432,9 @@ watch(
         <div class="history-record-blogroll">
           <ElDivider />
           <h5>{{ $t('history.links') }}</h5>
-          <p @click="openUrl">{{ $t('history.hiss_basic_software_service_capability_platform') }}</p>
+          <p @click="openUrl">
+            {{ $t('history.hiss_basic_software_service_capability_platform') }}
+          </p>
         </div>
 
         <ElDialog
@@ -396,18 +446,29 @@ watch(
         >
           <div class="dialog-delete_all">
             <img class="dialog-delete_all_svg" src="@/assets/svgs/alarm.svg" />
-            <span class="dialog-delete_all_text" v-if="isBatchDeletion"
-              >{{ $t('history.confirmation_content1') }} <span>{{ selectedSessionIds.length }}</span
-              >{{ $t('history.confirmation_content2') }}
+            <span class="dialog-delete_all_text" v-if="isBatchDeletion">
+              {{ $t('history.confirmation_content1') }}
+              <span>{{ selectedSessionIds.length }}</span>
+              {{ $t('history.confirmation_content2') }}
             </span>
-            <span class="dialog-delete_all_text" v-else
-              >{{ $t('history.delete_content1') }}【{{ deletedSessionName }}】{{ $t('history.delete_content2') }}
+            <span class="dialog-delete_all_text" v-else>
+              {{ $t('history.delete_content1') }}【{{ deletedSessionName }}】{{
+                $t('history.delete_content2')
+              }}
             </span>
           </div>
           <template #footer>
             <span class="dialog-footer">
-              <ElButton type="primary" class="primary-button" @click="deleteSession"> {{ $t('history.ok') }} </ElButton>
-              <ElButton @click="dialogVisible = false">{{ $t('history.cancel') }}</ElButton>
+              <ElButton
+                type="primary"
+                class="primary-button"
+                @click="deleteSession"
+              >
+                {{ $t('history.ok') }}
+              </ElButton>
+              <ElButton @click="dialogVisible = false">
+                {{ $t('history.cancel') }}
+              </ElButton>
             </span>
           </template>
         </ElDialog>
@@ -464,7 +525,7 @@ watch(
       :deep(svg) {
         color: #3b82f6;
       }
-      img{
+      img {
         width: 30px;
       }
       span {
@@ -497,7 +558,7 @@ watch(
       align-items: center;
       border: 8px;
       border-radius: 8px;
-      margin:1px 0;
+      margin: 1px 0;
       span {
         overflow: hidden;
         text-overflow: ellipsis;
@@ -505,16 +566,20 @@ watch(
         display: block;
         margin-left: 24px;
         align-items: center;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
       }
       &:hover {
         background-color: var(--applist-hover);
       }
 
       &.selected {
-        background: linear-gradient(127.6deg, rgba(109, 117, 250, 0.2) -1.725%, rgba(90, 179, 255, 0.2) 98.22%);
+        background: linear-gradient(
+          127.6deg,
+          rgba(109, 117, 250, 0.2) -1.725%,
+          rgba(90, 179, 255, 0.2) 98.22%
+        );
         color: var(--o-text-color-primary);
       }
     }
@@ -801,8 +866,8 @@ watch(
       margin-bottom: 8px;
     }
 
-    .history-record-list{
-      button{
+    .history-record-list {
+      button {
         // margin: 5px;
       }
     }
diff --git a/src/views/dialogue/components/DialogueSession.vue b/src/views/dialogue/components/DialogueSession.vue
index cc4204f734b5489ff462bb9e59ccbde1a7161b24..24cd79e8e511adb8cb0f68bc9d8c90a7aa4a35ab 100644
--- a/src/views/dialogue/components/DialogueSession.vue
+++ b/src/views/dialogue/components/DialogueSession.vue
@@ -148,24 +148,35 @@ let groupid = ref(0);
 
 const tagNum = ref(3);
 
-let filterQuestions = computed(() => questions.filter(item => item.groupId === groupid.value % 6));
+let filterQuestions = computed(() =>
+  questions.filter((item) => item.groupId === groupid.value % 6),
+);
 
 // 对话输入内容
 const dialogueInput = ref<string>('');
 
 // 对话列表
 const { sendQuestion } = useSessionStore();
-const { conversationList, isAnswerGenerating, dialogueRef } = storeToRefs(useSessionStore());
+const { conversationList, isAnswerGenerating, dialogueRef } =
+  storeToRefs(useSessionStore());
 const { generateSession } = useHistorySessionStore();
 const { currentSelectedSession } = storeToRefs(useHistorySessionStore());
 /**
  * 发送消息
  */
-const handleSendMessage = async (groupId: string | undefined, question: string, user_selected_flow?: string[]) => {
+const handleSendMessage = async (
+  groupId: string | undefined,
+  question: string,
+  user_selected_flow?: string[],
+) => {
   if (isAnswerGenerating.value || !isAllowToSend.value) return;
   const language = localStorage.getItem('localeLang') === 'CN' ? 'zh' : 'en';
   const len = conversationList.value.length;
-  if (len > 0 && !(conversationList.value[len - 1] as RobotConversationItem).isFinish) return;
+  if (
+    len > 0 &&
+    !(conversationList.value[len - 1] as RobotConversationItem).isFinish
+  )
+    return;
   dialogueInput.value = '';
   if (uploadFilesView.value.length > 0) {
     // 发送文件则刷新左侧会话列表
@@ -177,9 +188,25 @@ const handleSendMessage = async (groupId: string | undefined, question: string,
     await generateSession();
   }
   if (user_selected_flow) {
-    await sendQuestion(groupId, question, user_selected_app.value, undefined, undefined, user_selected_flow, undefined);
+    await sendQuestion(
+      groupId,
+      question,
+      user_selected_app.value,
+      undefined,
+      undefined,
+      user_selected_flow,
+      undefined,
+    );
   } else {
-    await sendQuestion(groupId, question, user_selected_app.value, undefined, undefined, undefined, undefined);
+    await sendQuestion(
+      groupId,
+      question,
+      user_selected_app.value,
+      undefined,
+      undefined,
+      undefined,
+      undefined,
+    );
   }
 };
 
@@ -281,12 +308,13 @@ const pollingMap = new Map();
 // 上传类型数组
 const acceptTypeList = [...Object.values(UploadTypeName)];
 // 上传类型字符串
-const acceptType: string = acceptTypeList.map(item => `.${item},`).join(' ');
+const acceptType: string = acceptTypeList.map((item) => `.${item},`).join(' ');
 // 发送消息按钮
 const isAllowToSend = computed(() => {
   let defaultStatus = true;
-  uploadFilesView.value?.forEach(element => {
-    element.status !== UploadStatus.USED && element.status !== UploadStatus.UNUSED
+  uploadFilesView.value?.forEach((element) => {
+    element.status !== UploadStatus.USED &&
+    element.status !== UploadStatus.UNUSED
       ? (defaultStatus = false)
       : undefined;
   });
@@ -294,7 +322,7 @@ const isAllowToSend = computed(() => {
 });
 
 // 会话切换时
-watch(currentSelectedSession, async newVal => {
+watch(currentSelectedSession, async (newVal) => {
   if (!newVal) return;
   const newExistList = existUploadMap.get(newVal);
   const newFileView = uploadViewsMap.get(newVal);
@@ -323,8 +351,8 @@ watch(currentSelectedSession, async newVal => {
     const { documents } = response.result;
     existUploadList.length = 0;
     documents
-      .filter(item => item.type !== UploadStatus.RESOLVEFAIL)
-      .forEach(item => {
+      .filter((item) => item.type !== UploadStatus.RESOLVEFAIL)
+      .forEach((item) => {
         existUploadList.push(item);
         if (item.status !== UploadStatus.USED) {
           isNewSession ? uploadFilesView.value.push(item as any) : null;
@@ -357,8 +385,12 @@ const isUploadTypeError = (files): boolean => {
 // 上传是否存在同名文件
 const isUploadFileExist = (files): boolean => {
   for (let file of files) {
-    const isInBackendList = existUploadList.map(item => item.name).includes(file.name);
-    const isInUploadViews = uploadFilesView.value.map(item => item.name).includes(file.name);
+    const isInBackendList = existUploadList
+      .map((item) => item.name)
+      .includes(file.name);
+    const isInUploadViews = uploadFilesView.value
+      .map((item) => item.name)
+      .includes(file.name);
     if (isInBackendList || isInUploadViews) {
       return true;
     }
@@ -388,7 +420,7 @@ const isAllowToUpload = (files): boolean => {
 };
 
 // 构造上传数据
-const generateUploadData = files => {
+const generateUploadData = (files) => {
   let formData = new FormData();
   for (let file of files) {
     formData.append('documents', file);
@@ -422,13 +454,16 @@ const sizeFormator = (size: number) => {
   return `${size.toFixed(2)}KB`;
 };
 
-const getPollingProcess = sessionId => {
+const getPollingProcess = (sessionId) => {
   let timer;
   let currentCount = 0;
   const maxErrorCount = 200;
   const process = async () => {
     const pollingExistUploadList = existUploadMap.get(sessionId) || [];
-    const pollingUploadFilesView = isSameSession(sessionId, currentSelectedSession.value)
+    const pollingUploadFilesView = isSameSession(
+      sessionId,
+      currentSelectedSession.value,
+    )
       ? uploadFilesView.value
       : uploadViewsMap.get(sessionId);
     const [_, response] = await api.getUploadFiles(sessionId);
@@ -438,14 +473,16 @@ const getPollingProcess = sessionId => {
       // 更新existUploadList列表
       pollingExistUploadList.length = 0;
       documents
-        .filter(item => item.status !== UploadStatus.RESOLVEFAIL)
-        .forEach(item => {
+        .filter((item) => item.status !== UploadStatus.RESOLVEFAIL)
+        .forEach((item) => {
           pollingExistUploadList.push(item);
         });
       // 更新上传的可见列表
-      pollingUploadFilesView?.forEach(item => {
+      pollingUploadFilesView?.forEach((item) => {
         if (item.status !== UploadStatus.UPLOADFAIL) {
-          const foundDocument = documents.find(document => document.name === item.name);
+          const foundDocument = documents.find(
+            (document) => document.name === item.name,
+          );
           if (foundDocument) {
             const { id, name, type, size, status } = foundDocument;
             item.id = id;
@@ -459,7 +496,7 @@ const getPollingProcess = sessionId => {
         }
       });
       // 若所有文件解析成功 则停止轮询
-      documents.forEach(document => {
+      documents.forEach((document) => {
         if (document.status === UploadStatus.RESOLVING) {
           isStopPolling = false;
         }
@@ -494,17 +531,26 @@ const isSameSession = (sessionId, curSessionId): boolean => {
 };
 
 // 上传文件(用户操作可能分批次)
-const updateFilesInSession = async (formData, curUploadBatch, sessionId): Promise<void> => {
+const updateFilesInSession = async (
+  formData,
+  curUploadBatch,
+  sessionId,
+): Promise<void> => {
   const [_, response] = await api.uploadFiles(formData, sessionId);
-  const requestUploadFilesView = isSameSession(sessionId, currentSelectedSession.value)
+  const requestUploadFilesView = isSameSession(
+    sessionId,
+    currentSelectedSession.value,
+  )
     ? uploadFilesView.value
     : uploadViewsMap.get(sessionId);
   if (!_ && response) {
     const { documents } = response.result;
     // 再次更新视图 更新上传状态
-    requestUploadFilesView.forEach(item => {
+    requestUploadFilesView.forEach((item) => {
       if (item.batch === curUploadBatch) {
-        const matchedItem = documents.find(element => element.name === item.name);
+        const matchedItem = documents.find(
+          (element) => element.name === item.name,
+        );
         if (matchedItem) {
           const { id, type, size, name } = matchedItem;
           item.id = id;
@@ -526,7 +572,7 @@ const updateFilesInSession = async (formData, curUploadBatch, sessionId): Promis
     }
     curPollingProcess.startPolling();
   } else {
-    requestUploadFilesView.forEach(item => {
+    requestUploadFilesView.forEach((item) => {
       if (item.batch === curUploadBatch) {
         item.status = UploadStatus.UPLOADFAIL;
       }
@@ -535,7 +581,7 @@ const updateFilesInSession = async (formData, curUploadBatch, sessionId): Promis
 };
 
 // 点击上传选中文件时
-const onFileChange = event => {
+const onFileChange = (event) => {
   const files = event.target.files;
   const curUploadBatch = uploadBatch;
   // 清空上传id
@@ -565,8 +611,12 @@ const emitUpload = (event): void => {
 
 const handleDelete = (file): void => {
   // 删除列表中的删除项
-  uploadFilesView.value = uploadFilesView.value.filter((item: UploadFileCard) => item.name !== file.name);
-  existUploadList = existUploadList.filter((item: UploadFileCard) => item.name !== file.name);
+  uploadFilesView.value = uploadFilesView.value.filter(
+    (item: UploadFileCard) => item.name !== file.name,
+  );
+  existUploadList = existUploadList.filter(
+    (item: UploadFileCard) => item.name !== file.name,
+  );
   uploadViewsMap.set(currentSelectedSession.value, uploadFilesView.value);
   existUploadMap.set(currentSelectedSession.value, existUploadList);
 };
@@ -591,7 +641,7 @@ watch(selectMode, (newValue, oldValue) => {
     if (selectMode.value[0] === 'auto') {
       user_selected_app.value.push('auto');
     } else {
-      selectMode.value.forEach(item => {
+      selectMode.value.forEach((item) => {
         const plugin = {
           plugin_name: item,
         };
@@ -600,14 +650,28 @@ watch(selectMode, (newValue, oldValue) => {
     }
   }
   nextTick(() => {
-    const totalW = (document.querySelector('.recognitionMode') as HTMLElement).offsetWidth;
-    const selectPreW = (document.querySelector('.el-select') as HTMLElement).offsetWidth;
-    const allTags = document.querySelectorAll('.recognitionMode .el-select-tags-wrapper .el-tag--info');
+    const totalW = (document.querySelector('.recognitionMode') as HTMLElement)
+      .offsetWidth;
+    const selectPreW = (document.querySelector('.el-select') as HTMLElement)
+      .offsetWidth;
+    const allTags = document.querySelectorAll(
+      '.recognitionMode .el-select-tags-wrapper .el-tag--info',
+    );
     document.querySelector('.recognitionMode .el-select-tags-wrapper')
-      ? ((document.querySelector('.recognitionMode .el-select-tags-wrapper') as HTMLElement).style.display = 'flex')
+      ? ((
+          document.querySelector(
+            '.recognitionMode .el-select-tags-wrapper',
+          ) as HTMLElement
+        ).style.display = 'flex')
       : '';
-    const allTagsWidth = document.querySelector('.recognitionMode .el-select-tags-wrapper')
-      ? (document.querySelector('.recognitionMode .el-select-tags-wrapper') as HTMLElement).offsetWidth
+    const allTagsWidth = document.querySelector(
+      '.recognitionMode .el-select-tags-wrapper',
+    )
+      ? (
+          document.querySelector(
+            '.recognitionMode .el-select-tags-wrapper',
+          ) as HTMLElement
+        ).offsetWidth
       : '';
     const nTag = allTags[allTags.length - 1] as HTMLElement;
     const isNExist = true;
@@ -615,13 +679,18 @@ watch(selectMode, (newValue, oldValue) => {
       return;
     }
     if (totalW > allTagsWidth + 100) {
-      (document.querySelector('.recognitionMode .el-select') as HTMLElement).style.width = `${allTagsWidth + 70}px`;
+      (
+        document.querySelector('.recognitionMode .el-select') as HTMLElement
+      ).style.width = `${allTagsWidth + 70}px`;
     } else {
-      (document.querySelector('.recognitionMode .el-select') as HTMLElement).style.width = `${totalW}px`;
+      (
+        document.querySelector('.recognitionMode .el-select') as HTMLElement
+      ).style.width = `${totalW}px`;
     }
     if (allTags.length > 3) {
       const lastTag = allTags[allTags.length - 3] as HTMLElement;
-      const selectDomW = (document.querySelector('.el-select') as HTMLElement).offsetWidth;
+      const selectDomW = (document.querySelector('.el-select') as HTMLElement)
+        .offsetWidth;
       let show_w = 0;
       if (selectDomW >= totalW) {
         show_w = selectDomW - lastTag.offsetWidth + 200;
@@ -652,14 +721,14 @@ const getappMode = (appId: string) => {
     .querySingleAppData({
       id: appId as string,
     })
-    .then(res => {
+    .then((res) => {
       const appInfo = res?.[1]?.result;
       if (appInfo) {
         Form.value = {
           icon: appInfo?.icon,
           name: appInfo?.name,
           description: appInfo?.description,
-          links: appInfo?.links?.map(item => item.url),
+          links: appInfo?.links?.map((item) => item.url),
           recommendedQuestions: appInfo?.recommendedQuestions,
           dialogRounds: appInfo?.dialogRounds,
           permission: {
@@ -673,7 +742,7 @@ const getappMode = (appId: string) => {
 
 watch(
   () => user_selected_app,
-  val => {
+  (val) => {
     if (user_selected_app.value[0] && !isCreateApp.value) {
       getappMode(user_selected_app.value[0]);
     }
@@ -689,7 +758,7 @@ watch(
 
 watch(
   () => isCreateApp,
-  val => {
+  (val) => {
     if (isCreateApp.value === true) {
       AppForm.value = props.createAppForm;
     }
@@ -705,7 +774,11 @@ watch(
   <div class="dialogue-rightContainer">
     <!-- 会话区域 -->
     <div style="height: 100%" class="dialogue-conversation">
-      <div class="dialogue-conversation-main" ref="dialogueRef" v-if="!isCreateApp">
+      <div
+        class="dialogue-conversation-main"
+        ref="dialogueRef"
+        v-if="!isCreateApp"
+      >
         <DialoguePanel
           v-for="(item, index) in conversationList"
           :cid="item.cid"
@@ -714,8 +787,12 @@ watch(
           :inputParams="item.params"
           :content="item.message"
           :echartsObj="getItem(item, 'echartsObj')"
-          :recordList="item.belong === 'robot' ? item.messageList.getRecordIdList() : ''"
-          :isLikeList="item.belong === 'robot' ? item.messageList.getIslikeList() : ''"
+          :recordList="
+            item.belong === 'robot' ? item.messageList.getRecordIdList() : ''
+          "
+          :isLikeList="
+            item.belong === 'robot' ? item.messageList.getIslikeList() : ''
+          "
           :is-finish="getItem(item, 'isFinish')"
           :is-support="getItem(item, 'isSupport')"
           :is-against="getItem(item, 'isAgainst')"
@@ -734,11 +811,22 @@ watch(
           @handleSendMessage="handleSendMessage"
           @clearSuggestion="clearSuggestion(index)"
         />
-        <div v-if="conversationList.length === 0 && (app.selectedAppId === '' || !app.selectedAppId)">
+        <div
+          v-if="
+            conversationList.length === 0 &&
+            (app.selectedAppId === '' || !app.selectedAppId)
+          "
+        >
           <InitalPanel @selectQuestion="selectQuestion" />
         </div>
-        <div class="dialogue-interPreview-main" v-if="conversationList.length === 0 && app.selectedAppId !== ''">
-          <InterPreview :createAppForm="Form" @selectQuestion="selectQuestion" />
+        <div
+          class="dialogue-interPreview-main"
+          v-if="conversationList.length === 0 && app.selectedAppId !== ''"
+        >
+          <InterPreview
+            :createAppForm="Form"
+            @selectQuestion="selectQuestion"
+          />
         </div>
       </div>
       <div class="createApp-demo"></div>
@@ -749,7 +837,11 @@ watch(
           class="dialogue-panel__stop"
           @click="handlePauseAndReGenerate(Number(conversationList.length))"
         >
-          <img v-if="themeStore.theme === 'dark'" src="@/assets/svgs/dark_stop_answer.svg" alt="" />
+          <img
+            v-if="themeStore.theme === 'dark'"
+            src="@/assets/svgs/dark_stop_answer.svg"
+            alt=""
+          />
           <img v-else src="@/assets/svgs/light_stop_answer.svg" alt="" />
           <div class="dialogue-panel__stop-answer">
             {{ $t('feedback.stop') }}
@@ -770,7 +862,11 @@ watch(
             </div>
             <!-- 上传 -->
             <div class="dialogue-conversation-bottom-sendbox__upload">
-              <el-tooltip placement="top" :content="$t('upload.upload_tip_text')" effect="light">
+              <el-tooltip
+                placement="top"
+                :content="$t('upload.upload_tip_text')"
+                effect="light"
+              >
                 <div class="upload-wrapper">
                   <input
                     ref="uploadButton"
@@ -780,8 +876,16 @@ watch(
                     @change="onFileChange"
                     src="@/assets/svgs/upload_light.svg"
                   />
-                  <img v-if="themeStore.theme === 'dark'" src="@/assets/svgs/upload_light.svg" @click="emitUpload" />
-                  <img v-else src="@/assets/svgs/upload_dark.svg" @click="emitUpload" />
+                  <img
+                    v-if="themeStore.theme === 'dark'"
+                    src="@/assets/svgs/upload_light.svg"
+                    @click="emitUpload"
+                  />
+                  <img
+                    v-else
+                    src="@/assets/svgs/upload_dark.svg"
+                    @click="emitUpload"
+                  />
                 </div>
               </el-tooltip>
             </div>
@@ -789,20 +893,40 @@ watch(
             <div class="dialogue-conversation-bottom-sendbox__icon">
               <!-- <div class="word-limit"><span :class="[dialogueInput.length>=2000 ? 'red-word' : '']">{{dialogueInput.length}}</span>/2000</div> -->
               <img
-                v-if="!isAllowToSend || isAnswerGenerating || dialogueInput.length <= 0"
+                v-if="
+                  !isAllowToSend ||
+                  isAnswerGenerating ||
+                  dialogueInput.length <= 0
+                "
                 src="@/assets/images/send_disable.png"
                 alt=""
               />
-              <div v-else class='send-message-btn'>
-                <img v-if="themeStore.theme === 'dark'" @click="handleSendMessage(undefined, dialogueInput)" src="@/assets/images/dark_send.png" alt="" />
-                <img v-else @click="handleSendMessage(undefined, dialogueInput)" src="@/assets/images/light_send.png" alt="" />
+              <div v-else class="send-message-btn">
+                <img
+                  v-if="themeStore.theme === 'dark'"
+                  @click="handleSendMessage(undefined, dialogueInput)"
+                  src="@/assets/images/dark_send.png"
+                  alt=""
+                />
+                <img
+                  v-else
+                  @click="handleSendMessage(undefined, dialogueInput)"
+                  src="@/assets/images/light_send.png"
+                  alt=""
+                />
               </div>
             </div>
           </div>
           <!-- 上传问价列表 -->
           <transition name="fade">
-            <div class="dialogue-conversation-bottom__upload-list" v-if="uploadFilesView.length > 0">
-              <upload-file-group :file-list="uploadFilesView" @delete-file="handleDelete"></upload-file-group>
+            <div
+              class="dialogue-conversation-bottom__upload-list"
+              v-if="uploadFilesView.length > 0"
+            >
+              <upload-file-group
+                :file-list="uploadFilesView"
+                @delete-file="handleDelete"
+              ></upload-file-group>
             </div>
           </transition>
         </div>
@@ -876,7 +1000,11 @@ button[disabled]:hover {
 
   /* 滚动条轨道样式 */
   ::-webkit-scrollbar-track {
-    background-image: linear-gradient(180deg, #e7f0fd 1%, #daeafc 40%) !important;
+    background-image: linear-gradient(
+      180deg,
+      #e7f0fd 1%,
+      #daeafc 40%
+    ) !important;
     display: none;
   }
 
@@ -928,14 +1056,13 @@ button[disabled]:hover {
       border-radius: 8px;
       bottom: 0px;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-      .dialogue-conversation-bottom-sendbox__icon{
-        &>img{
-          cursor:not-allowed;
+      .dialogue-conversation-bottom-sendbox__icon {
+        & > img {
+          cursor: not-allowed;
         }
-        &>.send-message-btn>img{
+        & > .send-message-btn > img {
           cursor: pointer;
         }
-
       }
     }
 
@@ -1041,7 +1168,8 @@ button[disabled]:hover {
           }
 
           img:hover {
-            filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg) brightness(100%) contrast(103%);
+            filter: invert(50%) sepia(66%) saturate(446%) hue-rotate(182deg)
+              brightness(100%) contrast(103%);
           }
         }
       }
@@ -1087,12 +1215,20 @@ button[disabled]:hover {
       margin-bottom: 8px;
 
       &:hover {
-        background-image: linear-gradient(to right, rgba(109, 117, 250, 0.8), rgba(90, 179, 255, 0.8));
+        background-image: linear-gradient(
+          to right,
+          rgba(109, 117, 250, 0.8),
+          rgba(90, 179, 255, 0.8)
+        );
         color: var(--o-text-color-fourth);
       }
 
       &:active {
-        background-image: linear-gradient(to right, rgba(109, 117, 250, 1), rgba(90, 179, 255, 1));
+        background-image: linear-gradient(
+          to right,
+          rgba(109, 117, 250, 1),
+          rgba(90, 179, 255, 1)
+        );
         color: var(--o-text-color-fourth);
       }
     }
@@ -1188,7 +1324,7 @@ button[disabled]:hover {
   margin-top: 16px;
 }
 
-.dialogue-interPreview-main{
+.dialogue-interPreview-main {
   width: 100%;
 }
 </style>
diff --git a/src/views/dialogue/components/DialogueTool.vue b/src/views/dialogue/components/DialogueTool.vue
index 19cd2323c97df82f61a861bf5c00053354ca0a93..fcda177c9c66a69e1b72ac53c65f8deace6a2839 100644
--- a/src/views/dialogue/components/DialogueTool.vue
+++ b/src/views/dialogue/components/DialogueTool.vue
@@ -39,7 +39,9 @@ const handleChainClick = (tool: ChainItem) => {
     <h4 class="dialog-tool__title">热点搭配方案</h4>
     <ul class="hot-list">
       <template v-for="hot in HOT_SPOT_TRACKING" :key="hot.key">
-        <li class="hot-list__item" @click="handleToolClick(hot)">{{ hot.label }}</li>
+        <li class="hot-list__item" @click="handleToolClick(hot)">
+          {{ hot.label }}
+        </li>
       </template>
     </ul>
     <h4 class="dialog-tool__title">友情链接</h4>
@@ -47,7 +49,7 @@ const handleChainClick = (tool: ChainItem) => {
       <template v-for="chain in FRIENDS_CHAIN" :key="chain.key">
         <li class="chain-list__item" @click="handleChainClick(chain)">
           <img class="chain-list__img" :src="chain.icon" />
-          <span class="chain-list__item"> {{ chain.label }}</span>
+          <span class="chain-list__item">{{ chain.label }}</span>
         </li>
       </template>
     </ul>
@@ -185,7 +187,11 @@ const handleChainClick = (tool: ChainItem) => {
 
       &:hover {
         background-color: transparent;
-        background-image: linear-gradient(to right, rgba(109, 117, 250, 0.2), rgba(90, 179, 255, 0.2));
+        background-image: linear-gradient(
+          to right,
+          rgba(109, 117, 250, 0.2),
+          rgba(90, 179, 255, 0.2)
+        );
         border: 1px solid #7aa5ff;
       }
     }
diff --git a/src/views/dialogue/components/InitalPanel.vue b/src/views/dialogue/components/InitalPanel.vue
index 85bb807ec900f309a58186a500554cc1bd4c24a6..6651c7436113ffa61fe6b78ff084d5698988b963 100644
--- a/src/views/dialogue/components/InitalPanel.vue
+++ b/src/views/dialogue/components/InitalPanel.vue
@@ -48,7 +48,7 @@ const emit = defineEmits(['selectQuestion']);
 
 const selectQuestions = (event) => {
   emit('selectQuestion', event.target.innerText);
-}
+};
 const routerToAppCenter = () => {
   router.push('/app');
 };
@@ -59,9 +59,9 @@ onMounted(() => {
       .querySingleAppData({
         id: route.query?.id as string,
       })
-      .then(res => {
-        if(res?.[1]?.result?.name){
-          appName.value = res?.[1]?.result?.name
+      .then((res) => {
+        if (res?.[1]?.result?.name) {
+          appName.value = res?.[1]?.result?.name;
         }
       });
   }
@@ -73,7 +73,11 @@ onMounted(() => {
     <div class="inital-panel">
       <div class="introduction">
         {{ $t('main.describe1') }}
-        <img src="@/assets/images/logo-euler-copilot.png" alt="" v-if="!appName?.length"/>
+        <img
+          src="@/assets/images/logo-euler-copilot.png"
+          alt=""
+          v-if="!appName?.length"
+        />
         <div class="appNameTitle">{{ appName }}</div>
         {{ $t('main.describe2') }}
       </div>
@@ -82,12 +86,19 @@ onMounted(() => {
         <div class="eg">
           <p>{{ $t('main.left_describe') }}</p>
           <ul class="eg-list">
-            <li class="eg-list-item" v-for="item in EG_LIST" :key="item.key" :style="item.style">
+            <li
+              class="eg-list-item"
+              v-for="item in EG_LIST"
+              :key="item.key"
+              :style="item.style"
+            >
               <img v-if="themeStore.theme === 'dark'" :src="item.iconDark" />
               <img v-else :src="item.icon" alt="" />
               <div class="eg-list-item__text">
                 <p>{{ $t('main.' + item.key) }}</p>
-                <span class="eg-list-item__text-desc">{{ $t('main.' + item.insertMessage) }}</span>
+                <span class="eg-list-item__text-desc">
+                  {{ $t('main.' + item.insertMessage) }}
+                </span>
               </div>
             </li>
           </ul>
@@ -99,8 +110,12 @@ onMounted(() => {
           <p class="title">{{ $t('main.question') }}</p>
           <ul class="question-list">
             <li class="question-item" v-for="item in questions" :key="item.id">
-              <span class="question-number" :class="{ blue: item.id <= 3 }">{{ item.id }}</span>
-              <span class="question-des"  @click="selectQuestions">{{ $t('question.' + item.question) }}</span>
+              <span class="question-number" :class="{ blue: item.id <= 3 }">
+                {{ item.id }}
+              </span>
+              <span class="question-des" @click="selectQuestions">
+                {{ $t('question.' + item.question) }}
+              </span>
             </li>
           </ul>
         </div>
@@ -160,7 +175,7 @@ onMounted(() => {
   margin-left: 50px;
 }
 
-.appNameTitle{
+.appNameTitle {
   color: #6c77fa;
   font-size: 24px;
   font-weight: 700;
@@ -174,11 +189,11 @@ onMounted(() => {
       color: #5ab3ff;
     }
   }
-  .question-number{
+  .question-number {
     margin-right: 8px;
     color: var(--o-text-color-secondary);
   }
-  .question-des{
+  .question-des {
     color: var(--o-text-color-secondary);
   }
 }
@@ -213,7 +228,6 @@ onMounted(() => {
       font-size: 14px;
       color: var(--o-text-color-secondary);
     }
-
   }
 }
 
@@ -269,7 +283,7 @@ onMounted(() => {
         align-self: center;
         position: absolute;
         min-width: 120px;
-        padding:0 15px;
+        padding: 0 15px;
         line-height: 32px;
         border-radius: 100px;
         height: 32px;
@@ -295,9 +309,9 @@ onMounted(() => {
     li {
       cursor: text;
       background: var(--o-bg-color-light);
-      &:hover{
-      background: var(--o-bg-color-base);
-      box-shadow: 0px 5.18px 20.72px 0px var(--o-bg-color-dark);
+      &:hover {
+        background: var(--o-bg-color-base);
+        box-shadow: 0px 5.18px 20.72px 0px var(--o-bg-color-dark);
       }
     }
     &-item {
@@ -351,7 +365,7 @@ onMounted(() => {
       }
     }
   }
-  .eg-btn{
+  .eg-btn {
     cursor: pointer;
   }
 }
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 8c491ae6e2f6bb2159320ff0fa357382ded6b9ee..010034bcd2a5f5f5c1ca5a0c6eea51823febac97 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -10,24 +10,37 @@
     </div>
     <div class="preMain">
       <div class="preMainImg" v-if="interPreviewInfo?.name?.length">
-        <img :src="interPreviewInfo.icon" class="preMainAvator" v-if="interPreviewInfo.icon.length" />
+        <img
+          :src="interPreviewInfo.icon"
+          class="preMainAvator"
+          v-if="interPreviewInfo.icon.length"
+        />
         <div v-else class="defaultIconNoCamera"></div>
       </div>
       <div class="preMainContanter">
         <div
           class="preMainContent"
-          v-if="interPreviewInfo.name.length || interPreviewInfo.description.length || connnectLinkList.length"
+          v-if="
+            interPreviewInfo.name.length ||
+            interPreviewInfo.description.length ||
+            connnectLinkList.length
+          "
         >
           <div class="preMainContentTitle" v-if="interPreviewInfo.name.length">
             <div class="greetDes">
-              <div class="greetDesContent">你好，我是
-              <p class="greetDesAppName greetDesContent">
-                {{ interPreviewInfo.name }}
-              </p>
-              ，很高兴为你服务</div>
+              <div class="greetDesContent">
+                你好，我是
+                <p class="greetDesAppName greetDesContent">
+                  {{ interPreviewInfo.name }}
+                </p>
+                ，很高兴为你服务
+              </div>
             </div>
           </div>
-          <div class="preMainContentDes" v-if="interPreviewInfo.description.length">
+          <div
+            class="preMainContentDes"
+            v-if="interPreviewInfo.description.length"
+          >
             {{ interPreviewInfo.description }}
           </div>
           <div class="preMainContentLink" v-if="connnectLinkList.length">
@@ -35,10 +48,16 @@
               <div class="contentLinkTitle">相关链接</div>
             </el-badge>
             <div class="connectBox">
-              <div v-for="(connect, index) in connnectLinkList" >
+              <div v-for="(connect, index) in connnectLinkList">
                 <div v-if="connect.length" class="connectCard">
                   <div class="connectBoxIndex">{{ index + 1 }}</div>
-                  <el-link class="connectBoxContent" v-if="!createApp" type="primary" :href="connect" target="_blank">
+                  <el-link
+                    class="connectBoxContent"
+                    v-if="!createApp"
+                    type="primary"
+                    :href="connect"
+                    target="_blank"
+                  >
                     <TextMoreTootip :value="connect" :row="1" />
                   </el-link>
                   <el-link class="connectBoxContent" v-else type="primary">
@@ -53,7 +72,11 @@
           <div class="preFooterTitle">推荐问题：</div>
           <div class="preFooterContent">
             <div v-for="ques in recommendQuestionList">
-              <div class="preFooterContentQues" v-if="ques.length" @click="selectQuestions">
+              <div
+                class="preFooterContentQues"
+                v-if="ques.length"
+                @click="selectQuestions"
+              >
                 <TextMoreTootip :value="ques" :row="1" />
               </div>
             </div>
@@ -77,18 +100,21 @@ const connnectLinkList = ref<any>([]);
 const emit = defineEmits(['selectQuestion']);
 
 const selectQuestions = (event) => {
-  if(props.createApp){
+  if (props.createApp) {
     return;
   }
   emit('selectQuestion', event.target.innerText);
-}
+};
 
 watch(
   () => props.createAppForm,
   (newValue, oldValue) => {
     interPreviewInfo.value = props.createAppForm;
-    connnectLinkList.value = props.createAppForm?.links?.filter(item => item.length);
-    recommendQuestionList.value = props.createAppForm?.recommendedQuestions?.filter(item => item.length);
+    connnectLinkList.value = props.createAppForm?.links?.filter(
+      (item) => item.length,
+    );
+    recommendQuestionList.value =
+      props.createAppForm?.recommendedQuestions?.filter((item) => item.length);
   },
   {
     immediate: true,
@@ -98,204 +124,208 @@ watch(
 </script>
 <style lang="scss" scoped>
 .interPreviewBox {
-    display: flex;
-    flex: auto;
-    margin-top: 32px;
+  display: flex;
+  flex: auto;
+  margin-top: 32px;
+  width: 100%;
+  gap: 32px;
+  flex-direction: column;
+  .preTop {
     width: 100%;
-    gap: 32px;
-    flex-direction: column;
-    .preTop {
-      width: 100%;
-      display: flex;
-      justify-content: center;
+    display: flex;
+    justify-content: center;
 
-      .preTopContent {
-        display: flex;
-        align-items: center;
-        height: 40px;
-        padding: 8px;
-        border-radius: 20px;
-        gap: 8px;
-        background: linear-gradient(122.39deg, rgba(109, 117, 250, 0.2) -20.158%, rgba(90, 179, 255, 0.2) 112.459%);
-        .preTitleIcon {
-          width: 32px;
-          height: 32px;
-        }
-        .preMainAppName {
-          font-size: 16px;
-          margin-right: 8px;
-          line-height: 24px;
-          color: var(--o-text-color-primary);
-          font-weight: 700;
-        }
+    .preTopContent {
+      display: flex;
+      align-items: center;
+      height: 40px;
+      padding: 8px;
+      border-radius: 20px;
+      gap: 8px;
+      background: linear-gradient(
+        122.39deg,
+        rgba(109, 117, 250, 0.2) -20.158%,
+        rgba(90, 179, 255, 0.2) 112.459%
+      );
+      .preTitleIcon {
+        width: 32px;
+        height: 32px;
+      }
+      .preMainAppName {
+        font-size: 16px;
+        margin-right: 8px;
+        line-height: 24px;
+        color: var(--o-text-color-primary);
+        font-weight: 700;
       }
     }
+  }
 
-    .preMain {
-      padding-left: 40px;
-      display: flex;
-      gap: 16px;
+  .preMain {
+    padding-left: 40px;
+    display: flex;
+    gap: 16px;
 
-      .preMainImg {
-        width: 46px;
-        height: 46px;
+    .preMainImg {
+      width: 46px;
+      height: 46px;
+      border-radius: 50%;
+      .preMainAvator {
+        width: 100%;
+        height: 100%;
         border-radius: 50%;
-        .preMainAvator {
-          width: 100%;
-          height: 100%;
-          border-radius: 50%;
-          background-size: contain;
+        background-size: contain;
+      }
+      .defaultIconNoCamera {
+        width: 100%;
+        height: 100%;
+        background: url('@/assets/images/dark_user.png');
+        background-size: contain !important;
+        &:hover {
+          background: url('@/assets/images/light_user.png');
         }
-        .defaultIconNoCamera {
-            width: 100%;
-            height: 100%;
-            background: url('@/assets/images/dark_user.png');
-            background-size: contain !important;
-            &:hover {
-              background: url('@/assets/images/light_user.png');
-            }
-          }
       }
-      .preMainContanter {
-        width: calc(100% - 166px);
-        display: flex;
-        flex-direction: column;
-        gap: 16px;
-        .preMainContent {
-          width: 100%;
-          padding: 24px;
-          background-color: var(--o-bg-color-base);
-          border-radius: 0px 8px 8px;
-          .preMainContentTitle {
+    }
+    .preMainContanter {
+      width: calc(100% - 166px);
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
+      .preMainContent {
+        width: 100%;
+        padding: 24px;
+        background-color: var(--o-bg-color-base);
+        border-radius: 0px 8px 8px;
+        .preMainContentTitle {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+          border-bottom: 1px solid var(--o-time-text);
+          .greetDes {
             display: flex;
-            flex-direction: column;
-            gap: 8px;
-            border-bottom: 1px solid var(--o-time-text);
-            .greetDes {
-              display: flex;
-              margin-bottom: 8px;
-              .greetDesContent {
-                font-size: 24px;
-                font-weight: 700;
-                line-height: 32px;
-                color: var(--o-text-color-primary);
-              }
-              .greetDesAppName {
-                display: inline-block;
-                color: #6c77fa;
-              }
+            margin-bottom: 8px;
+            .greetDesContent {
+              font-size: 24px;
+              font-weight: 700;
+              line-height: 32px;
+              color: var(--o-text-color-primary);
             }
-            .preAppUser {
-              display: flex;
-              gap: 16px;
-              margin-bottom: 8px;
+            .greetDesAppName {
+              display: inline-block;
+              color: #6c77fa;
             }
           }
-          .preMainContentDes {
+          .preAppUser {
+            display: flex;
+            gap: 16px;
+            margin-bottom: 8px;
+          }
+        }
+        .preMainContentDes {
+          font-size: 16px;
+          line-height: 24px;
+          margin-top: 8px;
+          margin-bottom: 20px;
+          color: var(--o-text-color-primary);
+        }
+        .preMainContentLink {
+          .contentLinkTitle {
+            color: var(--o-text-color-primary);
             font-size: 16px;
             line-height: 24px;
-            margin-top: 8px;
-            margin-bottom: 20px;
-            color: var(--o-text-color-primary);
+            padding-bottom: 8px;
           }
-          .preMainContentLink {
-            .contentLinkTitle {
-              color: var(--o-text-color-primary);
-              font-size: 16px;
-              line-height: 24px;
-              padding-bottom: 8px;
-            }
-            ::v-deep(.linkBadge) {
-              .el-badge__content {
-                right: -4px;
-                top: 4px;
-                width: 16px;
-                height: 16px;
-                background-color: #e32020 !important;
-              }
+          ::v-deep(.linkBadge) {
+            .el-badge__content {
+              right: -4px;
+              top: 4px;
+              width: 16px;
+              height: 16px;
+              background-color: #e32020 !important;
             }
+          }
 
-            .connectBox {
+          .connectBox {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+            flex-direction: column;
+            .connectCard {
               display: flex;
-              flex-wrap: wrap;
-              gap: 8px;
-              flex-direction: column;
-              .connectCard {
-                display: flex;
-                height: 32px;
-                align-items: center;
-                background: rgba(99, 149, 253, 0.1);
-                padding: 0 8px 0 4px;
-                border-radius: 20px;
-                gap: 6px;
-                width: fit-content;
-                .connectBoxIndex {
-                  width: 24px;
-                  height: 24px;
-                  border-radius: 50%;
-                  text-align: center;
-                  line-height: 24px;
-                  font-size: 14px;
-                  color: var(--o-text-color-primary);
-                  background: var(--o-bg-color-base);
-                }
-                .connectBoxContent {
-                  display: block;
-                  font-size: 14px;
-                  padding-right: 8px;
-                  cursor: pointer;
-                  font-weight: 400;
-                  .vue-text {
-                    color: #6395fd;
-                  }
+              height: 32px;
+              align-items: center;
+              background: rgba(99, 149, 253, 0.1);
+              padding: 0 8px 0 4px;
+              border-radius: 20px;
+              gap: 6px;
+              width: fit-content;
+              .connectBoxIndex {
+                width: 24px;
+                height: 24px;
+                border-radius: 50%;
+                text-align: center;
+                line-height: 24px;
+                font-size: 14px;
+                color: var(--o-text-color-primary);
+                background: var(--o-bg-color-base);
+              }
+              .connectBoxContent {
+                display: block;
+                font-size: 14px;
+                padding-right: 8px;
+                cursor: pointer;
+                font-weight: 400;
+                .vue-text {
+                  color: #6395fd;
                 }
               }
             }
           }
         }
-        .preFooter {
-          width: 100%;
+      }
+      .preFooter {
+        width: 100%;
+        display: flex;
+        gap: 8px;
+        height: 32px;
+        align-items: center;
+        .preFooterTitle {
+          font-size: 12px;
+          line-height: 14px;
+          color: var(--o-text-color-secondary);
+        }
+        .preFooterContent {
           display: flex;
           gap: 8px;
-          height: 32px;
-          align-items: center;
-          .preFooterTitle {
-            font-size: 12px;
-            line-height: 14px;
-            color: var(--o-text-color-secondary);
-          }
-          .preFooterContent {
-            display: flex;
-            gap: 8px;
-            .preFooterContentQues {
-              max-width: 240px;
-              border-radius: 8px;
-              padding: 8px 16px;
-              background-color: var(--o-bg-color-base);
-              .vue-text {
-                color: #4e5865;
-              }
+          .preFooterContentQues {
+            max-width: 240px;
+            border-radius: 8px;
+            padding: 8px 16px;
+            background-color: var(--o-bg-color-base);
+            .vue-text {
+              color: #4e5865;
             }
           }
         }
       }
     }
   }
+}
 
-  .contentCollect {
-    width: 24px;
-    height: 24px;
-    background-color: var(--o-bg-color-light);
-    border-radius: 8px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    svg {
-      width: 16px;
-      height: 16px;
-      path {
-        fill: var(--o-text-color-tertiary);
-      }
+.contentCollect {
+  width: 24px;
+  height: 24px;
+  background-color: var(--o-bg-color-light);
+  border-radius: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  svg {
+    width: 16px;
+    height: 16px;
+    path {
+      fill: var(--o-text-color-tertiary);
     }
   }
+}
 </style>
diff --git a/src/views/dialogue/components/ReportPopover.vue b/src/views/dialogue/components/ReportPopover.vue
index 37ceda5e40be2490b38e3ffa124d4879ad65ba32..7a7b57be090cbffc4dd069c90c20e343cf1bd833 100644
--- a/src/views/dialogue/components/ReportPopover.vue
+++ b/src/views/dialogue/components/ReportPopover.vue
@@ -26,7 +26,7 @@ const reportList = <
     label: string;
     isChecked: boolean;
   }[]
->reportLabel.map(item => {
+>reportLabel.map((item) => {
   return new Object({
     isChecked: false,
     label: item,
@@ -51,7 +51,9 @@ const emits = defineEmits<{
 
 /** 举报 */
 const handleComplaint = () => {
-  const str = descText.value.length ? radio.value + ';' + descText.value : radio.value;
+  const str = descText.value.length
+    ? radio.value + ';' + descText.value
+    : radio.value;
   if (!isErrorInputVisiable.value) {
     emits('report', str);
     return;
@@ -62,11 +64,19 @@ const handleComplaint = () => {
 
 <template>
   <div class="against-popover">
-    <p class="against-popover-title">{{ $t('feedback.reason_for_reporting') }}</p>
+    <p class="against-popover-title">
+      {{ $t('feedback.reason_for_reporting') }}
+    </p>
     <ul class="against-list">
       <el-radio-group v-model="radio" class="ml-4">
-        <div :class="[language === 'EN' ? 'radio-en' : 'radio']" v-for="(item, index) in list" :key="index">
-          <el-radio-button class="radio_item" :label="item.label">{{ $t('Report.' + item.label) }}</el-radio-button>
+        <div
+          :class="[language === 'EN' ? 'radio-en' : 'radio']"
+          v-for="(item, index) in list"
+          :key="index"
+        >
+          <el-radio-button class="radio_item" :label="item.label">
+            {{ $t('Report.' + item.label) }}
+          </el-radio-button>
         </div>
       </el-radio-group>
     </ul>
@@ -79,7 +89,9 @@ const handleComplaint = () => {
     </div>
     <div class="against-button">
       <el-button @click="emits('close')">{{ $t('history.cancel') }}</el-button>
-      <el-button type="primary" :disabled="!radio" @click="handleComplaint">{{ $t('history.ok') }}</el-button>
+      <el-button type="primary" :disabled="!radio" @click="handleComplaint">
+        {{ $t('history.ok') }}
+      </el-button>
     </div>
   </div>
 </template>
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index b5722ae92acd0bc1bdcb245e257304bbbf27c84f..f8dda962fedb9569e61b7b0b6549d9bd711cf1e2 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -2,7 +2,12 @@
 import { computed, ComputedRef, onMounted, ref } from 'vue';
 import { storeToRefs } from 'pinia';
 import { onHtmlEventDispatch } from 'src/utils';
-import { useHistorySessionStore, useSessionStore, useAccountStore, useLangStore } from 'src/store';
+import {
+  useHistorySessionStore,
+  useSessionStore,
+  useAccountStore,
+  useLangStore,
+} from 'src/store';
 import { marked } from 'marked';
 import { ARGEEMENT_VERSION } from 'src/conf/version';
 import { useChangeThemeStore } from 'src/store';
@@ -222,7 +227,10 @@ const handleFormValidate = (prop: any, isValid: boolean, message: string) => {
 
 onMounted(() => {
   if (localStorage.getItem('theme')) {
-    document.body.setAttribute('theme', localStorage.getItem('theme') || 'light');
+    document.body.setAttribute(
+      'theme',
+      localStorage.getItem('theme') || 'light',
+    );
   }
   if (localStorage.getItem('kb_id')) {
     ruleForm.kb_id = localStorage.getItem('kb_id');
@@ -231,9 +239,9 @@ onMounted(() => {
   initCopilot();
   const iframe = document.getElementById('my-iframe') as HTMLIFrameElement;
   if (iframe) {
-    if(window.location.origin === 'http://localhost:3000'){
+    if (window.location.origin === 'http://localhost:3000') {
       iframe.src = `http://localhost:3002`;
-    }else{
+    } else {
       iframe.src = `${window.location.origin}/witchaind`;
     }
   }
@@ -243,7 +251,7 @@ watch(
   ruleForm,
   () => {
     let flag = false;
-    Object.keys(ruleForm).forEach(item => {
+    Object.keys(ruleForm).forEach((item) => {
       if (rules.value?.[item]?.[0]?.required) {
         if (!ruleForm?.[item]?.toString()?.length) {
           flag = true;
@@ -301,7 +309,10 @@ watch(
 
 <template>
   <div class="dialogue" id="dialogId">
-    <header class="dialogue-header" v-if="!qiankunWindow.__POWERED_BY_QIANKUN__">
+    <header
+      class="dialogue-header"
+      v-if="!qiankunWindow.__POWERED_BY_QIANKUN__"
+    >
       <span>
         <img src="@/assets/svgs/euler_copilot_logo.svg" />
         <h4>{{ $t('home.name') }}</h4>
@@ -340,9 +351,17 @@ watch(
           <template #reference>
             <img class="avatar" src="@/assets/svgs/user.svg" />
           </template>
-          <div class="exit-button lang-button" type="primary" @click="logoutHandler">{{ $t('Login.logout') }}</div>
+          <div
+            class="exit-button lang-button"
+            type="primary"
+            @click="logoutHandler"
+          >
+            {{ $t('Login.logout') }}
+          </div>
           <div class="divider"></div>
-          <div class="exit-button lang-button" @click="apikeyVisible = true">API KEY</div>
+          <div class="exit-button lang-button" @click="apikeyVisible = true">
+            API KEY
+          </div>
           <div class="divider"></div>
           <div class="exit-button lang-button" @click="KnowledgeVisible = true">
             {{ i18n.global.t('witChainD.witChainD') }}
@@ -352,13 +371,22 @@ watch(
     </header>
     <div class="dialogue-container">
       <div class="dialogue-menu">
-        <router-link v-for="item in routerList" :key="item.path" :to="item.path" class="menu-item">
+        <router-link
+          v-for="item in routerList"
+          :key="item.path"
+          :to="item.path"
+          class="menu-item"
+        >
           <span class="menu-icon">
             <el-icon class="menu-icon" @click="addNewSession(item.routerName)">
               <img
                 v-if="
-                  router.currentRoute.value.name?.toString().indexOf(item.routerName) !== -1 ||
-                  router.currentRoute.value.name?.toString().indexOf(item.anotherName!) !== -1
+                  router.currentRoute.value.name
+                    ?.toString()
+                    .indexOf(item.routerName) !== -1 ||
+                  router.currentRoute.value.name
+                    ?.toString()
+                    .indexOf(item.anotherName!) !== -1
                 "
                 class="create-button__icon"
                 :src="item.selectedSrc"
@@ -385,16 +413,25 @@ watch(
       :before-close="handleDialogClose"
     >
       <div class="apikey_view">
-        <el-alert v-if="apikey" class="apikey_view_alert" type="info" :show-icon="true" :closable="false">{{
-          i18n.global.t('apikey.save_apikey')
-        }}</el-alert>
+        <el-alert
+          v-if="apikey"
+          class="apikey_view_alert"
+          type="info"
+          :show-icon="true"
+          :closable="false"
+        >
+          {{ i18n.global.t('apikey.save_apikey') }}
+        </el-alert>
         <div class="apikey_view_main">
           <div class="main">
             <div class="main_view" v-if="!apikey && hidden">
               <span>******************************</span>
             </div>
             <div class="main_view" v-else-if="!apikey">
-              <img v-if="themeStore.theme === 'dark'" src="src/assets/svgs/dark_null.svg" />
+              <img
+                v-if="themeStore.theme === 'dark'"
+                src="src/assets/svgs/dark_null.svg"
+              />
               <img v-else src="src/assets/svgs/light_null.svg" alt="" />
               <span>{{ i18n.global.t('apikey.no_apikey') }}</span>
             </div>
@@ -404,15 +441,25 @@ watch(
               </div>
             </div>
             <div v-if="apikey">
-              <el-button type="primary" @click="copy">{{ i18n.global.t('feedback.copy') }}</el-button>
-              <el-button @click="revokeApi">{{ i18n.global.t('feedback.revoke') }}</el-button>
+              <el-button type="primary" @click="copy">
+                {{ i18n.global.t('feedback.copy') }}
+              </el-button>
+              <el-button @click="revokeApi">
+                {{ i18n.global.t('feedback.revoke') }}
+              </el-button>
             </div>
             <div v-else-if="!apikey && !revoke">
-              <el-button type="primary" @click="updateApi">{{ i18n.global.t('feedback.refresh') }}</el-button>
-              <el-button @click="revokeApi">{{ i18n.global.t('feedback.revoke') }}</el-button>
+              <el-button type="primary" @click="updateApi">
+                {{ i18n.global.t('feedback.refresh') }}
+              </el-button>
+              <el-button @click="revokeApi">
+                {{ i18n.global.t('feedback.revoke') }}
+              </el-button>
             </div>
             <div v-else>
-              <el-button type="primary" @click="createApi">{{ i18n.global.t('apikey.create_apikey') }}</el-button>
+              <el-button type="primary" @click="createApi">
+                {{ i18n.global.t('apikey.create_apikey') }}
+              </el-button>
             </div>
           </div>
         </div>
@@ -426,9 +473,22 @@ watch(
       @close="handleKnowledgeDialogClose"
       title="WitChainD"
     >
-      <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-position="left" @validate="handleFormValidate">
-        <el-form-item :label="$t('witChainD.witChainD_id')" prop="openai_api_key" class="docName">
-          <el-input v-model="ruleForm.kb_id" :placeholder="$t('witChainD.describe_the_witChainD')"> </el-input>
+      <el-form
+        ref="ruleFormRef"
+        :model="ruleForm"
+        :rules="rules"
+        label-position="left"
+        @validate="handleFormValidate"
+      >
+        <el-form-item
+          :label="$t('witChainD.witChainD_id')"
+          prop="openai_api_key"
+          class="docName"
+        >
+          <el-input
+            v-model="ruleForm.kb_id"
+            :placeholder="$t('witChainD.describe_the_witChainD')"
+          ></el-input>
         </el-form-item>
         <el-form-item class="model-ops-btn">
           <el-button
@@ -481,10 +541,12 @@ watch(
         //hover颜色待改进
         width: 40px;
         &:hover {
-          filter: invert(43%) sepia(94%) saturate(1622%) hue-rotate(190deg) brightness(101%) contrast(101%);
+          filter: invert(43%) sepia(94%) saturate(1622%) hue-rotate(190deg)
+            brightness(101%) contrast(101%);
         }
         &:active {
-          filter: invert(43%) sepia(94%) saturate(1622%) hue-rotate(190deg) brightness(101%) contrast(101%);
+          filter: invert(43%) sepia(94%) saturate(1622%) hue-rotate(190deg)
+            brightness(101%) contrast(101%);
         }
       }
     }
@@ -663,19 +725,23 @@ watch(
 #sun-icon {
   // background-color: pink;
   &:hover {
-    filter: invert(51%) sepia(95%) saturate(146%) hue-rotate(168deg) brightness(94%) contrast(83%);
+    filter: invert(51%) sepia(95%) saturate(146%) hue-rotate(168deg)
+      brightness(94%) contrast(83%);
   }
   &:active {
-    filter: invert(50%) sepia(31%) saturate(458%) hue-rotate(168deg) brightness(101%) contrast(87%);
+    filter: invert(50%) sepia(31%) saturate(458%) hue-rotate(168deg)
+      brightness(101%) contrast(87%);
   }
 }
 
 #moon-icon {
   &:hover {
-    filter: invert(51%) sepia(95%) saturate(146%) hue-rotate(168deg) brightness(94%) contrast(83%);
+    filter: invert(51%) sepia(95%) saturate(146%) hue-rotate(168deg)
+      brightness(94%) contrast(83%);
   }
   &:active {
-    filter: invert(50%) sepia(31%) saturate(458%) hue-rotate(168deg) brightness(101%) contrast(87%);
+    filter: invert(50%) sepia(31%) saturate(458%) hue-rotate(168deg)
+      brightness(101%) contrast(87%);
   }
 }
 </style>
diff --git a/src/views/dialogue/types.ts b/src/views/dialogue/types.ts
index d9186b5f2cdfe2682c0b8a7df71ae541ccef2574..6b6976c7400d111f76c7c1ccaf82c4ce8685ccd6 100644
--- a/src/views/dialogue/types.ts
+++ b/src/views/dialogue/types.ts
@@ -31,7 +31,7 @@ export interface EgItem {
   insertMessage: string;
   style?: string;
   title: string;
-  des?:string;
+  des?: string;
 }
 
 export interface ChainItem {
@@ -53,61 +53,60 @@ export interface UserConversationItem {
 }
 
 export interface FlowType {
-  id:number
-  title:string,
-  status:string,
-  data:any,
-  display:boolean,
-  progress:string,
-  flowId?:string,
+  id: number;
+  title: string;
+  status: string;
+  data: any;
+  display: boolean;
+  progress: string;
+  flowId?: string;
 }
 
 export interface FlowDataType {
-  id: string,
-  stauts:string,
+  id: string;
+  stauts: string;
   // title: '',
-  data: any|undefined,
+  data: any | undefined;
 }
 
 export interface AppShowType {
-  appId: string,
-  name:string,
+  appId: string;
+  name: string;
 }
 
-
 export interface RobotConversationItem {
-  files?:any;
-  flow?:any;
+  files?: any;
+  flow?: any;
   cid: number;
   conversationId: string;
   recordId: string;
-  extraData?:any;
+  extraData?: any;
   belong: RobotDialoguePanelType;
   message: string[];
-  messageList:MessageArray;
+  messageList: MessageArray;
   // 当前选中第n次回答的索引值
   currentInd: number;
   isFinish?: boolean;
   isSupport?: boolean;
   isAgainst?: boolean;
   createdAt?: string | Date;
-  groupId:string|undefined;
-  search_suggestions?:string[];
-  echartsObj?:any,
-  metadata?:undefined | Metadata;
-  flowdata?:FlowType;
-  paramsList?:any;
+  groupId: string | undefined;
+  search_suggestions?: string[];
+  echartsObj?: any;
+  metadata?: undefined | Metadata;
+  flowdata?: FlowType;
+  paramsList?: any;
 }
 
 export interface MessageRecord {
-  message:string;
-  record_id:string;
-  is_like:number|undefined;
+  message: string;
+  record_id: string;
+  is_like: number | undefined;
 }
 
 export class MessageArray {
-  private items:MessageRecord[] = [];
-  addItem(message: string,record_id:string,is_like:number):void {
+  private items: MessageRecord[] = [];
+  addItem(message: string, record_id: string, is_like: number): void {
     const newItem: MessageRecord = {
       message,
       record_id,
@@ -116,37 +115,40 @@ export class MessageArray {
     this.items.push(newItem);
   }
 
-  getItem(index: number):MessageRecord|undefined {
+  getItem(index: number): MessageRecord | undefined {
     return this.items[index];
   }
 
-  getLength():number {
+  getLength(): number {
     return this.items.length;
   }
 
-  getAllItems():MessageRecord[]{
+  getAllItems(): MessageRecord[] {
     return this.items;
   }
 
-  getMessageList(): string[] {   
-    return this.items.map(item => item.message);  
-  }  
+  getMessageList(): string[] {
+    return this.items.map((item) => item.message);
+  }
+
+  getRecordIdList(): string[] {
+    return this.items.map((item) => item.record_id);
+  }
 
-  getRecordIdList(): string[] {    
-    return this.items.map(item => item.record_id);  
-  }  
-  
-  getIslikeList(): number[] {   
-    return this.items.map(item => item.is_like);  
-  }  
+  getIslikeList(): number[] {
+    return this.items.map((item) => item.is_like);
+  }
 
-  getisLikeByIndex(index:number): number {
-    return this.items.map(item => item.is_like)[index];
+  getisLikeByIndex(index: number): number {
+    return this.items.map((item) => item.is_like)[index];
   }
 
-  changeisLikeByCidAndIndex(cid:number,index:number,islike:number|boolean):void {
+  changeisLikeByCidAndIndex(
+    cid: number,
+    index: number,
+    islike: number | boolean,
+  ): void {
     const a = this.getisLikeByIndex(index)[cid];
     this.getisLikeByIndex(index)[cid] = islike;
   }
-
 }
diff --git a/src/views/styles/createApp.scss b/src/views/styles/createApp.scss
index f3090eb4acbb7d92db8800cc5ef360b060922ac0..668e804b7dd252717b934c91d51f10a35284a021 100644
--- a/src/views/styles/createApp.scss
+++ b/src/views/styles/createApp.scss
@@ -63,16 +63,17 @@
         cursor: pointer;
         color: var(--o-text-color-primary);
         gap: 8px;
-        .el-icon, svg {
+        .el-icon,
+        svg {
           width: 16px;
           height: 16px;
         }
-        .warningRemind svg path{
+        .warningRemind svg path {
           &:first-child {
-            fill :#ebaf00;
+            fill: #ebaf00;
           }
           &:last-child {
-            fill: #fff
+            fill: #fff;
           }
         }
       }
@@ -297,7 +298,6 @@
                 border-radius: 8px;
                 text-align: center;
               }
-        
             }
             .permissionInputSearch {
               width: 176px;
diff --git a/src/views/styles/workFlowArrange.scss b/src/views/styles/workFlowArrange.scss
index 131b94b77ed3a4d29314531856b0f449c78ec3b2..6459a953a85e0e7c61238e6d0434a6dfa4eb82de 100644
--- a/src/views/styles/workFlowArrange.scss
+++ b/src/views/styles/workFlowArrange.scss
@@ -182,7 +182,7 @@
       display: flex;
       gap: 8px;
       .workFlowSelect {
-      display: block;
+        display: block;
         width: 144px;
         height: 32px;
         background-color: var(--o-bg-color-base);
@@ -296,7 +296,8 @@
     background: url('@/assets/svgs/light_delete.svg');
   }
 }
-.workFlowOption.is-selected, .workFlowOption.is-hovering {
+.workFlowOption.is-selected,
+.workFlowOption.is-hovering {
   .editIcon {
     background: url('@/assets/svgs/dark_editor_active.svg');
   }
@@ -336,7 +337,11 @@
         .iconStyle {
           width: 24px;
           height: 24px;
-          background: linear-gradient(120deg, rgba(109, 117, 250, 0.15), rgba(90, 179, 255, 0.15));
+          background: linear-gradient(
+            120deg,
+            rgba(109, 117, 250, 0.15),
+            rgba(90, 179, 255, 0.15)
+          );
         }
         .label {
           flex: 1;
diff --git a/src/views/styles/workFlowDebug.scss b/src/views/styles/workFlowDebug.scss
index 81ffd90000d52c24970648c43cc7383de4d623c5..f1070ea1309663b567e96d57e6fd7cec45f5ad87 100644
--- a/src/views/styles/workFlowDebug.scss
+++ b/src/views/styles/workFlowDebug.scss
@@ -18,7 +18,7 @@
     min-height: 32px;
     margin-right: 24px;
     align-items: center;
-    border-bottom: 1px solid #Dfe5ef;
+    border-bottom: 1px solid #dfe5ef;
     justify-content: space-between;
     .title {
       width: 28px;
@@ -54,8 +54,8 @@
       background-color: var(--o-bg-color-base);
       border-radius: 8px;
       gap: 8px;
-      box-shadow: rgba(25,25,25,0.05);
-      .textareaInput{
+      box-shadow: rgba(25, 25, 25, 0.05);
+      .textareaInput {
         flex: 1;
         display: flex;
         height: 48px;
@@ -68,7 +68,7 @@
           background-color: transparent;
           color: var(--o-text-color-primary);
         }
-      };
+      }
       .sendIcon {
         width: 48px;
         height: 32px;