diff --git a/pkg/api/http/controller/main.py b/pkg/api/http/controller/main.py
index e3aab6f4..0c8e2f70 100644
--- a/pkg/api/http/controller/main.py
+++ b/pkg/api/http/controller/main.py
@@ -76,8 +76,10 @@ class HTTPController:
 
         @self.quart_app.route('/<path:path>')
         async def static_file(path: str):
-            print(f'path: {path}')  
-            if not (os.path.exists(os.path.join(frontend_path, path)) and os.path.isfile(os.path.join(frontend_path, path))):
+            if not (
+                os.path.exists(os.path.join(frontend_path, path))
+                and os.path.isfile(os.path.join(frontend_path, path))
+            ):
                 if os.path.exists(os.path.join(frontend_path, path + '.html')):
                     path += '.html'
                 else:
diff --git a/pkg/api/http/service/user.py b/pkg/api/http/service/user.py
index f416a4a5..03a64576 100644
--- a/pkg/api/http/service/user.py
+++ b/pkg/api/http/service/user.py
@@ -41,7 +41,9 @@ class UserService:
         )
 
         result_list = result.all()
-        return result_list[0] if result_list is not None and len(result_list) > 0 else None
+        return (
+            result_list[0] if result_list is not None and len(result_list) > 0 else None
+        )
 
     async def authenticate(self, user_email: str, password: str) -> str | None:
         result = await self.ap.persistence_mgr.execute_async(
diff --git a/pkg/pipeline/process/handlers/chat.py b/pkg/pipeline/process/handlers/chat.py
index df53fab2..3ad5c43e 100644
--- a/pkg/pipeline/process/handlers/chat.py
+++ b/pkg/pipeline/process/handlers/chat.py
@@ -107,4 +107,4 @@ class ChatMessageHandler(handler.MessageHandler):
                 )
             finally:
                 # TODO statistics
-                pass
\ No newline at end of file
+                pass
diff --git a/web/.lintstagedrc.json b/web/.lintstagedrc.json
index 123ba0ab..ab33c2b3 100644
--- a/web/.lintstagedrc.json
+++ b/web/.lintstagedrc.json
@@ -1,6 +1,4 @@
 {
-    "*.{js,jsx,ts,tsx}": ["next lint --fix --file", "next lint --file"],
-    "**/*": [
-        "bash -c 'cd \"$(pwd)\" && next build"
-    ]
+  "*.{js,jsx,ts,tsx}": ["next lint --fix --file", "next lint --file"],
+  "**/*": ["bash -c 'cd \"$(pwd)\" && next build"]
 }
diff --git a/web/components.json b/web/components.json
index 420be750..b37ee514 100644
--- a/web/components.json
+++ b/web/components.json
@@ -18,4 +18,4 @@
     "hooks": "@/hooks"
   },
   "iconLibrary": "lucide"
-}
\ No newline at end of file
+}
diff --git a/web/postcss.config.mjs b/web/postcss.config.mjs
index bc9198c3..95d885ee 100644
--- a/web/postcss.config.mjs
+++ b/web/postcss.config.mjs
@@ -1,6 +1,6 @@
 const config = {
-    plugins: {
-      "@tailwindcss/postcss": {},
-    },
-  };
-  export default config;
\ No newline at end of file
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+export default config;
diff --git a/web/src/app/global.css b/web/src/app/global.css
index d030c747..079437e8 100644
--- a/web/src/app/global.css
+++ b/web/src/app/global.css
@@ -1,120 +1,151 @@
-
 :root {
-   /* 适用于 Firefox 的滚动条 */
-   scrollbar-color: rgba(0, 0, 0, 0.2) transparent; /* 滑块颜色 + 轨道颜色 */
-   scrollbar-width: thin; /* auto | thin | none */ --radius: 0.625rem; --background: oklch(1 0 0); --foreground: oklch(0.141 0.005 285.823); --card: oklch(1 0 0); --card-foreground: oklch(0.141 0.005 285.823); --popover: oklch(1 0 0); --popover-foreground: oklch(0.141 0.005 285.823); --primary: oklch(0.21 0.006 285.885); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.967 0.001 286.375); --secondary-foreground: oklch(0.21 0.006 285.885); --muted: oklch(0.967 0.001 286.375); --muted-foreground: oklch(0.552 0.016 285.938); --accent: oklch(0.967 0.001 286.375); --accent-foreground: oklch(0.21 0.006 285.885); --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.92 0.004 286.32); --input: oklch(0.92 0.004 286.32); --ring: oklch(0.705 0.015 286.067); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.141 0.005 285.823); --sidebar-primary: oklch(0.21 0.006 285.885); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.967 0.001 286.375); --sidebar-accent-foreground: oklch(0.21 0.006 285.885); --sidebar-border: oklch(0.92 0.004 286.32); --sidebar-ring: oklch(0.705 0.015 286.067);
+  /* 适用于 Firefox 的滚动条 */
+  scrollbar-color: rgba(0, 0, 0, 0.2) transparent; /* 滑块颜色 + 轨道颜色 */
+  scrollbar-width: thin; /* auto | thin | none */
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.21 0.006 285.885);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.705 0.015 286.067);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.21 0.006 285.885);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.705 0.015 286.067);
 }
 
 /* WebKit 内核浏览器定制 */
 ::-webkit-scrollbar {
-    width: 6px;  /* 垂直滚动条宽度 */
-    height: 6px; /* 水平滚动条高度 */
+  width: 6px; /* 垂直滚动条宽度 */
+  height: 6px; /* 水平滚动条高度 */
 }
 
 ::-webkit-scrollbar-track {
-    background: transparent; /* 隐藏轨道背景 */
+  background: transparent; /* 隐藏轨道背景 */
 }
 
 ::-webkit-scrollbar-thumb {
-    background: rgba(0, 0, 0, 0.2); /* 半透明黑色 */
-    border-radius: 3px;
-    transition: background 0.3s;
+  background: rgba(0, 0, 0, 0.2); /* 半透明黑色 */
+  border-radius: 3px;
+  transition: background 0.3s;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-    background: rgba(0, 0, 0, 0.35); /* 悬停加深 */
+  background: rgba(0, 0, 0, 0.35); /* 悬停加深 */
 }
 
 /* 兼容 Edge */
-@supports (-ms-ime-align:auto) {
-    body {
-        -ms-overflow-style: -ms-autohiding-scrollbar; /* 自动隐藏滚动条 */
-    }
+@supports (-ms-ime-align: auto) {
+  body {
+    -ms-overflow-style: -ms-autohiding-scrollbar; /* 自动隐藏滚动条 */
+  }
 }
 
-@import "tailwindcss";
+@import 'tailwindcss';
 
-@import "tw-animate-css";
+@import 'tw-animate-css';
 
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-    --radius-sm: calc(var(--radius) - 4px);
-    --radius-md: calc(var(--radius) - 2px);
-    --radius-lg: var(--radius);
-    --radius-xl: calc(var(--radius) + 4px);
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-    --color-card: var(--card);
-    --color-card-foreground: var(--card-foreground);
-    --color-popover: var(--popover);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-primary: var(--primary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-secondary: var(--secondary);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-muted: var(--muted);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-accent: var(--accent);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-destructive: var(--destructive);
-    --color-border: var(--border);
-    --color-input: var(--input);
-    --color-ring: var(--ring);
-    --color-chart-1: var(--chart-1);
-    --color-chart-2: var(--chart-2);
-    --color-chart-3: var(--chart-3);
-    --color-chart-4: var(--chart-4);
-    --color-chart-5: var(--chart-5);
-    --color-sidebar: var(--sidebar);
-    --color-sidebar-foreground: var(--sidebar-foreground);
-    --color-sidebar-primary: var(--sidebar-primary);
-    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-    --color-sidebar-accent: var(--sidebar-accent);
-    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-    --color-sidebar-border: var(--sidebar-border);
-    --color-sidebar-ring: var(--sidebar-ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
 }
 
 .dark {
-    --background: oklch(0.141 0.005 285.823);
-    --foreground: oklch(0.985 0 0);
-    --card: oklch(0.21 0.006 285.885);
-    --card-foreground: oklch(0.985 0 0);
-    --popover: oklch(0.21 0.006 285.885);
-    --popover-foreground: oklch(0.985 0 0);
-    --primary: oklch(0.92 0.004 286.32);
-    --primary-foreground: oklch(0.21 0.006 285.885);
-    --secondary: oklch(0.274 0.006 286.033);
-    --secondary-foreground: oklch(0.985 0 0);
-    --muted: oklch(0.274 0.006 286.033);
-    --muted-foreground: oklch(0.705 0.015 286.067);
-    --accent: oklch(0.274 0.006 286.033);
-    --accent-foreground: oklch(0.985 0 0);
-    --destructive: oklch(0.704 0.191 22.216);
-    --border: oklch(1 0 0 / 10%);
-    --input: oklch(1 0 0 / 15%);
-    --ring: oklch(0.552 0.016 285.938);
-    --chart-1: oklch(0.488 0.243 264.376);
-    --chart-2: oklch(0.696 0.17 162.48);
-    --chart-3: oklch(0.769 0.188 70.08);
-    --chart-4: oklch(0.627 0.265 303.9);
-    --chart-5: oklch(0.645 0.246 16.439);
-    --sidebar: oklch(0.21 0.006 285.885);
-    --sidebar-foreground: oklch(0.985 0 0);
-    --sidebar-primary: oklch(0.488 0.243 264.376);
-    --sidebar-primary-foreground: oklch(0.985 0 0);
-    --sidebar-accent: oklch(0.274 0.006 286.033);
-    --sidebar-accent-foreground: oklch(0.985 0 0);
-    --sidebar-border: oklch(1 0 0 / 10%);
-    --sidebar-ring: oklch(0.552 0.016 285.938);
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.21 0.006 285.885);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.21 0.006 285.885);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.92 0.004 286.32);
+  --primary-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.552 0.016 285.938);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.552 0.016 285.938);
 }
 
 @layer base {
   * {
     @apply border-border outline-ring/50;
-    }
+  }
   body {
     @apply bg-background text-foreground;
-    }
-}
\ No newline at end of file
+  }
+}
diff --git a/web/src/app/home/bots/botConfig.module.css b/web/src/app/home/bots/botConfig.module.css
index f65512dd..0e3d18e5 100644
--- a/web/src/app/home/bots/botConfig.module.css
+++ b/web/src/app/home/bots/botConfig.module.css
@@ -1,10 +1,10 @@
 .botListContainer {
-    width: 100%;
-    padding-left: 0.8rem;
-    padding-right: 0.8rem;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
-    gap: 2rem;
-    justify-items: stretch;
-    align-items: start;
-}
\ No newline at end of file
+  width: 100%;
+  padding-left: 0.8rem;
+  padding-right: 0.8rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
+  gap: 2rem;
+  justify-items: stretch;
+  align-items: start;
+}
diff --git a/web/src/app/home/bots/components/bot-card/botCard.module.css b/web/src/app/home/bots/components/bot-card/botCard.module.css
index f8dc9305..30a6cef2 100644
--- a/web/src/app/home/bots/components/bot-card/botCard.module.css
+++ b/web/src/app/home/bots/components/bot-card/botCard.module.css
@@ -1,90 +1,90 @@
 .cardContainer {
-    width: 100%;
-    height: 10rem;
-    background-color: #fff;
-    border-radius: 10px;
-    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
-    padding: 1.2rem;
-    cursor: pointer;
+  width: 100%;
+  height: 10rem;
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
+  padding: 1.2rem;
+  cursor: pointer;
 }
 
 .cardContainer:hover {
-    box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
 }
 
 .iconBasicInfoContainer {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    gap: 0.8rem;
-    user-select: none;
-    /* background-color: aqua; */
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  gap: 0.8rem;
+  user-select: none;
+  /* background-color: aqua; */
 }
 
 .iconImage {
-    width: 4rem;
-    height: 4rem;
-    margin: 0.2rem;
-    /* border-radius: 50%; */
+  width: 4rem;
+  height: 4rem;
+  margin: 0.2rem;
+  /* border-radius: 50%; */
 }
 
 .basicInfoContainer {
-    display: flex;
-    flex-direction: column;
-    gap: 0.2rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
 }
 
 .basicInfoNameContainer {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 .basicInfoName {
-    font-size: 1.4rem;
-    font-weight: 500;
+  font-size: 1.4rem;
+  font-weight: 500;
 }
 
 .basicInfoDescription {
-    font-size: 1rem;
-    font-weight: 300;
-    color: #b1b1b1;
+  font-size: 1rem;
+  font-weight: 300;
+  color: #b1b1b1;
 }
 
 .basicInfoAdapterContainer {
-    display: flex;
-    flex-direction: row;
-    gap: 0.4rem;
+  display: flex;
+  flex-direction: row;
+  gap: 0.4rem;
 }
 
 .basicInfoAdapterIcon {
-    width: 1.2rem;
-    height: 1.2rem;
-    margin-top: 0.2rem;
-    color: #626262;
+  width: 1.2rem;
+  height: 1.2rem;
+  margin-top: 0.2rem;
+  color: #626262;
 }
 
 .basicInfoAdapterLabel {
-    font-size: 1.2rem;
-    font-weight: 500;
-    color: #626262;
+  font-size: 1.2rem;
+  font-weight: 500;
+  color: #626262;
 }
 
 .basicInfoPipelineContainer {
-    display: flex;
-    flex-direction: row;
-    gap: 0.4rem;
+  display: flex;
+  flex-direction: row;
+  gap: 0.4rem;
 }
 
 .basicInfoPipelineIcon {
-    width: 1.2rem;
-    height: 1.2rem;
-    color: #626262;
-    margin-top: 0.2rem;
+  width: 1.2rem;
+  height: 1.2rem;
+  color: #626262;
+  margin-top: 0.2rem;
 }
 
 .basicInfoPipelineLabel {
-    font-size: 1.2rem;
-    font-weight: 500;
-    color: #626262;
-}
\ No newline at end of file
+  font-size: 1.2rem;
+  font-weight: 500;
+  color: #626262;
+}
diff --git a/web/src/app/home/components/empty-and-create-component/emptyAndCreate.module.css b/web/src/app/home/components/empty-and-create-component/emptyAndCreate.module.css
index ba3d041f..3504d7a3 100644
--- a/web/src/app/home/components/empty-and-create-component/emptyAndCreate.module.css
+++ b/web/src/app/home/components/empty-and-create-component/emptyAndCreate.module.css
@@ -1,54 +1,54 @@
 .emptyPageContainer {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    background: #FFF;
-    border: 1px solid #c5c5c5;
-    border-radius: 10px;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  border: 1px solid #c5c5c5;
+  border-radius: 10px;
 }
 
 .emptyContainer {
-    width: 100%;
-    height: 50%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-evenly;
+  width: 100%;
+  height: 50%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-evenly;
 }
 
 .emptyCreateButton {
-    width: 200px;
-    height: 50px;
-    border-radius: 20px;
-    background-color: #2288ee;
-    color: #FFF;
-    font-size: 20px;
-    font-weight: bold;
-    text-align: center;
-    line-height: 50px;
-    user-select: none;
+  width: 200px;
+  height: 50px;
+  border-radius: 20px;
+  background-color: #2288ee;
+  color: #fff;
+  font-size: 20px;
+  font-weight: bold;
+  text-align: center;
+  line-height: 50px;
+  user-select: none;
 }
 
 .emptyCreateButton:hover {
-    background-color: #1b77d2;
+  background-color: #1b77d2;
 }
 
 .emptyInfoContainer {
-    width: 100%;
-    height: 60px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    color: #353535;
+  width: 100%;
+  height: 60px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #353535;
 }
 
 .emptyInfoText {
-    font-size: 30px;
+  font-size: 30px;
 }
 
 .emptyInfoSubText {
-    font-size: 28px;
-}
\ No newline at end of file
+  font-size: 28px;
+}
diff --git a/web/src/app/home/components/home-sidebar/HomeSidebar.module.css b/web/src/app/home/components/home-sidebar/HomeSidebar.module.css
index e3d89955..c1ac4ff8 100644
--- a/web/src/app/home/components/home-sidebar/HomeSidebar.module.css
+++ b/web/src/app/home/components/home-sidebar/HomeSidebar.module.css
@@ -1,106 +1,105 @@
 .sidebarContainer {
-    box-sizing: border-box;
-    width: 11rem;
-    height: 100vh;
-    background-color: #eee;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: space-between;
-    padding-block: 1rem;
-    user-select: none;
-    /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); */
+  box-sizing: border-box;
+  width: 11rem;
+  height: 100vh;
+  background-color: #eee;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding-block: 1rem;
+  user-select: none;
+  /* box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); */
 }
 
 .langbotIconContainer {
-    width: 200px;
-    height: 70px;
+  width: 200px;
+  height: 70px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 0.8rem;
+
+  .langbotIcon {
+    width: 2.8rem;
+    height: 2.8rem;
+    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+  }
+
+  .langbotTextContainer {
     display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    gap: 0.8rem;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: flex-start;
+    gap: 0.1rem;
+  }
 
-    .langbotIcon {
-        width: 2.8rem;
-        height: 2.8rem;
-        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
-        border-radius: 8px;
-    }
+  .langbotText {
+    font-size: 1.4rem;
+    font-weight: 500;
+  }
 
-    .langbotTextContainer {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        justify-content: flex-start;
-        gap: 0.1rem;
-    }
-
-    .langbotText {
-        font-size: 1.4rem;
-        font-weight: 500;
-    }
-
-    .langbotVersion {
-        font-size: 0.8rem;
-        font-weight: 700;
-        color: #6C6C6C;
-    }
+  .langbotVersion {
+    font-size: 0.8rem;
+    font-weight: 700;
+    color: #6c6c6c;
+  }
 }
 
 .sidebarTopContainer {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 0.5rem;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
 }
 
-
 .sidebarChildContainer {
-    width: 9rem;
-    height: 3rem;
-    margin: 0.8rem 0;
-    padding-left: 1.6rem;
-    font-size: 1rem;
-    border-radius: 12px;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    cursor: pointer;
-    gap: 0.5rem;
+  width: 9rem;
+  height: 3rem;
+  margin: 0.8rem 0;
+  padding-left: 1.6rem;
+  font-size: 1rem;
+  border-radius: 12px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  cursor: pointer;
+  gap: 0.5rem;
 }
 
 .sidebarSelected {
-    background-color: #2288ee;
-    color: white;
-    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
+  background-color: #2288ee;
+  color: white;
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
 }
 
 .sidebarUnselected {
-    color: #6C6C6C;
+  color: #6c6c6c;
 }
 
 .sidebarChildIcon {
-    width: 20px;
-    height: 20px;
-    background-color: rgba(96, 149, 209, 0);
+  width: 20px;
+  height: 20px;
+  background-color: rgba(96, 149, 209, 0);
 }
 
 .sidebarBottomContainer {
-    width: 100%;
-    height: 100px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+  width: 100%;
+  height: 100px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 
 .sidebarBottomChildContainer {
-    width: 100%;
-    height: 50px;
-    display: flex;
-    flex-direction: row;
-}
\ No newline at end of file
+  width: 100%;
+  height: 50px;
+  display: flex;
+  flex-direction: row;
+}
diff --git a/web/src/app/home/components/home-sidebar/HomeSidebarChild.tsx b/web/src/app/home/components/home-sidebar/HomeSidebarChild.tsx
index b75f4ac6..ad6ac574 100644
--- a/web/src/app/home/components/home-sidebar/HomeSidebarChild.tsx
+++ b/web/src/app/home/components/home-sidebar/HomeSidebarChild.tsx
@@ -37,7 +37,9 @@ export function SidebarChild({
 }) {
   return (
     <div
-      className={`${styles.sidebarChildContainer} ${isSelected ? styles.sidebarSelected : styles.sidebarUnselected}`}
+      className={`${styles.sidebarChildContainer} ${
+        isSelected ? styles.sidebarSelected : styles.sidebarUnselected
+      }`}
       onClick={onClick}
     >
       <div className={`${styles.sidebarChildIcon}`}>{icon}</div>
diff --git a/web/src/app/home/components/home-titlebar/HomeTittleBar.module.css b/web/src/app/home/components/home-titlebar/HomeTittleBar.module.css
index c483a381..a7249c0d 100644
--- a/web/src/app/home/components/home-titlebar/HomeTittleBar.module.css
+++ b/web/src/app/home/components/home-titlebar/HomeTittleBar.module.css
@@ -1,24 +1,24 @@
 .titleBarContainer {
-    width: 100%;
-    padding-top: 0.8rem;
-    height: 4rem;
-    opacity: 1;
-    font-size: 20px;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: center;
+  width: 100%;
+  padding-top: 0.8rem;
+  height: 4rem;
+  opacity: 1;
+  font-size: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
 }
 
 .titleText {
-    margin-left: 3.2rem;
-    font-size: 1.4rem;
-    font-weight: 500;
-    color: #585858;
+  margin-left: 3.2rem;
+  font-size: 1.4rem;
+  font-weight: 500;
+  color: #585858;
 }
 
 .subtitleText {
-    margin-left: 3.2rem;
-    font-size: 0.8rem;
-    color: #808080;
-}
\ No newline at end of file
+  margin-left: 3.2rem;
+  font-size: 0.8rem;
+  color: #808080;
+}
diff --git a/web/src/app/home/layout.module.css b/web/src/app/home/layout.module.css
index 0c48d4f3..78a11beb 100644
--- a/web/src/app/home/layout.module.css
+++ b/web/src/app/home/layout.module.css
@@ -1,32 +1,32 @@
 /* 主布局容器 */
 .homeLayoutContainer {
-    width: 100vw;
-    height: 100vh;
-    display: flex;
-    flex-direction: row;
-    background-color: #eee;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: row;
+  background-color: #eee;
 }
 
 /* 主内容区域 */
 .main {
-    background-color: #fafafa;
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    /* height: 100vh; */
-    width: calc(100% - 1.2rem);
-    height: calc(100% - 1.2rem);
-    overflow: hidden;
-    border-radius: 1.5rem 0 0 1.5rem;
-    margin-left: 0.6rem;
-    margin-top: 0.6rem;
-    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
+  background-color: #fafafa;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  /* height: 100vh; */
+  width: calc(100% - 1.2rem);
+  height: calc(100% - 1.2rem);
+  overflow: hidden;
+  border-radius: 1.5rem 0 0 1.5rem;
+  margin-left: 0.6rem;
+  margin-top: 0.6rem;
+  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
 }
 
 .mainContent {
-    padding: 1.5rem;
-    padding-left: 2rem;
-    flex: 1;
-    overflow-y: auto;
-    background-color: #fafafa;
-}
\ No newline at end of file
+  padding: 1.5rem;
+  padding-left: 2rem;
+  flex: 1;
+  overflow-y: auto;
+  background-color: #fafafa;
+}
diff --git a/web/src/app/home/models/LLMConfig.module.css b/web/src/app/home/models/LLMConfig.module.css
index cac172b8..ce6c689a 100644
--- a/web/src/app/home/models/LLMConfig.module.css
+++ b/web/src/app/home/models/LLMConfig.module.css
@@ -1,19 +1,19 @@
 .modelListContainer {
-    width: 100%;
-    padding-left: 0.8rem;
-    padding-right: 0.8rem;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
-    gap: 2rem;
-    justify-items: stretch;
-    align-items: start;
+  width: 100%;
+  padding-left: 0.8rem;
+  padding-right: 0.8rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
+  gap: 2rem;
+  justify-items: stretch;
+  align-items: start;
 }
 
 .emptyContainer {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
diff --git a/web/src/app/home/models/component/llm-card/LLMCard.module.css b/web/src/app/home/models/component/llm-card/LLMCard.module.css
index 05a50662..f33fea99 100644
--- a/web/src/app/home/models/component/llm-card/LLMCard.module.css
+++ b/web/src/app/home/models/component/llm-card/LLMCard.module.css
@@ -1,120 +1,120 @@
 .cardContainer {
-    width: 100%;
-    height: 10rem;
-    background-color: #fff;
-    border-radius: 10px;
-    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
-    padding: 1.2rem;
-    cursor: pointer;
+  width: 100%;
+  height: 10rem;
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
+  padding: 1.2rem;
+  cursor: pointer;
 }
 
 .cardContainer:hover {
-    box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
 }
 
 .iconBasicInfoContainer {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    gap: 0.8rem;
-    user-select: none;
-    /* background-color: aqua; */
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: row;
+  gap: 0.8rem;
+  user-select: none;
+  /* background-color: aqua; */
 }
 
 .iconImage {
-    width: 3.8rem;
-    height: 3.8rem;
-    margin: 0.2rem;
-    border-radius: 50%;
+  width: 3.8rem;
+  height: 3.8rem;
+  margin: 0.2rem;
+  border-radius: 50%;
 }
 
 .basicInfoContainer {
-    display: flex;
-    flex-direction: column;
-    gap: 0.2rem;
-    width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
+  width: 100%;
 }
 
 .basicInfoText {
-    font-size: 1.4rem;
-    font-weight: bold;
+  font-size: 1.4rem;
+  font-weight: bold;
 }
 
 .providerContainer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.2rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.2rem;
 }
 
 .providerIcon {
-    width: 1.2rem;
-    height: 1.2rem;
-    margin-top: 0.2rem;
-    color: #626262;
+  width: 1.2rem;
+  height: 1.2rem;
+  margin-top: 0.2rem;
+  color: #626262;
 }
 
 .providerLabel {
-    font-size: 1.2rem;
-    font-weight: 600;
-    color: #626262;
+  font-size: 1.2rem;
+  font-weight: 600;
+  color: #626262;
 }
 
 .baseURLContainer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.2rem;
-    width: calc(100% - 3rem);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.2rem;
+  width: calc(100% - 3rem);
 }
 
 .baseURLIcon {
-    width: 1.2rem;
-    height: 1.2rem;
-    color: #626262;
+  width: 1.2rem;
+  height: 1.2rem;
+  color: #626262;
 }
 
 .baseURLText {
-    font-size: 1rem;
-    width: 100%;
-    color: #626262;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    max-width: 100%;
+  font-size: 1rem;
+  width: 100%;
+  color: #626262;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
 }
 
 .abilitiesContainer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.4rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.4rem;
 }
 
 .abilityBadge {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 0.2rem;
-    height: 1.5rem;
-    padding: 0.5rem;
-    border-radius: 0.8rem;
-    background-color: #66baff80;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.2rem;
+  height: 1.5rem;
+  padding: 0.5rem;
+  border-radius: 0.8rem;
+  background-color: #66baff80;
 }
 
 .abilityIcon {
-    width: 1rem;
-    height: 1rem;
-    color: #2288ee;
+  width: 1rem;
+  height: 1rem;
+  color: #2288ee;
 }
 
 .abilityLabel {
-    font-size: 0.8rem;
-    font-weight: 400;
-    color: #2288ee;
-}
\ No newline at end of file
+  font-size: 0.8rem;
+  font-weight: 400;
+  color: #2288ee;
+}
diff --git a/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css b/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
index 0722a3c8..43e14b4c 100644
--- a/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
+++ b/web/src/app/home/pipelines/components/pipeline-card/pipelineCard.module.css
@@ -1,90 +1,90 @@
 .cardContainer {
-    width: 100%;
-    height: 10rem;
-    background-color: #fff;
-    border-radius: 10px;
-    box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
-    padding: 1.2rem;
-    cursor: pointer;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    gap:0.5rem;
+  width: 100%;
+  height: 10rem;
+  background-color: #fff;
+  border-radius: 10px;
+  box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.2);
+  padding: 1.2rem;
+  cursor: pointer;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  gap: 0.5rem;
 }
 
 .cardContainer:hover {
-    box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 2px 8px 0 rgba(0, 0, 0, 0.1);
 }
 
 .basicInfoContainer {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: 0.4rem;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 0.4rem;
 }
 
 .basicInfoNameContainer {
-    display: flex;
-    flex-direction: column;
-    gap: 0.2rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.2rem;
 }
 
 .basicInfoNameText {
-    font-size: 1.4rem;
-    font-weight: 500;
+  font-size: 1.4rem;
+  font-weight: 500;
 }
 
 .basicInfoDescriptionText {
-    font-size: 0.9rem;
-    font-weight: 400;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    color: #b1b1b1;
+  font-size: 0.9rem;
+  font-weight: 400;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: #b1b1b1;
 }
 
 .basicInfoLastUpdatedTimeContainer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    gap: 0.5rem;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
 }
 
 .basicInfoUpdateTimeIcon {
-    width: 1.2rem;
-    height: 1.2rem;
+  width: 1.2rem;
+  height: 1.2rem;
 }
 
 .basicInfoUpdateTimeText {
-    font-size: 1rem;
-    font-weight: 400;
+  font-size: 1rem;
+  font-weight: 400;
 }
 
 .operationContainer {
-    display: flex;
-    flex-direction: row;
-    gap: 0.5rem;
-    width: 5rem;
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  width: 5rem;
 }
 
 .operationDefaultBadge {
-    display: flex;
-    flex-direction: row;
-    gap: 0.5rem;
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
 }
 
 .operationDefaultBadgeIcon {
-    width: 1.2rem;
-    height: 1.2rem;
-    color: #ffcd27;
+  width: 1.2rem;
+  height: 1.2rem;
+  color: #ffcd27;
 }
 
 .operationDefaultBadgeText {
-    font-size: 1rem;
-    font-weight: 400;
-    color: #ffcd27;
+  font-size: 1rem;
+  font-weight: 400;
+  color: #ffcd27;
 }
diff --git a/web/src/app/home/pipelines/components/pipeline-form/pipelineFormStyle.module.css b/web/src/app/home/pipelines/components/pipeline-form/pipelineFormStyle.module.css
index f1b052f4..a0e86c89 100644
--- a/web/src/app/home/pipelines/components/pipeline-form/pipelineFormStyle.module.css
+++ b/web/src/app/home/pipelines/components/pipeline-form/pipelineFormStyle.module.css
@@ -1,12 +1,12 @@
 .formItemSubtitle {
-    font-size: 18px;
-    font-weight: bold;
-    margin-bottom: 10px;
+  font-size: 18px;
+  font-weight: bold;
+  margin-bottom: 10px;
 }
 
 .changeFormButtonGroupContainer {
-    width: 320px;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
+  width: 320px;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
 }
diff --git a/web/src/app/home/pipelines/pipelineConfig.module.css b/web/src/app/home/pipelines/pipelineConfig.module.css
index 8330b40c..a5ef835c 100644
--- a/web/src/app/home/pipelines/pipelineConfig.module.css
+++ b/web/src/app/home/pipelines/pipelineConfig.module.css
@@ -1,16 +1,15 @@
 .configPageContainer {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
-
 .pipelineListContainer {
-    width: 100%;
-    padding-left: 0.8rem;
-    padding-right: 0.8rem;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
-    gap: 2rem;
-    justify-items: stretch;
-    align-items: start;
+  width: 100%;
+  padding-left: 0.8rem;
+  padding-right: 0.8rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
+  gap: 2rem;
+  justify-items: stretch;
+  align-items: start;
 }
diff --git a/web/src/app/home/plugins/plugins.module.css b/web/src/app/home/plugins/plugins.module.css
index e2018423..54ede1c6 100644
--- a/web/src/app/home/plugins/plugins.module.css
+++ b/web/src/app/home/plugins/plugins.module.css
@@ -1,21 +1,20 @@
 .pageContainer {
-    width: 100%;
+  width: 100%;
 }
 
-
 .marketComponentBody {
-    width: 100%;
-    height: calc(100% - 60px);
+  width: 100%;
+  height: calc(100% - 60px);
 }
 
 .pluginListContainer {
-    width: 100%;
-    padding-left: 0.8rem;
-    padding-right: 0.8rem;
-    padding-top: 2rem;
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
-    gap: 2rem;
-    justify-items: stretch;
-    align-items: start;
-}
\ No newline at end of file
+  width: 100%;
+  padding-left: 0.8rem;
+  padding-right: 0.8rem;
+  padding-top: 2rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(24rem, 1fr));
+  gap: 2rem;
+  justify-items: stretch;
+  align-items: start;
+}
diff --git a/web/src/app/infra/basic-component/create-card-component/createCartComponent.module.css b/web/src/app/infra/basic-component/create-card-component/createCartComponent.module.css
index 180f79db..2c7242e6 100644
--- a/web/src/app/infra/basic-component/create-card-component/createCartComponent.module.css
+++ b/web/src/app/infra/basic-component/create-card-component/createCartComponent.module.css
@@ -1,19 +1,19 @@
 .cardContainer {
-    background-color: #FFF;
-    border-radius: 9px;
-    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: space-evenly;
-    cursor: pointer;
+  background-color: #fff;
+  border-radius: 9px;
+  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-evenly;
+  cursor: pointer;
 }
 
 .cardContainer:hover {
-    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
 }
 
 .createCardContainer {
-    font-size: 90px;
-    color: #acacac;
-}
\ No newline at end of file
+  font-size: 90px;
+  color: #acacac;
+}