From b7944391dbb37b72cf56d4234950c441efcbac0d Mon Sep 17 00:00:00 2001
From: chase <byzhangxin11@126.com>
Date: Wed, 31 Dec 2025 14:24:10 +0800
Subject: [PATCH 01/15] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E6=B8=85=E6=B4=97=E7=AD=9B=E9=80=89=E9=80=BB=E8=BE=91-?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E4=BF=AE=E6=94=B9=E4=B8=BA=E5=A4=9A=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Create/components/OperatorLibrary.tsx     | 124 +++++++-----------
 1 file changed, 48 insertions(+), 76 deletions(-)

diff --git a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
index 0792e9a8..7611fb09 100644
--- a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
+++ b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
@@ -100,52 +100,43 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
   const [searchTerm, setSearchTerm] = useState("");
   const [showFavorites, setShowFavorites] = useState(false);
   const [favorites, setFavorites] = useState<Set<string>>(new Set());
-  const [selectedCategory, setSelectedCategory] = useState<string>("all");
-  const [expandedCategories, setExpandedCategories] = useState<Set<string>>(
-    new Set([])
-  );
+  const [selectedCategory, setSelectedCategory] = useState<string[]>([]);
+
+  const [operatorListFiltered, setOperatorListFiltered] = useState<OperatorI[]>([]);
+
+  const hasCommon = (arr1: string[], arr2: string[]) => {
+    const set1 = new Set(arr1);
+    return arr2.some(item => set1.has(item));
+  }
 
   // 按分类分组
   const groupedOperators = useMemo(() => {
     const groups: { [key: string]: OperatorI[] } = {};
+    let operatorFilteredList = [];
     categoryOptions.forEach((cat: any) => {
       groups[cat.name] = {
         ...cat,
         operators: operatorList.filter((op) => op.categories?.includes(cat.id)),
       };
     });
-
-    if (selectedCategory && selectedCategory !== "all") {
-      Object.keys(groups).forEach((key) => {
-        if (groups[key].id !== selectedCategory) {
-          delete groups[key];
-        }
-      });
+    if (selectedCategory.length) {
+      operatorFilteredList = operatorList.filter((op) => hasCommon(op.categories || [], selectedCategory));
+    } else {
+      operatorFilteredList = [...operatorList];
     }
 
     if (searchTerm) {
-      Object.keys(groups).forEach((key) => {
-        groups[key].operators = groups[key].operators.filter((operator) =>
-          operator.name.toLowerCase().includes(searchTerm.toLowerCase())
-        );
-        if (groups[key].operators.length === 0) {
-          delete groups[key];
-        }
-      });
+      operatorFilteredList = operatorFilteredList.filter(operator => 
+        operator.name.toLowerCase().includes(searchTerm.toLowerCase())
+      );
     }
 
     if (showFavorites) {
-      Object.keys(groups).forEach((key) => {
-        groups[key].operators = groups[key].operators.filter((operator) =>
-          favorites.has(operator.id)
-        );
-        if (groups[key].operators.length === 0) {
-          delete groups[key];
-        }
-      });
+      operatorFilteredList = operatorFilteredList.filter((operator) =>
+        favorites.has(operator.id)
+      );
     }
-
-    setExpandedCategories(new Set(Object.keys(groups)));
+    setOperatorListFiltered([...operatorFilteredList]);
     return groups;
   }, [categoryOptions, selectedCategory, searchTerm, showFavorites]);
 
@@ -195,12 +186,12 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
       <div className="pb-4 border-b border-gray-200">
         <span className="flex items-center font-semibold text-base">
           <Layers className="w-4 h-4 mr-2" />
-          算子库({filteredOperators.length})
+          算子库({operatorList.length})
         </span>
       </div>
       <div className="flex flex-col h-full pt-4 pr-4 overflow-hidden">
         {/* 过滤器 */}
-        <div className="flex flex-wrap gap-2 border-b border-gray-100 pb-4">
+        <div className="flex flex-wrap gap-2 border-b border-gray-100 pb-2">
           <Input
             prefix={<SearchOutlined />}
             placeholder="搜索算子名称..."
@@ -210,8 +201,10 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
           />
           <Select
             value={selectedCategory}
-            options={[{ label: "全部分类", value: "all" }, ...categoryOptions]}
+            options={[...categoryOptions]}
             onChange={setSelectedCategory}
+            mode="multiple"
+            allowClear
             className="flex-1"
             placeholder="选择分类"
           ></Select>
@@ -227,53 +220,32 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
               )}
             </span>
           </Tooltip>
+          <div className="flex items-center justify-right w-full">
+            <Button
+              type="link"
+              size="small"
+              onClick={(e) => {
+                e.stopPropagation();
+                handleSelectAll(operatorListFiltered);
+              }}
+            >
+              全选
+              <Tag>{operatorListFiltered.length}</Tag>
+            </Button>
+          </div>
         </div>
         {/* 算子列表 */}
         <div className="flex-1 overflow-auto">
-          {/* 分类算子 */}
-          <Collapse
-            ghost
-            activeKey={Array.from(expandedCategories)}
-            onChange={(keys) =>
-              setExpandedCategories(
-                new Set(Array.isArray(keys) ? keys : [keys])
-              )
-            }
-          >
-            {Object.entries(groupedOperators).map(([key, category]) => (
-              <Collapse.Panel
-                key={key}
-                header={
-                  <div className="flex items-center justify-between w-full">
-                    <span className="flex items-center gap-2">
-                      <span>{category.name}</span>
-                      <Tag>{category.operators.length}</Tag>
-                    </span>
-                    <Button
-                      type="link"
-                      size="small"
-                      onClick={(e) => {
-                        e.stopPropagation();
-                        handleSelectAll(category.operators);
-                      }}
-                    >
-                      全选
-                    </Button>
-                  </div>
-                }
-              >
-                <OperatorList
-                  selectedOperators={selectedOperators}
-                  operators={category.operators}
-                  favorites={favorites}
-                  toggleOperator={toggleOperator}
-                  onDragOperator={handleDragStart}
-                  toggleFavorite={toggleFavorite}
-                />
-              </Collapse.Panel>
-            ))}
-          </Collapse>
-          {filteredOperators.length === 0 && (
+          <OperatorList
+            selectedOperators={selectedOperators}
+            operators={operatorListFiltered}
+            favorites={favorites}
+            toggleOperator={toggleOperator}
+            onDragOperator={handleDragStart}
+            toggleFavorite={toggleFavorite}
+          />
+
+          {operatorListFiltered.length === 0 && (
             <div className="text-center py-8 text-gray-400">
               <SearchOutlined className="text-3xl mb-2 opacity-50" />
               <div>未找到匹配的算子</div>

From 4dca1c1f95c84841351b9387ee29885ea68a2d76 Mon Sep 17 00:00:00 2001
From: chase <byzhangxin11@126.com>
Date: Wed, 31 Dec 2025 15:33:18 +0800
Subject: [PATCH 02/15] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E6=B8=85=E6=B4=97=E7=AD=9B=E9=80=89=E9=80=BB=E8=BE=91-?=
 =?UTF-8?q?=E7=AD=9B=E9=80=89=E4=BF=AE=E6=94=B9=E4=B8=BA=E5=A4=9A=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/DataCleansing/Create/components/OperatorLibrary.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
index 7611fb09..800c784f 100644
--- a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
+++ b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
@@ -201,7 +201,7 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
           />
           <Select
             value={selectedCategory}
-            options={[...categoryOptions]}
+            options={[...categoryOptions.filter(item => item.name !== '已收藏')]}
             onChange={setSelectedCategory}
             mode="multiple"
             allowClear

From bac789bc1e6be051a7e1d899b0a8180e9bad13f9 Mon Sep 17 00:00:00 2001
From: chase <byzhangxin11@126.com>
Date: Wed, 31 Dec 2025 16:30:09 +0800
Subject: [PATCH 03/15] =?UTF-8?q?antd=20=E7=BB=84=E4=BB=B6=E5=BA=93?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=AE=9A=E5=88=B6=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/main.tsx                  | 17 ++++++++++-------
 frontend/src/theme/components/menus.ts |  7 +++++++
 frontend/src/theme/components/table.ts |  6 ++++++
 frontend/src/theme/index.ts            | 10 ++++++++++
 4 files changed, 33 insertions(+), 7 deletions(-)
 create mode 100644 frontend/src/theme/components/menus.ts
 create mode 100644 frontend/src/theme/components/table.ts
 create mode 100644 frontend/src/theme/index.ts

diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 4537c90e..2a96cbcf 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -2,21 +2,24 @@ import { StrictMode, Suspense } from "react";
 import { createRoot } from "react-dom/client";
 import { RouterProvider } from "react-router";
 import router from "./routes/routes";
-import { App as AntdApp, Spin } from "antd";
+import { App as AntdApp, Spin, ConfigProvider } from "antd";
 import "./index.css";
 import TopLoadingBar from "./components/TopLoadingBar";
 import { store } from "./store";
 import { Provider } from "react-redux";
+import theme from "./theme";
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <Provider store={store}>
-      <AntdApp>
-        <Suspense fallback={<Spin />}>
-          <TopLoadingBar />
-          <RouterProvider router={router} />
-        </Suspense>
-      </AntdApp>
+      <ConfigProvider theme={ theme }>
+        <AntdApp>
+          <Suspense fallback={<Spin />}>
+            <TopLoadingBar />
+            <RouterProvider router={router} />
+          </Suspense>
+        </AntdApp>
+      </ConfigProvider>
     </Provider>
   </StrictMode>
 );
diff --git a/frontend/src/theme/components/menus.ts b/frontend/src/theme/components/menus.ts
new file mode 100644
index 00000000..d39ade22
--- /dev/null
+++ b/frontend/src/theme/components/menus.ts
@@ -0,0 +1,7 @@
+const menuTheme = {
+    itemColor: 'rgba(55, 65, 81, 1)',
+    itemSelectedColor: 'rgba(29, 78, 216, 1)',
+    itemSelectedBg: 'rgb(219, 234, 254)',
+    itemBorderRadius: 6,
+};
+export default menuTheme;
\ No newline at end of file
diff --git a/frontend/src/theme/components/table.ts b/frontend/src/theme/components/table.ts
new file mode 100644
index 00000000..fb0db268
--- /dev/null
+++ b/frontend/src/theme/components/table.ts
@@ -0,0 +1,6 @@
+const tableTheme = {
+    rowSelectedHoverBg: '#F7F9FB',
+    headerColor: 'rgba(100, 116, 139, 1)',
+    headerBg: '#fff',
+};
+export default tableTheme;
\ No newline at end of file
diff --git a/frontend/src/theme/index.ts b/frontend/src/theme/index.ts
new file mode 100644
index 00000000..c6890df5
--- /dev/null
+++ b/frontend/src/theme/index.ts
@@ -0,0 +1,10 @@
+import menuTheme from "./components/menus";
+import tableTheme from "./components/table";
+
+const theme = {
+    components: {
+        Menu: menuTheme,
+        Table: tableTheme,
+    },
+};
+export default theme;
\ No newline at end of file

From 0e4461a91e810ef9bf9c725814c89063985f4ec2 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Sun, 4 Jan 2026 15:42:10 +0800
Subject: [PATCH 04/15] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/DataCleansing/Home/components/TaskList.tsx  | 8 +++++++-
 .../pages/DataCleansing/Home/components/TemplateList.tsx  | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx b/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx
index 7c08b2bc..f188db9b 100644
--- a/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx
+++ b/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx
@@ -20,11 +20,12 @@ import {
   queryCleaningTasksUsingGet,
   stopCleaningTaskUsingPost,
 } from "../../cleansing.api";
+import { Eye } from "lucide-react";
 
 export default function TaskList() {
   const navigate = useNavigate();
   const { message } = App.useApp();
-  const [viewMode, setViewMode] = useState<"card" | "list">("list");
+  const [viewMode, setViewMode] = useState<"card" | "list">("card");
   const filterOptions = [
     {
       key: "status",
@@ -69,6 +70,7 @@ export default function TaskList() {
       TaskStatus.FAILED,
       TaskStatus.STOPPED,
     ].includes(record.status?.value);
+    const isComplete = record.status?.value === TaskStatus.COMPLETED;
     const pauseBtn = {
       key: "pause",
       label: "暂停",
@@ -80,12 +82,16 @@ export default function TaskList() {
       key: "start",
       label: "启动",
       icon: isRunning ? <PauseCircleOutlined /> : <PlayCircleOutlined />,
+      disabled: isComplete,
       onClick: startTask, // implement pause/play logic
     };
     return [
       ...(isRunning
         ? [ pauseBtn ]
         : []),
+      ...(isComplete
+        ? [ startBtn ]
+        : []),
       ...(showStart
         ? [ startBtn ]
         : []),
diff --git a/frontend/src/pages/DataCleansing/Home/components/TemplateList.tsx b/frontend/src/pages/DataCleansing/Home/components/TemplateList.tsx
index 76fdf85c..c75d30a9 100644
--- a/frontend/src/pages/DataCleansing/Home/components/TemplateList.tsx
+++ b/frontend/src/pages/DataCleansing/Home/components/TemplateList.tsx
@@ -14,7 +14,7 @@ import {useState} from "react";
 export default function TemplateList() {
   const navigate = useNavigate();
   const { message } = App.useApp();
-  const [viewMode, setViewMode] = useState<"card" | "list">("list");
+  const [viewMode, setViewMode] = useState<"card" | "list">("card");
 
   const {
     loading,

From 031c51fb448578740e9b9d1a85620f389d894487 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Sun, 4 Jan 2026 20:35:41 +0800
Subject: [PATCH 05/15] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package-lock.json                    |  13 +-
 frontend/package.json                         |   3 +-
 frontend/src/components/Card.tsx              |  79 ++++++++++
 .../Detail/components/FileTable.tsx           |   6 +-
 .../Detail/components/OperatorTable.tsx       | 136 ++++++++++++++++--
 .../Home/components/TaskList.tsx              |   6 +-
 .../pages/DataCleansing/cleansing.const.tsx   |   2 +-
 frontend/src/utils/utils.ts                   |   6 +
 .../sql_manager/persistence_atction.py        |   4 +-
 9 files changed, 228 insertions(+), 27 deletions(-)
 create mode 100644 frontend/src/components/Card.tsx
 create mode 100644 frontend/src/utils/utils.ts

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index f48ffc74..3f64bf18 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -17,7 +17,8 @@
         "react-dom": "^18.1.1",
         "react-redux": "^9.2.0",
         "react-router": "^7.8.0",
-        "recharts": "2.15.0"
+        "recharts": "2.15.0",
+        "tailwind-merge": "^3.4.0"
       },
       "devDependencies": {
         "@eslint/js": "^9.33.0",
@@ -6662,6 +6663,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/tailwind-merge": {
+      "version": "3.4.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/tailwind-merge/-/tailwind-merge-3.4.0.tgz",
+      "integrity": "sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
     "node_modules/tailwindcss": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.12.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 5d44f3ba..dd97cc6c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -20,7 +20,8 @@
     "react-dom": "^18.1.1",
     "react-redux": "^9.2.0",
     "react-router": "^7.8.0",
-    "recharts": "2.15.0"
+    "recharts": "2.15.0",
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",
diff --git a/frontend/src/components/Card.tsx b/frontend/src/components/Card.tsx
new file mode 100644
index 00000000..9f7dd290
--- /dev/null
+++ b/frontend/src/components/Card.tsx
@@ -0,0 +1,79 @@
+import * as React from "react"
+
+import { cn } from "@/utils/utils"
+
+const Card = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+Card.displayName = "Card"
+
+const CardHeader = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex flex-col space-y-1.5 p-6", className)}
+    {...props}
+  />
+))
+CardHeader.displayName = "CardHeader"
+
+const CardTitle = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    )}
+    {...props}
+  />
+))
+CardTitle.displayName = "CardTitle"
+
+const CardDescription = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+))
+CardDescription.displayName = "CardDescription"
+
+const CardContent = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
+))
+CardContent.displayName = "CardContent"
+
+const CardFooter = React.forwardRef<
+  HTMLDivElement,
+  React.HTMLAttributes<HTMLDivElement>
+>(({ className, ...props }, ref) => (
+  <div
+    ref={ref}
+    className={cn("flex items-center p-6 pt-0", className)}
+    {...props}
+  />
+))
+CardFooter.displayName = "CardFooter"
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/frontend/src/pages/DataCleansing/Detail/components/FileTable.tsx b/frontend/src/pages/DataCleansing/Detail/components/FileTable.tsx
index f40f40c7..833dad4b 100644
--- a/frontend/src/pages/DataCleansing/Detail/components/FileTable.tsx
+++ b/frontend/src/pages/DataCleansing/Detail/components/FileTable.tsx
@@ -40,10 +40,10 @@ export default function FileTable({result, fetchTaskResult}) {
   };
 
   function formatFileSize(bytes: number, decimals: number = 2): string {
-    if (bytes === 0) return '0 Bytes';
+    if (bytes === 0) return '0 B';
 
     const k = 1024;
-    const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
 
     const i = Math.floor(Math.log(bytes) / Math.log(k));
 
@@ -217,7 +217,7 @@ export default function FileTable({result, fetchTaskResult}) {
       onFilter: (value: string, record: any) =>
         record.destType.toLowerCase().includes(value.toLowerCase()),
       render: (text: string) => (
-        <span className="font-mono text-sm">{text}</span>
+        <span className="font-mono text-sm">{text || "-"}</span>
       ),
     },
     {
diff --git a/frontend/src/pages/DataCleansing/Detail/components/OperatorTable.tsx b/frontend/src/pages/DataCleansing/Detail/components/OperatorTable.tsx
index dc556bba..0fa84be7 100644
--- a/frontend/src/pages/DataCleansing/Detail/components/OperatorTable.tsx
+++ b/frontend/src/pages/DataCleansing/Detail/components/OperatorTable.tsx
@@ -1,25 +1,131 @@
-import {Steps, Typography} from "antd";
+import {Badge, Button, Input, Table, Typography} from "antd";
 import {useNavigate} from "react-router";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/Card"
+import { GitBranch } from "lucide-react";
 
 export default function OperatorTable({ task }: { task: any }) {
   const navigate = useNavigate();
 
+  const operatorColumns = [
+    {
+      title: "序号",
+      dataIndex: "index",
+      key: "index",
+      width: 80,
+      render: (text: any, record: any, index: number) => index + 1,
+    },
+    {
+      title: "算子名称",
+      dataIndex: "name",
+      key: "name",
+      render: (text, record) => (
+        <Typography.Link
+          onClick={() => navigate(`/data/operator-market/plugin-detail/${record.id}`)}
+        >
+          {text}
+        </Typography.Link>
+      ),
+      filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }: any) => (
+        <div className="p-4 w-64">
+          <Input
+            placeholder="搜索算子名称"
+            value={selectedKeys[0]}
+            onChange={(e) => setSelectedKeys(e.target.value ? [e.target.value] : [])}
+            onPressEnter={() => confirm()}
+            className="mb-2"
+          />
+          <div className="flex gap-2">
+            <Button size="sm" onClick={() => confirm()}>
+              搜索
+            </Button>
+            <Button size="sm" onClick={() => clearFilters()}>
+              重置
+            </Button>
+          </div>
+        </div>
+      ),
+      onFilter: (value: string, record: any) => record.name.toLowerCase().includes(value.toLowerCase()),
+    },
+    {
+      title: "开始时间",
+      dataIndex: "startTime",
+      key: "startTime",
+      sorter: (a: any, b: any) => new Date(a.startTime).getTime() - new Date(b.startTime).getTime(),
+    },
+    {
+      title: "结束时间",
+      dataIndex: "endTime",
+      key: "endTime",
+      sorter: (a: any, b: any) => new Date(a.endTime).getTime() - new Date(b.endTime).getTime(),
+    },
+    {
+      title: "执行时长",
+      dataIndex: "duration",
+      key: "duration",
+    },
+    {
+      title: "处理文件数",
+      dataIndex: "processedFiles",
+      key: "processedFiles",
+      sorter: (a: any, b: any) => a.processedFiles - b.processedFiles,
+    },
+    {
+      title: "成功率",
+      dataIndex: "successRate",
+      key: "successRate",
+      sorter: (a: any, b: any) => a.successRate - b.successRate,
+      render: (rate: number) => `${rate}%`,
+    },
+    {
+      title: "状态",
+      dataIndex: "status",
+      key: "status",
+      filters: [
+        { text: "已完成", value: "已完成" },
+        { text: "失败", value: "失败" },
+        { text: "运行中", value: "运行中" },
+      ],
+      onFilter: (value: string, record: any) => record.status === value,
+      render: (status: string) => (
+        <Badge
+          status={
+            status === "已完成"
+              ? "success"
+              : status === "运行中"
+              ? "processing"
+              : "error"
+          }
+          text={status}
+        />
+      ),
+    },
+  ]
+
   return task?.instance?.length > 0 && (
     <>
-        <Steps
-          progressDot
-          direction="vertical"
-          items={Object.values(task?.instance).map((item) => ({
-            title: <Typography.Link
-              onClick={() => navigate(`/data/operator-market/plugin-detail/${item?.id}`)}
-            >
-              {item?.name}
-            </Typography.Link>,
-            description: item?.description,
-            status: "finish"
-          }))}
-          className="overflow-auto"
-        />
+        <Card className="bg-white/70 backdrop-blur-sm border-0 shadow-lg">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <GitBranch className="w-5 h-5 text-purple-600" />
+              算子执行报告
+            </CardTitle>
+            <CardDescription>每个算子的详细执行情况</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <Table columns={operatorColumns} dataSource={Object.values(task?.instance).map((item) => ({
+              id: item?.id,
+              name: item?.name,
+              startTime: new Date(task?.startedAt).toLocaleTimeString(),
+              endTime: task?.finishedAt
+                ? new Date(task.finishedAt).toLocaleTimeString()
+                : '-',
+              duration: task.duration,
+              status: task.status.label,
+              processedFiles: task.progress.finishedFileNum,
+              successRate: task?.progress.successRate,
+            }))} pagination={false} size="middle" />
+          </CardContent>
+        </Card>
     </>
   );
 }
diff --git a/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx b/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx
index f188db9b..61922280 100644
--- a/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx
+++ b/frontend/src/pages/DataCleansing/Home/components/TaskList.tsx
@@ -20,7 +20,6 @@ import {
   queryCleaningTasksUsingGet,
   stopCleaningTaskUsingPost,
 } from "../../cleansing.api";
-import { Eye } from "lucide-react";
 
 export default function TaskList() {
   const navigate = useNavigate();
@@ -89,10 +88,7 @@ export default function TaskList() {
       ...(isRunning
         ? [ pauseBtn ]
         : []),
-      ...(isComplete
-        ? [ startBtn ]
-        : []),
-      ...(showStart
+      ...(showStart || isComplete
         ? [ startBtn ]
         : []),
       {
diff --git a/frontend/src/pages/DataCleansing/cleansing.const.tsx b/frontend/src/pages/DataCleansing/cleansing.const.tsx
index f2027c25..a12a7d07 100644
--- a/frontend/src/pages/DataCleansing/cleansing.const.tsx
+++ b/frontend/src/pages/DataCleansing/cleansing.const.tsx
@@ -59,7 +59,7 @@ export const TaskStatusMap = {
     icon: <ClockCircleOutlined />,
   },
   [TaskStatus.RUNNING]: {
-    label: "进行中",
+    label: "运行中",
     value: TaskStatus.RUNNING,
     color: "blue",
     icon: <PlayCircleOutlined />,
diff --git a/frontend/src/utils/utils.ts b/frontend/src/utils/utils.ts
new file mode 100644
index 00000000..d084ccad
--- /dev/null
+++ b/frontend/src/utils/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/runtime/python-executor/datamate/sql_manager/persistence_atction.py b/runtime/python-executor/datamate/sql_manager/persistence_atction.py
index 4c425db3..9137f26f 100644
--- a/runtime/python-executor/datamate/sql_manager/persistence_atction.py
+++ b/runtime/python-executor/datamate/sql_manager/persistence_atction.py
@@ -25,7 +25,9 @@ def load_sql_dict():
         with open(sql_config_path, 'r', encoding='utf-8') as f:
             return json.load(f)
 
-    def update_task_result(self, sample, file_id = str(uuid.uuid4())):
+    def update_task_result(self, sample, file_id = None):
+        if file_id is None:
+            file_id = str(uuid.uuid4())
         instance_id = str(sample.get("instance_id"))
         src_file_name = str(sample.get("sourceFileName"))
         src_file_type = str(sample.get("sourceFileType"))

From 32501197a4be0cc4bcc023a9ef12c06804179080 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Mon, 5 Jan 2026 20:03:58 +0800
Subject: [PATCH 06/15] =?UTF-8?q?feat:=20=E5=89=8D=E7=AB=AF=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/CardView.tsx          | 34 ++++----
 .../Detail/components/BasicInfo.tsx           |  9 ++-
 .../Detail/components/Overview.tsx            | 78 +++++++++++++++++++
 .../OperatorMarket/Home/OperatorMarket.tsx    | 14 +++-
 .../pages/OperatorMarket/operator.const.tsx   | 49 +++++++++++-
 frontend/src/utils/unit.ts                    |  2 +-
 6 files changed, 169 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/CardView.tsx b/frontend/src/components/CardView.tsx
index 9e044aad..9412c03f 100644
--- a/frontend/src/components/CardView.tsx
+++ b/frontend/src/components/CardView.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef } from "react";
 import { Tag, Pagination, Tooltip, Empty, Popover, Spin } from "antd";
-import { ClockCircleOutlined, StarFilled } from "@ant-design/icons";
+import { ClockCircleOutlined, StarFilled, StarOutlined } from "@ant-design/icons";
 import type { ItemType } from "antd/es/menu/interface";
 import { formatDateTime } from "@/utils/unit";
 import ActionDropdown from "./ActionDropdown";
@@ -232,16 +232,24 @@ function CardView<T extends BaseCardDataType>(props: CardViewProps<T>) {
                       </div>
                     </div>
                   </div>
-                  {onFavorite && (
-                    <StarFilled
-                      style={{
-                        fontSize: "16px",
-                        color: isFavorite?.(item) ? "#ffcc00ff" : "#d1d5db",
-                        cursor: "pointer",
-                      }}
-                      onClick={() => onFavorite?.(item)}
-                    />
-                  )}
+                  {onFavorite &&
+                    (isFavorite?.(item) ? (
+                      <StarFilled
+                        style={{ fontSize: "16px", color: "#ffcc00ff" }}
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          onFavorite?.(item);
+                        }}
+                      />
+                    ) : (
+                      <StarOutlined
+                        style={{ fontSize: "16px", color: "#d1d5db" }}
+                        onClick={(e) => {
+                          e.stopPropagation();
+                          onFavorite?.(item);
+                        }}
+                      />
+                    ))}
                 </div>
 
                 <div className="flex-1 flex flex-col justify-end">
@@ -249,7 +257,7 @@ function CardView<T extends BaseCardDataType>(props: CardViewProps<T>) {
                   <TagsRenderer tags={item?.tags || []} />
 
                   {/* Description */}
-                  <p className="text-gray-400 text-xs text-ellipsis overflow-hidden whitespace-nowrap text-xs line-clamp-2 mt-2">
+                  <p className="text-gray-400 text-xs text-ellipsis overflow-hidden whitespace-nowrap line-clamp-2 mt-1 mb-1">
                     <Tooltip title={item?.description}>
                       {item?.description}
                     </Tooltip>
@@ -272,7 +280,7 @@ function CardView<T extends BaseCardDataType>(props: CardViewProps<T>) {
               </div>
 
               {/* Divider & Actions */}
-              <div className="w-2/3 border-t border-t-gray-200 mt-2" />
+              <div className="flex border-t border-t-gray-200 mt-2" />
               <div className="flex items-center justify-between pt-3">
                 <div className=" text-gray-500 text-right">
                   <div className="flex items-center gap-1">
diff --git a/frontend/src/pages/DataCleansing/Detail/components/BasicInfo.tsx b/frontend/src/pages/DataCleansing/Detail/components/BasicInfo.tsx
index cfa25725..f1ff44fc 100644
--- a/frontend/src/pages/DataCleansing/Detail/components/BasicInfo.tsx
+++ b/frontend/src/pages/DataCleansing/Detail/components/BasicInfo.tsx
@@ -1,8 +1,9 @@
 import {CleansingTask, TaskStatus} from "@/pages/DataCleansing/cleansing.model";
 import { Button, Card, Descriptions, Progress } from "antd";
-import { Activity, AlertCircle, CheckCircle, Clock } from "lucide-react";
+import { Activity, AlertCircle, BookOpen, CheckCircle, Clock } from "lucide-react";
 import { useNavigate } from "react-router";
 import {formatExecutionDuration} from "@/utils/unit.ts";
+import {CardHeader, CardTitle} from "@/components/Card.tsx";
 
 export default function BasicInfo({ task }: { task: CleansingTask }) {
   const navigate = useNavigate();
@@ -61,6 +62,12 @@ export default function BasicInfo({ task }: { task: CleansingTask }) {
     <>
       {/* 执行摘要 */}
       <Card className="mb-6">
+        <CardHeader className="p-1 pb-4">
+          <CardTitle className="flex items-center gap-2">
+            <BookOpen className="w h text-blue-600" />
+            执行摘要
+          </CardTitle>
+        </CardHeader>
         <div className="grid grid-cols-4 gap-4">
           <div className="text-center p-4 bg-gradient-to-br from-blue-50 to-blue-100 rounded-lg">
             <Clock className="w-8 h-8 text-blue-500 mb-2 mx-auto" />
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
index c5134714..3393f2a5 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
@@ -1,4 +1,5 @@
 import {DescriptionsProps, Card, Descriptions, Tag} from "antd";
+import {FileExtensionMap, MediaType} from "@/pages/OperatorMarket/operator.const.tsx";
 
 export default function Overview({ operator }) {
   const descriptionItems: DescriptionsProps["items"] = [
@@ -44,6 +45,16 @@ export default function Overview({ operator }) {
       children: operator.updatedAt,
     },
   ];
+
+  const tags = ["图像处理", "预处理", "缩放", "裁剪", "旋转", "计算机视觉", "深度学习"];
+
+  const performance = {
+    accuracy: 99.5,
+    speed: "50ms/image",
+    memory: "128MB",
+    throughput: "20 images/sec",
+  };
+
   return (
     <div className="flex flex-col gap-4">
       {/* 基本信息 */}
@@ -54,6 +65,73 @@ export default function Overview({ operator }) {
       <Card title="描述" styles={{header: {borderBottom: 'none'}}}>
         <p>{operator.description}</p>
       </Card>
+
+      {/* 标签 */}
+      <Card>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">标签</h3>
+        <div className="flex flex-wrap gap-2">
+          {tags.map((tag, index) => (
+            <Tag key={index} className="px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 rounded-full">
+              {tag}
+            </Tag>
+          ))}
+        </div>
+      </Card>
+
+      {/* 性能指标 */}
+      <Card>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">性能指标</h3>
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+          {performance.accuracy && (
+            <div className="text-center p-4 bg-gray-50 rounded-lg">
+              <div className="text-2xl font-bold text-gray-900">{performance.accuracy}%</div>
+              <div className="text-sm text-gray-600">准确率</div>
+            </div>
+          )}
+          <div className="text-center p-4 bg-gray-50 rounded-lg">
+            <div className="text-2xl font-bold text-gray-900">{performance.speed}</div>
+            <div className="text-sm text-gray-600">处理速度</div>
+          </div>
+          <div className="text-center p-4 bg-gray-50 rounded-lg">
+            <div className="text-2xl font-bold text-gray-900">{performance.memory}</div>
+            <div className="text-sm text-gray-600">内存使用</div>
+          </div>
+          <div className="text-center p-4 bg-gray-50 rounded-lg">
+            <div className="text-2xl font-bold text-gray-900">{performance.throughput}</div>
+            <div className="text-sm text-gray-600">吞吐量</div>
+          </div>
+        </div>
+      </Card>
+
+      {/* 输入输出格式 */}
+      <Card>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">支持格式</h3>
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+          <div>
+            <h4 className="font-medium text-gray-900 mb-2">输入格式</h4>
+            <div className="flex flex-wrap gap-2">
+              {FileExtensionMap[operator.inputs as MediaType].map((format, index) => (
+                <span
+                  key={index}
+                  className="px-2 py-1 bg-green-50 text-green-700 border border-green-200 rounded text-sm"
+                >
+                  {format}
+                </span>
+              ))}
+            </div>
+          </div>
+          <div>
+            <h4 className="font-medium text-gray-900 mb-2">输出格式</h4>
+            <div className="flex flex-wrap gap-2">
+              {FileExtensionMap[operator.outputs as MediaType].map((format, index) => (
+                <span key={index} className="px-2 py-1 bg-blue-50 text-blue-700 border border-blue-200 rounded text-sm">
+                  {format}
+                </span>
+              ))}
+            </div>
+          </div>
+        </div>
+      </Card>
     </div>
   );
 }
diff --git a/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx b/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
index 807587ce..09b0951f 100644
--- a/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
+++ b/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
@@ -23,7 +23,7 @@ import {
   deleteOperatorByIdUsingDelete,
   downloadExampleOperatorUsingGet,
   queryCategoryTreeUsingGet,
-  queryOperatorsUsingPost,
+  queryOperatorsUsingPost, updateOperatorByIdUsingPut,
 } from "../operator.api";
 import { mapOperator } from "../operator.const";
 
@@ -80,6 +80,16 @@ export default function OperatorMarketPage() {
     }
   };
 
+  const handleStar = async (operator: OperatorI) => {
+    const data = {
+      id: operator.id,
+      isStar: !operator.isStar
+    };
+    await updateOperatorByIdUsingPut(operator.id, data);
+    fetchData();
+    await initCategoriesTree();
+  }
+
   const operations = [
     {
       key: "edit",
@@ -205,6 +215,8 @@ export default function OperatorMarketPage() {
                   data={tableData}
                   pagination={pagination}
                   operations={operations}
+                  onFavorite={handleStar}
+                  isFavorite={(operator: OperatorI) => operator.isStar}
                   onView={(item) => navigate(`/data/operator-market/plugin-detail/${item.id}`)}
                 />
               ) : (
diff --git a/frontend/src/pages/OperatorMarket/operator.const.tsx b/frontend/src/pages/OperatorMarket/operator.const.tsx
index 424fd59f..ab562c1f 100644
--- a/frontend/src/pages/OperatorMarket/operator.const.tsx
+++ b/frontend/src/pages/OperatorMarket/operator.const.tsx
@@ -5,7 +5,7 @@ import { formatDateTime } from "@/utils/unit.ts";
 
 const getOperatorVisual = (
   op: OperatorI
-): { icon: React.ReactNode; iconColor?: string } => {
+): { modal: String; icon: React.ReactNode; iconColor?: string } => {
   const type = (op?.type || "").toLowerCase();
   const categories = (op?.categories || []).map((c) => (c || "").toLowerCase());
   const inputs = (op?.inputs || "").toLowerCase();
@@ -60,6 +60,7 @@ const getOperatorVisual = (
 
   if (isMultimodal) {
     return {
+      modal: "多模态",
       icon: <Atom className="w-full h-full" />,
       iconColor: "#F472B6",
     };
@@ -67,6 +68,7 @@ const getOperatorVisual = (
 
   if (isVideoOp) {
     return {
+      modal: "视频",
       icon: <Film className="w-full h-full" />,
       iconColor: "#22D3EE",
     };
@@ -74,6 +76,7 @@ const getOperatorVisual = (
 
   if (isAudioOp) {
     return {
+      modal: "音频",
       icon: <Music className="w-full h-full" />,
       iconColor: "#F59E0B",
     };
@@ -81,6 +84,7 @@ const getOperatorVisual = (
 
   if (isImageOp) {
     return {
+      modal: "图片",
       icon: <Image className="w-full h-full" />,
       iconColor: "#38BDF8", // 图像算子背景色
     };
@@ -88,12 +92,14 @@ const getOperatorVisual = (
 
   if (isTextOp) {
     return {
+      modal: "文本",
       icon: <FileText className="w-full h-full" />,
       iconColor: "#A78BFA", // 文本算子背景色
     };
   }
 
   return {
+    modal: "多模态",
     icon: <Code className="w-full h-full" />,
     iconColor: undefined,
   };
@@ -111,5 +117,46 @@ export const mapOperator = (op: OperatorI) => {
       formatDateTime(op?.updatedAt) ||
       formatDateTime(op?.createdAt) ||
       "--",
+    statistics: [
+      {
+        label: "使用次数",
+        value: Math.floor(Math.random() * 1000) + 1
+      },
+      {
+        label: "类型",
+        value: visual.modal || "text",
+      },
+      {
+        label: "大小",
+        value: `${(Math.floor(Math.random() * 91) + 10) / 10} MB`,
+      },
+      {
+        label: "语言",
+        value: "Python",
+      },
+    ],
   };
 };
+
+export type MediaType = 'text' | 'image' | 'video' | 'audio' | 'multimodal';
+
+const TEXT_EXTENSIONS = ['.txt', '.md', '.json', '.csv', '.doc', '.docx', '.pdf'];
+const IMAGE_EXTENSIONS = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp'];
+const VIDEO_EXTENSIONS = ['.mp4', '.mov', '.avi', '.mkv', '.webm'];
+const AUDIO_EXTENSIONS = ['.mp3', '.wav', '.ogg', '.aac', '.flac'];
+
+// 3. 定义 Map 对象
+export const FileExtensionMap: Record<MediaType, string[]> = {
+  text: TEXT_EXTENSIONS,
+  image: IMAGE_EXTENSIONS,
+  video: VIDEO_EXTENSIONS,
+  audio: AUDIO_EXTENSIONS,
+
+  // 使用扩展运算符合并所有数组，生成全集
+  multimodal: [
+    ...TEXT_EXTENSIONS,
+    ...IMAGE_EXTENSIONS,
+    ...VIDEO_EXTENSIONS,
+    ...AUDIO_EXTENSIONS,
+  ],
+};
\ No newline at end of file
diff --git a/frontend/src/utils/unit.ts b/frontend/src/utils/unit.ts
index 330250e9..b25daa6e 100644
--- a/frontend/src/utils/unit.ts
+++ b/frontend/src/utils/unit.ts
@@ -55,7 +55,7 @@ export function formatExecutionDuration(
   startTime: string,
   endTime: string
 ): string {
-  if (!startTime || !endTime) return "--";
+  if (!startTime || !endTime) return "-";
 
   const start = new Date(startTime).getTime();
   const end = new Date(endTime).getTime();

From 229e8e6c9a28493f9d9bae79caad4efb49d580bd Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Tue, 6 Jan 2026 10:12:09 +0800
Subject: [PATCH 07/15] =?UTF-8?q?feat:=20=E7=AE=97=E5=AD=90=E5=B8=82?=
 =?UTF-8?q?=E5=9C=BA=E5=A2=9E=E5=8A=A0=E5=9B=9B=E4=B8=AA=E9=A1=B5=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package-lock.json                    | 1675 ++++++++++++++++-
 frontend/package.json                         |    4 +
 .../Detail/OperatorPluginDetail.tsx           |   26 +-
 .../Detail/components/ChangeLog.tsx           |   20 +-
 .../Detail/components/Documentation.tsx       |   20 +-
 .../Detail/components/Install.tsx             |  105 --
 .../components/OperatorServiceMonitor.tsx     |  340 ++++
 .../Detail/components/Requirement.tsx         |   65 +
 8 files changed, 2112 insertions(+), 143 deletions(-)
 delete mode 100644 frontend/src/pages/OperatorMarket/Detail/components/Install.tsx
 create mode 100644 frontend/src/pages/OperatorMarket/Detail/components/OperatorServiceMonitor.tsx
 create mode 100644 frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3f64bf18..7b384701 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,9 +15,12 @@
         "lucide-react": "^0.539.0",
         "react": "^18.1.1",
         "react-dom": "^18.1.1",
+        "react-markdown": "^10.1.0",
         "react-redux": "^9.2.0",
         "react-router": "^7.8.0",
+        "react-syntax-highlighter": "^16.1.0",
         "recharts": "2.15.0",
+        "remark-gfm": "^4.0.1",
         "tailwind-merge": "^3.4.0"
       },
       "devDependencies": {
@@ -26,6 +29,7 @@
         "@types/node": "^24.2.1",
         "@types/react": "^18.1.10",
         "@types/react-dom": "^18.1.7",
+        "@types/react-syntax-highlighter": "^15.5.13",
         "@vitejs/plugin-react": "^5.0.0",
         "body-parser": "^2.2.0",
         "eslint": "^9.33.0",
@@ -393,9 +397,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.2.tgz",
-      "integrity": "sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==",
+      "version": "7.28.4",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -2117,13 +2121,39 @@
         "@types/d3-selection": "*"
       }
     },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -2131,6 +2161,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "24.2.1",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz",
@@ -2141,18 +2186,22 @@
         "undici-types": "~7.10.0"
       }
     },
+    "node_modules/@types/prismjs": {
+      "version": "1.26.5",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/prismjs/-/prismjs-1.26.5.tgz",
+      "integrity": "sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==",
+      "license": "MIT"
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.15",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
       "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/@types/react": {
       "version": "18.3.23",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
       "integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
@@ -2169,6 +2218,22 @@
         "@types/react": "^18.0.0"
       }
     },
+    "node_modules/@types/react-syntax-highlighter": {
+      "version": "15.5.13",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.13.tgz",
+      "integrity": "sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
     "node_modules/@types/use-sync-external-store": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
@@ -2446,6 +2511,12 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.0.0.tgz",
@@ -2675,6 +2746,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -2852,6 +2933,16 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -2869,6 +2960,46 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -2958,6 +3089,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/commander": {
       "version": "14.0.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.0.tgz",
@@ -3257,7 +3398,6 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
       "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -3277,6 +3417,19 @@
       "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
       "license": "MIT"
     },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.2.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/decode-named-character-reference/-/decode-named-character-reference-1.2.0.tgz",
+      "integrity": "sha512-c6fcElNV6ShtZXmsgNgFFV5tVX2PaV4g+MOAkb8eXHvn6sryJBrZa9r0zV6+dtTyoCKxtDy5tyQ5ZwQuidtd+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -3294,6 +3447,15 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
@@ -3304,6 +3466,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/dom-helpers": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
@@ -3640,6 +3815,16 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -3773,6 +3958,12 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3843,6 +4034,19 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fault": {
+      "version": "1.0.4",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/fault/-/fault-1.0.4.tgz",
+      "integrity": "sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==",
+      "license": "MIT",
+      "dependencies": {
+        "format": "^0.2.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -3925,6 +4129,14 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/format": {
+      "version": "0.2.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/format/-/format-0.2.2.tgz",
+      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -4123,6 +4335,101 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hastscript": {
+      "version": "9.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/hastscript/-/hastscript-9.0.1.tgz",
+      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "10.7.3",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/highlight.js/-/highlight.js-10.7.3.tgz",
+      "integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/highlightjs-vue": {
+      "version": "1.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/highlightjs-vue/-/highlightjs-vue-1.0.0.tgz",
+      "integrity": "sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/http-errors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -4224,6 +4531,12 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
+    },
     "node_modules/internmap": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
@@ -4243,6 +4556,30 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -4256,6 +4593,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -4279,6 +4626,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -4289,6 +4646,18 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-promise": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
@@ -4722,6 +5091,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -4734,6 +5113,20 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lowlight": {
+      "version": "1.20.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/lowlight/-/lowlight-1.20.0.tgz",
+      "integrity": "sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==",
+      "license": "MIT",
+      "dependencies": {
+        "fault": "^1.0.0",
+        "highlight.js": "~10.7.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -4763,6 +5156,16 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -4773,44 +5176,889 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/media-typer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
-      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
-      "dev": true,
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
+      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/merge-descriptors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
-      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
-      "dev": true,
+    "node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
       "license": "MIT",
       "engines": {
-        "node": ">=18"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 8"
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz",
+      "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dev": true,
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz",
+      "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==",
+      "license": "MIT",
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
+      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
+      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
+      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
+      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
+      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
+      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
@@ -4928,7 +6176,6 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/nanoid": {
@@ -5167,6 +6414,31 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -5267,6 +6539,15 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prismjs": {
+      "version": "1.30.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/prismjs/-/prismjs-1.30.0.tgz",
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -5284,6 +6565,16 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -6042,6 +7333,33 @@
       "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
       "license": "MIT"
     },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
     "node_modules/react-redux": {
       "version": "9.2.0",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
@@ -6112,6 +7430,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/react-syntax-highlighter": {
+      "version": "16.1.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/react-syntax-highlighter/-/react-syntax-highlighter-16.1.0.tgz",
+      "integrity": "sha512-E40/hBiP5rCNwkeBN1vRP+xow1X0pndinO+z3h7HLsHyjztbyjfzNWNKuAsJj+7DLam9iT4AaaOZnueCU+Nplg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "highlight.js": "^10.4.1",
+        "highlightjs-vue": "^1.0.0",
+        "lowlight": "^1.17.0",
+        "prismjs": "^1.30.0",
+        "refractor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 16.20.2"
+      },
+      "peerDependencies": {
+        "react": ">= 0.14.0"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
@@ -6188,6 +7526,88 @@
         "redux": "^5.0.0"
       }
     },
+    "node_modules/refractor": {
+      "version": "5.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/refractor/-/refractor-5.0.0.tgz",
+      "integrity": "sha512-QXOrHQF5jOpjjLfiNk5GFnWhRXvxjUVnlFxkeDmewR5sXkr3iM46Zo+CnRR8B+MDVqkULW4EcLVcRBNOPXHosw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/prismjs": "^1.0.0",
+        "hastscript": "^9.0.0",
+        "parse-entities": "^4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/remark-gfm/-/remark-gfm-4.0.1.tgz",
+      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/remark-stringify/-/remark-stringify-11.0.0.tgz",
+      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/reselect": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
@@ -6615,6 +8035,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/statuses": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
@@ -6631,6 +8061,20 @@
       "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
       "license": "MIT"
     },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -6644,6 +8088,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-to-js": {
+      "version": "1.1.21",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/style-to-js/-/style-to-js-1.1.21.tgz",
+      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "style-to-object": "1.0.14"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.14",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/style-to-object/-/style-to-object-1.0.14.tgz",
+      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.7"
+      }
+    },
     "node_modules/stylis": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
@@ -6817,6 +8279,26 @@
         "nodetouch": "bin/nodetouch.js"
       }
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
@@ -6933,6 +8415,93 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.1",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/unist-util-is/-/unist-util-is-6.0.1.tgz",
+      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.2",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
+      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -7013,6 +8582,34 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/victory-vendor": {
       "version": "36.9.2",
       "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
@@ -7231,6 +8828,16 @@
           "optional": true
         }
       }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://mirrors.huaweicloud.com/repository/npm/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
     }
   }
 }
diff --git a/frontend/package.json b/frontend/package.json
index dd97cc6c..c63ee12b 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -18,9 +18,12 @@
     "lucide-react": "^0.539.0",
     "react": "^18.1.1",
     "react-dom": "^18.1.1",
+    "react-markdown": "^10.1.0",
     "react-redux": "^9.2.0",
     "react-router": "^7.8.0",
+    "react-syntax-highlighter": "^16.1.0",
     "recharts": "2.15.0",
+    "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
@@ -29,6 +32,7 @@
     "@types/node": "^24.2.1",
     "@types/react": "^18.1.10",
     "@types/react-dom": "^18.1.7",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@vitejs/plugin-react": "^5.0.0",
     "body-parser": "^2.2.0",
     "eslint": "^9.33.0",
diff --git a/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx b/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx
index f0cca63e..1484b702 100644
--- a/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx
@@ -10,7 +10,10 @@ import {Clock, GitBranch} from "lucide-react";
 import DetailHeader from "@/components/DetailHeader";
 import {Link, useNavigate, useParams} from "react-router";
 import Overview from "./components/Overview";
-import Install from "./components/Install";
+import Requirement from "./components/Requirement";
+import Documentation from "./components/Documentation";
+import ChangeLog from "./components/ChangeLog";
+import OperatorServiceMonitor from "./components/OperatorServiceMonitor";
 
 import {deleteOperatorByIdUsingDelete, queryOperatorByIdUsingGet, updateOperatorByIdUsingPut} from "../operator.api";
 import { OperatorI } from "../operator.model";
@@ -137,12 +140,31 @@ export default function OperatorPluginDetail() {
             key: "overview",
             label: "概览",
           },
+          {
+            key: "requirement",
+            label: "环境依赖",
+          },
+          {
+            key: "documentation",
+            label: "文档",
+          },
+          {
+            key: "changeLog",
+            label: "更新日志",
+          },
+          {
+            key: "service",
+            label: "服务监控",
+          },
         ]}
         activeTabKey={activeTab}
         onTabChange={setActiveTab}
       >
         {activeTab === "overview" && <Overview operator={operator} />}
-        {activeTab === "service" && <Install operator={operator} />}
+        {activeTab === "requirement" && <Requirement operator={operator} />}
+        {activeTab === "documentation" && <Documentation operator={operator} />}
+        {activeTab === "changeLog" && <ChangeLog operator={operator} />}
+        {activeTab === "service" && <OperatorServiceMonitor operatorName={operator.name} supportsService={true} />}
       </Card>
     </div>
   );
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx b/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx
index 378aba9a..485e2eae 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx
@@ -2,9 +2,27 @@ import { Card } from "antd";
 import { Badge, ChevronRight } from "lucide-react";
 
 export default function ChangeLog({ operator }) {
+  const changelog = [
+      {
+        version: "1.2.0",
+        date: "2024-01-23",
+        changes: ["新增批量处理功能", "优化内存使用，减少50%内存占用", "添加GPU加速支持", "修复旋转操作的边界问题"],
+      },
+      {
+        version: "1.1.0",
+        date: "2024-01-10",
+        changes: ["添加颜色空间转换功能", "支持WebP格式", "改进错误处理机制", "更新文档和示例"],
+      },
+      {
+        version: "1.0.0",
+        date: "2024-01-01",
+        changes: ["首次发布", "支持基本图像预处理操作", "包含缩放、裁剪、旋转功能"],
+      },
+    ];
+
   return (
     <div className="flex flex-col gap-4">
-      {operator.changelog.map((version, index) => (
+      {changelog.map((version, index) => (
         <Card key={index}>
           <div className="flex items-center justify-between mb-4">
             <div>
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
index 914f5c9c..43ad4d0c 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
@@ -1,12 +1,30 @@
 import { Card } from "antd";
 
 export default function Documentation({ operator }) {
+  const documentation = "# 图像预处理算子\n" +
+    "\n" +
+    "## 概述\n" +
+    "这是一个高效的图像预处理算子，支持多种常用的图像处理操作。\n" +
+    "\n" +
+    "## 主要功能\n" +
+    "- 图像缩放和裁剪\n" +
+    "- 旋转和翻转\n" +
+    "- 颜色空间转换\n" +
+    "- 噪声添加和去除\n" +
+    "- 批量处理支持\n" +
+    "\n" +
+    "## 性能特点\n" +
+    "- 内存优化，支持大图像处理\n" +
+    "- GPU加速支持\n" +
+    "- 多线程并行处理\n" +
+    "- 自动批处理优化"
+
   return (
     <div className="flex flex-col gap-4">
       <Card>
         <div className="prose max-w-none">
           <div className="whitespace-pre-wrap text-gray-700 leading-relaxed">
-            {operator.documentation}
+            {documentation}
           </div>
         </div>
       </Card>
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Install.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Install.tsx
deleted file mode 100644
index d3e19de2..00000000
--- a/frontend/src/pages/OperatorMarket/Detail/components/Install.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import { Card, Button } from "antd";
-import { Copy } from "lucide-react";
-
-export default function renderInstallTab({ operator }) {
-  const copyToClipboard = (text: string) => {
-    navigator.clipboard.writeText(text);
-    // 这里可以添加提示消息
-  };
-  return (
-    <div className="flex flex-col gap-4">
-      {/* 安装命令 */}
-      <Card>
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">安装命令</h3>
-        <div className="bg-gray-900 text-gray-100 p-4 rounded-lg font-mono text-sm">
-          <div className="flex items-center justify-between">
-            <span>{operator.installCommand}</span>
-            <Button
-              size="small"
-              onClick={() => copyToClipboard(operator.installCommand)}
-              className="ml-2"
-            >
-              <Copy className="w-4 h-4" />
-            </Button>
-          </div>
-        </div>
-      </Card>
-
-      {/* 系统要求 */}
-      <Card>
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">系统要求</h3>
-        <div className="space-y-3">
-          <div className="flex items-center justify-between py-2 border-b border-gray-100">
-            <span className="font-medium text-gray-700">Python 版本</span>
-            <span className="text-gray-900">
-              {operator.systemRequirements.python}
-            </span>
-          </div>
-          <div className="flex items-center justify-between py-2 border-b border-gray-100">
-            <span className="font-medium text-gray-700">内存要求</span>
-            <span className="text-gray-900">
-              {operator.systemRequirements.memory}
-            </span>
-          </div>
-          <div className="flex items-center justify-between py-2 border-b border-gray-100">
-            <span className="font-medium text-gray-700">存储空间</span>
-            <span className="text-gray-900">
-              {operator.systemRequirements.storage}
-            </span>
-          </div>
-          <div className="flex items-center justify-between py-2">
-            <span className="font-medium text-gray-700">GPU 支持</span>
-            <span className="text-gray-900">
-              {operator.systemRequirements.gpu}
-            </span>
-          </div>
-        </div>
-      </Card>
-
-      {/* 依赖项 */}
-      <Card>
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">依赖项</h3>
-        <div className="space-y-2">
-          {operator.dependencies.map((dep, index) => (
-            <div
-              key={index}
-              className="flex items-center justify-between p-3 bg-gray-50 rounded-lg"
-            >
-              <span className="font-mono text-sm text-gray-900">{dep}</span>
-              <Button size="small" onClick={() => copyToClipboard(dep)}>
-                <Copy className="w-3 h-3" />
-              </Button>
-            </div>
-          ))}
-        </div>
-      </Card>
-
-      {/* 快速开始 */}
-      <Card>
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">快速开始</h3>
-        <div className="space-y-4">
-          <div>
-            <h4 className="font-medium text-gray-900 mb-2">1. 安装算子</h4>
-            <div className="bg-gray-900 text-gray-100 p-3 rounded font-mono text-sm">
-              {operator.installCommand}
-            </div>
-          </div>
-          <div>
-            <h4 className="font-medium text-gray-900 mb-2">2. 导入并使用</h4>
-            <div className="bg-gray-900 text-gray-100 p-3 rounded font-mono text-sm">
-              {`from image_preprocessor import ImagePreprocessor
-processor = ImagePreprocessor()
-result = processor.process(image)`}
-            </div>
-          </div>
-          <div>
-            <h4 className="font-medium text-gray-900 mb-2">3. 查看结果</h4>
-            <p className="text-gray-600">
-              处理后的图像将保存在指定路径，可以直接用于后续的机器学习任务。
-            </p>
-          </div>
-        </div>
-      </Card>
-    </div>
-  );
-}
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/OperatorServiceMonitor.tsx b/frontend/src/pages/OperatorMarket/Detail/components/OperatorServiceMonitor.tsx
new file mode 100644
index 00000000..5bea509c
--- /dev/null
+++ b/frontend/src/pages/OperatorMarket/Detail/components/OperatorServiceMonitor.tsx
@@ -0,0 +1,340 @@
+import type React from "react"
+import { useState } from "react"
+import { Card, Button, Modal, Empty, Spin, Progress } from "antd"
+import { Cloud, Power, Trash2, AlertCircle, CheckCircle, Clock, Terminal, Copy, RefreshCw } from "lucide-react"
+
+interface Pod {
+  id: string
+  name: string
+  status: "running" | "pending" | "failed" | "terminated"
+  cpuUsage: number
+  memoryUsage: number
+  restarts: number
+  createdAt: string
+}
+
+interface ServiceDeployment {
+  status: "not_deployed" | "deploying" | "deployed" | "failed"
+  deployedAt?: string
+  version?: string
+  replicas: number
+  pods: Pod[]
+}
+
+interface OperatorServiceMonitorProps {
+  operatorName: string
+  supportsService?: boolean
+}
+
+export default function OperatorServiceMonitor({
+                                                 operatorName,
+                                                 supportsService = true,
+                                               }: OperatorServiceMonitorProps) {
+  const [serviceDeployment, setServiceDeployment] = useState<ServiceDeployment>({
+    status: "not_deployed",
+    replicas: 0,
+    pods: [],
+  })
+
+  const [isDeploying, setIsDeploying] = useState(false)
+  const [selectedPod, setSelectedPod] = useState<Pod | null>(null)
+  const [showLogModal, setShowLogModal] = useState(false)
+  const [deploymentError, setDeploymentError] = useState<string | null>(null)
+
+  // 模拟部署
+  const handleDeploy = async () => {
+    if (!supportsService) {
+      setDeploymentError(`${operatorName} 算子不支持服务部署`)
+      return
+    }
+
+    setIsDeploying(true)
+    setDeploymentError(null)
+
+    // 模拟部署过程
+    setTimeout(() => {
+      setServiceDeployment({
+        status: "deployed",
+        deployedAt: new Date().toISOString(),
+        version: "1.2.0",
+        replicas: 3,
+        pods: [
+          {
+            id: "1",
+            name: `${operatorName}-pod-1`,
+            status: "running",
+            cpuUsage: 45,
+            memoryUsage: 62,
+            restarts: 0,
+            createdAt: new Date(Date.now() - 3600000).toISOString(),
+          },
+          {
+            id: "2",
+            name: `${operatorName}-pod-2`,
+            status: "running",
+            cpuUsage: 38,
+            memoryUsage: 58,
+            restarts: 1,
+            createdAt: new Date(Date.now() - 7200000).toISOString(),
+          },
+          {
+            id: "3",
+            name: `${operatorName}-pod-3`,
+            status: "running",
+            cpuUsage: 52,
+            memoryUsage: 68,
+            restarts: 0,
+            createdAt: new Date(Date.now() - 1800000).toISOString(),
+          },
+        ],
+      })
+      setIsDeploying(false)
+    }, 2000)
+  }
+
+  // 模拟卸载
+  const handleUndeploy = () => {
+    Modal.confirm({
+      title: "确认卸载服务",
+      content: `确定要卸载 ${operatorName} 的服务吗？这将停止所有运行中的Pod实例。`,
+      okText: "卸载",
+      okType: "danger",
+      cancelText: "取消",
+      onOk() {
+        setServiceDeployment({
+          status: "not_deployed",
+          replicas: 0,
+          pods: [],
+        })
+      },
+    })
+  }
+
+  // 获取状态样式
+  const getStatusConfig = (status: string) => {
+    const config: Record<string, { color: string; icon: React.ReactNode; label: string }> = {
+      running: {
+        color: "bg-green-100 text-green-800 border-green-200",
+        icon: <CheckCircle className="w-4 h-4" />,
+        label: "运行中",
+      },
+      pending: {
+        color: "bg-yellow-100 text-yellow-800 border-yellow-200",
+        icon: <Clock className="w-4 h-4" />,
+        label: "待机中",
+      },
+      failed: {
+        color: "bg-red-100 text-red-800 border-red-200",
+        icon: <AlertCircle className="w-4 h-4" />,
+        label: "失败",
+      },
+      terminated: {
+        color: "bg-gray-100 text-gray-800 border-gray-200",
+        icon: <Power className="w-4 h-4" />,
+        label: "已停止",
+      },
+    }
+    return config[status] || config.pending
+  }
+
+  const renderNotDeployed = () => (
+    <div className="text-center py-12">
+      <Cloud className="w-16 h-16 text-gray-300 mx-auto mb-4" />
+      <h3 className="text-lg font-medium text-gray-900 mb-2">服务未部署</h3>
+      <p className="text-gray-600 mb-6">点击下方按钮部署 {operatorName} 服务</p>
+      <Button type="primary" size="large" loading={isDeploying} onClick={handleDeploy} disabled={!supportsService}>
+        <Power className="w-4 h-4 mr-2" />
+        部署服务
+      </Button>
+      {!supportsService && (
+        <div className="mt-4 p-3 bg-red-50 border border-red-200 rounded-lg text-red-700 text-sm">
+          <AlertCircle className="w-4 h-4 inline mr-2" />
+          该算子不支持服务部署
+        </div>
+      )}
+    </div>
+  )
+
+  const renderDeployed = () => (
+    <div className="space-y-6">
+      {/* 部署信息 */}
+      <Card>
+        <div className="flex items-center justify-between">
+          <div>
+            <h3 className="text-lg font-medium text-gray-900 mb-2">部署信息</h3>
+            <div className="space-y-1 text-sm text-gray-600">
+              <div>部署时间: {new Date(serviceDeployment.deployedAt!).toLocaleString("zh-CN")}</div>
+              <div>版本: {serviceDeployment.version}</div>
+              <div>副本数: {serviceDeployment.replicas}</div>
+            </div>
+          </div>
+          <Button danger onClick={handleUndeploy}>
+            <Trash2 className="w-4 h-4 mr-2" />
+            卸载服务
+          </Button>
+        </div>
+      </Card>
+
+      {/* Pod 监控 */}
+      <Card>
+        <div className="flex items-center justify-between mb-4">
+          <h3 className="text-lg font-medium text-gray-900">Pod 实例监控</h3>
+          <Button type="text" size="small">
+            <RefreshCw className="w-4 h-4" />
+            刷新
+          </Button>
+        </div>
+
+        {serviceDeployment.pods.length === 0 ? (
+          <Empty description="暂无Pod实例" />
+        ) : (
+          <div className="space-y-3">
+            {serviceDeployment.pods.map((pod) => {
+              const statusConfig = getStatusConfig(pod.status)
+              return (
+                <Card key={pod.id} className="border-l-4 border-l-blue-500 bg-gray-50">
+                  <div className="space-y-3">
+                    {/* Pod 基本信息 */}
+                    <div className="flex items-center justify-between">
+                      <div className="flex items-center gap-3">
+                        <div className="flex-1">
+                          <div className="font-medium text-gray-900">{pod.name}</div>
+                          <div className="text-xs text-gray-500">
+                            创建时间: {new Date(pod.createdAt).toLocaleString("zh-CN")}
+                          </div>
+                        </div>
+                      </div>
+                      <div
+                        className={`flex items-center gap-1 px-3 py-1 rounded-full border text-xs font-medium ${statusConfig.color}`}
+                      >
+                        {statusConfig.icon}
+                        <span>{statusConfig.label}</span>
+                      </div>
+                    </div>
+
+                    {/* 资源使用情况 */}
+                    <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+                      <div>
+                        <div className="text-xs text-gray-600 mb-1">CPU 使用率</div>
+                        <div className="flex items-center gap-2">
+                          <Progress
+                            type="circle"
+                            percent={pod.cpuUsage}
+                            width={40}
+                            strokeColor={pod.cpuUsage > 80 ? "#ef4444" : "#10b981"}
+                          />
+                          <span className="text-sm font-medium text-gray-900">{pod.cpuUsage}%</span>
+                        </div>
+                      </div>
+                      <div>
+                        <div className="text-xs text-gray-600 mb-1">内存使用率</div>
+                        <div className="flex items-center gap-2">
+                          <Progress
+                            type="circle"
+                            percent={pod.memoryUsage}
+                            width={40}
+                            strokeColor={pod.memoryUsage > 80 ? "#ef4444" : "#3b82f6"}
+                          />
+                          <span className="text-sm font-medium text-gray-900">{pod.memoryUsage}%</span>
+                        </div>
+                      </div>
+                      <div className="flex items-center gap-2">
+                        <div className="text-center">
+                          <div className="text-xs text-gray-600">重启次数</div>
+                          <div className="text-lg font-semibold text-gray-900">{pod.restarts}</div>
+                        </div>
+                      </div>
+                      <div className="flex items-center gap-2 justify-end">
+                        <Button
+                          type="text"
+                          size="small"
+                          onClick={() => {
+                            setSelectedPod(pod)
+                            setShowLogModal(true)
+                          }}
+                        >
+                          <Terminal className="w-4 h-4 mr-1" />
+                          查看日志
+                        </Button>
+                      </div>
+                    </div>
+                  </div>
+                </Card>
+              )
+            })}
+          </div>
+        )}
+      </Card>
+    </div>
+  )
+
+  return (
+    <div className="space-y-6">
+      {/* 错误提示 */}
+      {deploymentError && (
+        <div className="p-4 bg-red-50 border border-red-200 rounded-lg flex items-center gap-3">
+          <AlertCircle className="w-5 h-5 text-red-500" />
+          <span className="text-red-700">{deploymentError}</span>
+        </div>
+      )}
+
+      {/* 主要内容 */}
+      {isDeploying ? (
+        <Card className="text-center py-12">
+          <Spin size="large" />
+          <p className="mt-4 text-gray-600">正在部署服务...</p>
+        </Card>
+      ) : serviceDeployment.status === "not_deployed" ? (
+        <Card>{renderNotDeployed()}</Card>
+      ) : (
+        renderDeployed()
+      )}
+
+      {/* Pod 日志模态框 */}
+      <Modal
+        title={`${selectedPod?.name} - 日志`}
+        open={showLogModal}
+        onCancel={() => setShowLogModal(false)}
+        width={800}
+        footer={[
+          <Button key="close" onClick={() => setShowLogModal(false)}>
+            关闭
+          </Button>,
+          <Button
+            key="copy"
+            type="primary"
+            onClick={() => {
+              const logs = `[INFO] 2024-01-24 10:30:45.123 - Pod started successfully
+[INFO] 2024-01-24 10:30:46.456 - Loading model weights...
+[INFO] 2024-01-24 10:30:52.789 - Model loaded successfully
+[INFO] 2024-01-24 10:30:53.012 - Service initialized on port 8080
+[DEBUG] 2024-01-24 10:31:00.345 - Received request: /predict
+[INFO] 2024-01-24 10:31:01.678 - Processing image: input.jpg
+[INFO] 2024-01-24 10:31:02.901 - Prediction completed: class=cat, confidence=0.95
+[DEBUG] 2024-01-24 10:31:03.234 - Response sent successfully`
+              navigator.clipboard.writeText(logs)
+            }}
+          >
+            <Copy className="w-4 h-4 mr-2" />
+            复制日志
+          </Button>,
+        ]}
+      >
+        <div className="bg-gray-900 text-gray-100 p-4 rounded-lg font-mono text-sm overflow-y-auto max-h-96">
+          <div className="space-y-1">
+            <div>[INFO] 2024-01-24 10:30:45.123 - Pod started successfully</div>
+            <div>[INFO] 2024-01-24 10:30:46.456 - Loading model weights...</div>
+            <div>[INFO] 2024-01-24 10:30:52.789 - Model loaded successfully</div>
+            <div>[INFO] 2024-01-24 10:30:53.012 - Service initialized on port 8080</div>
+            <div className="text-blue-400">[DEBUG] 2024-01-24 10:31:00.345 - Received request: /predict</div>
+            <div>[INFO] 2024-01-24 10:31:01.678 - Processing image: input.jpg</div>
+            <div className="text-green-400">
+              [INFO] 2024-01-24 10:31:02.901 - Prediction completed: class=cat, confidence=0.95
+            </div>
+            <div className="text-blue-400">[DEBUG] 2024-01-24 10:31:03.234 - Response sent successfully</div>
+          </div>
+        </div>
+      </Modal>
+    </div>
+  )
+}
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx
new file mode 100644
index 00000000..d0c6adaf
--- /dev/null
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx
@@ -0,0 +1,65 @@
+import { Card, Button } from "antd";
+import { Copy } from "lucide-react";
+
+export default function Requirement({ operator }) {
+  const copyToClipboard = (text: string) => {
+    navigator.clipboard.writeText(text);
+    // 这里可以添加提示消息
+  };
+
+  const dependencies = ["opencv-python>=4.5.0", "pillow>=8.0.0", "numpy>=1.20.0", "torch>=1.9.0", "torchvision>=0.10.0"];
+
+  return (
+    <div className="flex flex-col gap-4">
+      {/* 系统要求 */}
+      <Card>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">系统要求</h3>
+        <div className="space-y-3">
+          <div className="flex items-center justify-between py-2 border-b border-gray-100">
+            <span className="font-medium text-gray-700">内存要求</span>
+            <span className="text-gray-900">
+              {operator.runtime?.memory || ">=1GB RAM"}
+            </span>
+          </div>
+          <div className="flex items-center justify-between py-2 border-b border-gray-100">
+            <span className="font-medium text-gray-700">存储空间</span>
+            <span className="text-gray-900">
+              {operator.runtime?.storage || ">=10MB"}
+            </span>
+          </div>
+          <div className="flex items-center justify-between py-2 border-b border-gray-100">
+            <span className="font-medium text-gray-700">GPU 支持</span>
+            <span className="text-gray-900">
+              {operator.runtime?.gpu || "Optional (CUDA support)"}
+            </span>
+          </div>
+          <div className="flex items-center justify-between py-2">
+            <span className="font-medium text-gray-700">NPU 支持</span>
+            <span className="text-gray-900">
+              {operator.runtime?.npu || "Optional (Ascend support)"}
+            </span>
+          </div>
+        </div>
+      </Card>
+
+      {/* 依赖项 */}
+      <Card>
+        <h3 className="text-lg font-semibold text-gray-900 mb-4">依赖项</h3>
+        <div className="space-y-2">
+          {dependencies?.map((dep, index) => (
+            <div
+              key={index}
+              className="flex items-center justify-between p-3 bg-gray-50 rounded-lg"
+            >
+              <span className="font-mono text-sm text-gray-900">{dep}</span>
+              <Button size="small" onClick={() => copyToClipboard(dep)}>
+                <Copy className="w-3 h-3" />
+              </Button>
+            </div>
+          ))}
+        </div>
+      </Card>
+
+    </div>
+  );
+}

From 5eb1bda33b0f34f4e11f389ed7a24789565276c3 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Tue, 6 Jan 2026 10:18:31 +0800
Subject: [PATCH 08/15] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=85=A5?=
 =?UTF-8?q?=E5=BA=93=E5=8F=AF=E8=83=BD=E9=87=8D=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../datamate/sql_manager/persistence_atction.py               | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/runtime/python-executor/datamate/sql_manager/persistence_atction.py b/runtime/python-executor/datamate/sql_manager/persistence_atction.py
index 4c425db3..9137f26f 100644
--- a/runtime/python-executor/datamate/sql_manager/persistence_atction.py
+++ b/runtime/python-executor/datamate/sql_manager/persistence_atction.py
@@ -25,7 +25,9 @@ def load_sql_dict():
         with open(sql_config_path, 'r', encoding='utf-8') as f:
             return json.load(f)
 
-    def update_task_result(self, sample, file_id = str(uuid.uuid4())):
+    def update_task_result(self, sample, file_id = None):
+        if file_id is None:
+            file_id = str(uuid.uuid4())
         instance_id = str(sample.get("instance_id"))
         src_file_name = str(sample.get("sourceFileName"))
         src_file_type = str(sample.get("sourceFileType"))

From 6be38a68f71c5d7b70d4a1ba1836f89d02162e3b Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Tue, 6 Jan 2026 16:25:44 +0800
Subject: [PATCH 09/15] =?UTF-8?q?fix:=20=E7=AE=97=E5=AD=90=E5=B8=82?=
 =?UTF-8?q?=E5=9C=BA=E7=AD=9B=E9=80=89=E9=80=BB=E8=BE=91=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../operator/application/CategoryService.java | 27 +---------
 .../operator/application/OperatorService.java |  4 +-
 .../repository/OperatorViewRepository.java    |  4 +-
 .../Impl/OperatorViewRepositoryImpl.java      | 51 ++++++++++++++++---
 .../mapper/OperatorViewMapper.java            |  2 +-
 .../dto/CategoryTreePagedResponse.java        | 24 +++++++++
 .../dto/OperatorsListPostRequest.java         |  2 +-
 .../interfaces/rest/CategoryController.java   |  6 ++-
 .../interfaces/rest/OperatorController.java   | 14 ++---
 frontend/src/hooks/useFetchData.ts            |  8 +--
 .../OperatorMarket/Home/OperatorMarket.tsx    | 20 ++++----
 .../Home/components/Filters.tsx               | 33 ++++++++++++
 .../pages/OperatorMarket/operator.model.ts    |  4 +-
 13 files changed, 132 insertions(+), 67 deletions(-)
 create mode 100644 backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/CategoryTreePagedResponse.java

diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/CategoryService.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/CategoryService.java
index ff09dba1..271db76f 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/CategoryService.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/CategoryService.java
@@ -1,10 +1,8 @@
 package com.datamate.operator.application;
 
 
-import com.datamate.operator.domain.contants.OperatorConstant;
 import com.datamate.operator.domain.repository.CategoryRelationRepository;
 import com.datamate.operator.domain.repository.CategoryRepository;
-import com.datamate.operator.domain.repository.OperatorRepository;
 import com.datamate.operator.interfaces.dto.CategoryDto;
 import com.datamate.operator.interfaces.dto.CategoryRelationDto;
 import com.datamate.operator.interfaces.dto.CategoryTreeResponse;
@@ -21,7 +19,7 @@
 @Service
 @RequiredArgsConstructor
 public class CategoryService {
-    private final OperatorRepository operatorRepo;
+
 
     private final CategoryRepository categoryRepo;
 
@@ -42,7 +40,7 @@ public List<CategoryTreeResponse> getAllCategories() {
                 .filter(relation -> !StringUtils.equals(relation.getParentId(), "0"))
                 .collect(Collectors.groupingBy(CategoryDto::getParentId));
 
-        List<CategoryTreeResponse> categoryTreeResponses = groupedByParentId.entrySet().stream()
+        return groupedByParentId.entrySet().stream()
                 .sorted(categoryComparator(nameMap))
                 .map(entry -> {
                     String parentId = entry.getKey();
@@ -58,10 +56,6 @@ public List<CategoryTreeResponse> getAllCategories() {
                     response.setCount(totalCount.get());
                     return response;
                 }).collect(Collectors.toCollection(ArrayList::new));
-
-        int stars = operatorRepo.countOperatorByStar(true);
-        categoryTreeResponses.add(buildStarCategoryTree(stars));
-        return categoryTreeResponses;
     }
 
     private Comparator<Map.Entry<String, List<CategoryDto>>> categoryComparator(Map<String, CategoryDto> categoryMap) {
@@ -71,21 +65,4 @@ private Comparator<Map.Entry<String, List<CategoryDto>>> categoryComparator(Map<
             return index1.compareTo(index2);
         };
     }
-
-    private CategoryTreeResponse buildStarCategoryTree(int stars) {
-        CategoryTreeResponse starResponse = new CategoryTreeResponse();
-        starResponse.setName("收藏状态");
-        starResponse.setCount(stars);
-        starResponse.setId("257b27e0-bba9-11f0-89d7-00155d0a6153");
-        CategoryDto star = new CategoryDto();
-        star.setId(OperatorConstant.CATEGORY_STAR_ID);
-        star.setName("已收藏");
-        star.setValue("isStar");
-        star.setCount(stars);
-        star.setParentId("257b27e0-bba9-11f0-89d7-00155d0a6153");
-        star.setCreatedAt(LocalDateTime.now());
-        star.setType("predefined");
-        starResponse.setCategories(Collections.singletonList(star));
-        return starResponse;
-    }
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
index 1542ea22..d624eb08 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
@@ -52,12 +52,12 @@ public class OperatorService {
     @Value("${operator.base.path:/operators}")
     private String operatorBasePath;
 
-    public List<OperatorDto> getOperators(Integer page, Integer size, List<String> categories,
+    public List<OperatorDto> getOperators(Integer page, Integer size, List<List<String>> categories,
                                           String keyword, Boolean isStar) {
         return operatorViewRepo.findOperatorsByCriteria(page, size, keyword, categories, isStar);
     }
 
-    public int getOperatorsCount(List<String> categories, String keyword, Boolean isStar) {
+    public int getOperatorsCount(List<List<String>> categories, String keyword, Boolean isStar) {
         return operatorViewRepo.countOperatorsByCriteria(keyword, categories, isStar);
     }
 
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorViewRepository.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorViewRepository.java
index 8bcc7d7c..6e24a472 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorViewRepository.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorViewRepository.java
@@ -8,9 +8,9 @@
 
 public interface OperatorViewRepository extends IRepository<OperatorView> {
     List<OperatorDto> findOperatorsByCriteria(Integer page, Integer size, String keyword,
-                                              List<String> categories, Boolean isStar);
+                                              List<List<String>> categories, Boolean isStar);
 
-    Integer countOperatorsByCriteria(String keyword, List<String> categories, Boolean isStar);
+    int countOperatorsByCriteria(String keyword, List<List<String>> categories, Boolean isStar);
 
     OperatorView findOperatorById(String id);
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
index bae4b6f2..fba40824 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
@@ -16,6 +16,7 @@
 import org.springframework.stereotype.Repository;
 
 import java.util.List;
+import java.util.stream.Collectors;
 
 @Repository
 @RequiredArgsConstructor
@@ -24,18 +25,36 @@ public class OperatorViewRepositoryImpl extends CrudRepository<OperatorViewMappe
 
     @Override
     public List<OperatorDto> findOperatorsByCriteria(Integer page, Integer size, String keyword,
-                                                     List<String> categories, Boolean isStar) {
+                                                     List<List<String>> categories, Boolean isStar) {
         QueryWrapper<OperatorView> queryWrapper = Wrappers.query();
-        queryWrapper.in(CollectionUtils.isNotEmpty(categories), "category_id", categories)
-            .eq(isStar != null, "is_star", isStar);
+        queryWrapper.eq(isStar != null, "is_star", isStar);
         if (StringUtils.isNotEmpty(keyword)) {
             queryWrapper.and(w ->
                     w.like("operator_name", keyword)
                     .or()
                     .like("description", keyword));
         }
+        StringBuilder havingSql = new StringBuilder();
+        if (CollectionUtils.isNotEmpty(categories)) {
+            queryWrapper.in("category_id", categories.stream().flatMap(List::stream).toList());
+            int index = 0;
+            for (List<String> category : categories) {
+                if (index > 0) {
+                    havingSql.append(" AND ");
+                }
+                havingSql.append("SUM(CASE WHEN category_id IN (");
+                havingSql.append(category.stream()
+                        .map(id -> "'" + id + "'")
+                        .collect(Collectors.joining(",")));
+                havingSql.append(") THEN 1 ELSE 0 END) > 0");
+                index++;
+            }
+        }
+
         queryWrapper.groupBy("operator_id")
+            .having(!havingSql.isEmpty(), havingSql.toString())
             .orderByDesc("created_at");
+
         Page<OperatorView> queryPage;
         if (size != null && page != null) {
             queryPage = new Page<>(page + 1, size);
@@ -48,17 +67,35 @@ public List<OperatorDto> findOperatorsByCriteria(Integer page, Integer size, Str
     }
 
     @Override
-    public Integer countOperatorsByCriteria(String keyword, List<String> categories, Boolean isStar) {
+    public int countOperatorsByCriteria(String keyword, List<List<String>> categories, Boolean isStar) {
         QueryWrapper<OperatorView> queryWrapper = Wrappers.query();
-        queryWrapper.in(CollectionUtils.isNotEmpty(categories),"category_id", categories)
-            .eq(isStar != null, "is_star", isStar);
+        queryWrapper.eq(isStar != null, "is_star", isStar);
         if (StringUtils.isNotEmpty(keyword)) {
             queryWrapper.and(w ->
                     w.like("operator_name", keyword)
                     .or()
                     .like("description", keyword));
         }
-        return mapper.countOperatorsByCriteria(queryWrapper);
+        StringBuilder havingSql = new StringBuilder();
+        if (CollectionUtils.isNotEmpty(categories)) {
+            queryWrapper.in("category_id", categories.stream().flatMap(List::stream).toList());
+            int index = 0;
+            for (List<String> category : categories) {
+                if (index > 0) {
+                    havingSql.append(" AND ");
+                }
+                havingSql.append("SUM(CASE WHEN category_id IN (");
+                havingSql.append(category.stream()
+                        .map(id -> "'" + id + "'")
+                        .collect(Collectors.joining(",")));
+                havingSql.append(") THEN 1 ELSE 0 END) > 0");
+                index++;
+            }
+        }
+        queryWrapper.groupBy("operator_id")
+                .having(!havingSql.isEmpty(), havingSql.toString());
+        Integer count = mapper.countOperatorsByCriteria(queryWrapper);
+        return count != null ? count : 0;
     }
 
     @Override
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
index d8a56ec4..369b19e5 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
@@ -19,7 +19,7 @@ public interface OperatorViewMapper extends BaseMapper<OperatorView> {
     IPage<OperatorView> findOperatorsByCriteria(IPage<OperatorView> page,
                                                @Param(Constants.WRAPPER) Wrapper<OperatorView> queryWrapper);
 
-    @Select("SELECT COUNT(DISTINCT operator_id) AS count FROM v_operator ${ew.customSqlSegment}")
+    @Select("SELECT COUNT(1) FROM (SELECT 1 FROM v_operator ${ew.customSqlSegment}) AS t")
     Integer countOperatorsByCriteria(@Param(Constants.WRAPPER) Wrapper<OperatorView> queryWrapper);
 
     @Select("SELECT operator_id AS id, operator_name AS name, description, version, inputs, outputs, runtime, " +
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/CategoryTreePagedResponse.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/CategoryTreePagedResponse.java
new file mode 100644
index 00000000..cc584b2f
--- /dev/null
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/CategoryTreePagedResponse.java
@@ -0,0 +1,24 @@
+package com.datamate.operator.interfaces.dto;
+
+import com.datamate.common.interfaces.PagedResponse;
+import lombok.AllArgsConstructor;
+import lombok.Getter;
+import lombok.Setter;
+
+import java.util.List;
+
+@Getter
+@Setter
+@AllArgsConstructor
+public class CategoryTreePagedResponse extends PagedResponse<CategoryTreeResponse> {
+    Integer starCount;
+
+    public CategoryTreePagedResponse(List<CategoryTreeResponse> content, Integer starCount) {
+        super(content);
+        this.starCount = starCount;
+    }
+
+    public static CategoryTreePagedResponse of(List<CategoryTreeResponse> content, Integer starCount) {
+        return new CategoryTreePagedResponse(content, starCount);
+    }
+}
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorsListPostRequest.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorsListPostRequest.java
index 47f86833..7f23cc13 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorsListPostRequest.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorsListPostRequest.java
@@ -15,7 +15,7 @@
 @Getter
 @Setter
 public class OperatorsListPostRequest extends PagingQuery {
-  private List<String> categories = new ArrayList<>();
+  private List<List<String>> categories = new ArrayList<>();
 
   private String keyword;
 
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/CategoryController.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/CategoryController.java
index 2a7dca83..fc093c54 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/CategoryController.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/CategoryController.java
@@ -2,6 +2,8 @@
 
 import com.datamate.common.interfaces.PagedResponse;
 import com.datamate.operator.application.CategoryService;
+import com.datamate.operator.domain.repository.OperatorRepository;
+import com.datamate.operator.interfaces.dto.CategoryTreePagedResponse;
 import com.datamate.operator.interfaces.dto.CategoryTreeResponse;
 import lombok.RequiredArgsConstructor;
 import org.springframework.web.bind.annotation.GetMapping;
@@ -17,9 +19,11 @@
 public class CategoryController {
     private final CategoryService categoryService;
 
+    private final OperatorRepository operatorRepo;
+
     @GetMapping("/tree")
     public PagedResponse<CategoryTreeResponse> categoryTreeGet() {
         List<CategoryTreeResponse> allCategories = categoryService.getAllCategories();
-        return PagedResponse.of(allCategories);
+        return CategoryTreePagedResponse.of(allCategories, operatorRepo.countOperatorByStar(true));
     }
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/OperatorController.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/OperatorController.java
index 46a38d17..d235108e 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/OperatorController.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/rest/OperatorController.java
@@ -3,12 +3,10 @@
 import com.datamate.common.infrastructure.common.IgnoreResponseWrap;
 import com.datamate.common.interfaces.PagedResponse;
 import com.datamate.operator.application.OperatorService;
-import com.datamate.operator.domain.contants.OperatorConstant;
 import com.datamate.operator.interfaces.dto.OperatorDto;
 import com.datamate.operator.interfaces.dto.OperatorsListPostRequest;
 import com.datamate.operator.interfaces.dto.UploadOperatorRequest;
 import lombok.RequiredArgsConstructor;
-import org.apache.commons.collections4.CollectionUtils;
 import org.springframework.core.io.Resource;
 import org.springframework.http.HttpHeaders;
 import org.springframework.http.HttpStatus;
@@ -27,16 +25,10 @@ public class OperatorController {
 
     @PostMapping("/list")
     public PagedResponse<OperatorDto> operatorsListPost(@RequestBody OperatorsListPostRequest request) {
-        Boolean isStar = null;
-        List<String> categories = request.getCategories();
-        if (CollectionUtils.isNotEmpty(request.getCategories()) &&
-                request.getCategories().contains(OperatorConstant.CATEGORY_STAR_ID)) {
-            isStar = true;
-            categories.remove(OperatorConstant.CATEGORY_STAR_ID);
-        }
+        List<List<String>> categories = request.getCategories();
         List<OperatorDto> responses = operatorService.getOperators(request.getPage(), request.getSize(),
-                categories, request.getKeyword(), isStar);
-        int count = operatorService.getOperatorsCount(categories, request.getKeyword(), isStar);
+                categories, request.getKeyword(), request.getIsStar());
+        int count = operatorService.getOperatorsCount(categories, request.getKeyword(), request.getIsStar());
         int totalPages = (count + request.getSize() + 1) / request.getSize();
         return PagedResponse.of(responses, request.getPage(), count, totalPages);
     }
diff --git a/frontend/src/hooks/useFetchData.ts b/frontend/src/hooks/useFetchData.ts
index c3319c9e..d3f112a8 100644
--- a/frontend/src/hooks/useFetchData.ts
+++ b/frontend/src/hooks/useFetchData.ts
@@ -44,7 +44,8 @@ export default function useFetchData<T>(
       status: [] as string[],
       tags: [] as string[],
       // 通用分类筛选（如算子市场的分类 ID 列表）
-      categories: [] as string[],
+      categories: [] as string[][],
+      selectedStar: false,
     },
     current: 1,
     pageSize: 12,
@@ -113,11 +114,10 @@ export default function useFetchData<T>(
         // 同时执行主要数据获取和额外的轮询函数
         const promises = [
           fetchFunc({
-            ...Object.fromEntries(
-              Object.entries(filter).filter(([_, value]) => value != null && value.length > 0)
-            ),
+            categories: filter.categories,
             ...extraParams,
             keyword,
+            isStar: filter.selectedStar ? true : undefined,
             type: getFirstOfArray(filter?.type) || undefined,
             status: getFirstOfArray(filter?.status) || undefined,
             tags: filter?.tags?.length ? filter.tags.join(",") : undefined,
diff --git a/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx b/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
index 807587ce..07a47870 100644
--- a/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
+++ b/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
@@ -37,10 +37,13 @@ export default function OperatorMarketPage() {
 
   const [showFilters, setShowFilters] = useState(true);
   const [categoriesTree, setCategoriesTree] = useState<CategoryTreeI[]>([]);
+  const [starCount, setStarCount] = useState(0);
+  const [selectedStar, setSelectedStar] = useState<boolean>(false);
 
   const initCategoriesTree = async () => {
     const { data } = await queryCategoryTreeUsingGet({ page: 0, size: 1000 });
     setCategoriesTree(data.content || []);
+    setStarCount(data.starCount || 0);
   };
 
   useEffect(() => {
@@ -104,16 +107,7 @@ export default function OperatorMarketPage() {
   ];
 
   useEffect(() => {
-    const filteredIds = Object.values(selectedFilters).reduce(
-      (acc, filter: string[]) => {
-        if (filter.length) {
-          acc.push(...filter);
-        }
-
-        return acc;
-      },
-      []
-    );
+    const filteredIds = Object.values(selectedFilters).filter(item => item.length > 0);
 
     // 分类筛选变化时：
     // 1. 将分类 ID 写入通用 searchParams.filter.categories，确保分页时条件不会丢失
@@ -124,9 +118,10 @@ export default function OperatorMarketPage() {
       filter: {
         ...prev.filter,
         categories: filteredIds,
+        selectedStar: selectedStar,
       },
     }));
-  }, [selectedFilters, setSearchParams]);
+  }, [selectedFilters, setSearchParams, selectedStar]);
 
   return (
     <div className="h-full flex flex-col gap-4">
@@ -162,8 +157,11 @@ export default function OperatorMarketPage() {
           <Filters
             hideFilter={() => setShowFilters(false)}
             categoriesTree={categoriesTree}
+            selectedStar={selectedStar}
+            starCount={starCount}
             selectedFilters={selectedFilters}
             setSelectedFilters={setSelectedFilters}
+            setSelectedStar={setSelectedStar}
           />
         </div>
         <div className="flex-overflow-auto p-6 ">
diff --git a/frontend/src/pages/OperatorMarket/Home/components/Filters.tsx b/frontend/src/pages/OperatorMarket/Home/components/Filters.tsx
index d71f5280..e674923c 100644
--- a/frontend/src/pages/OperatorMarket/Home/components/Filters.tsx
+++ b/frontend/src/pages/OperatorMarket/Home/components/Filters.tsx
@@ -104,15 +104,21 @@ const FilterSection: React.FC<FilterSectionProps> = ({
 interface FiltersProps {
   categoriesTree: CategoryTreeI[];
   selectedFilters: { [key: string]: string[] };
+  selectedStar: boolean;
+  starCount: number;
   hideFilter: () => void;
   setSelectedFilters: (filters: { [key: string]: string[] }) => void;
+  setSelectedStar: (item: boolean) => void;
 }
 
 const Filters: React.FC<FiltersProps> = ({
   categoriesTree,
   selectedFilters,
+  selectedStar,
+  starCount,
   hideFilter,
   setSelectedFilters,
+  setSelectedStar,
 }) => {
   const clearAllFilters = () => {
     const newFilters = Object.keys(selectedFilters).reduce((acc, key) => {
@@ -126,6 +132,17 @@ const Filters: React.FC<FiltersProps> = ({
     (filters) => Array.isArray(filters) && filters.length > 0
   );
 
+  const starCategory = {
+    id: "starStatus",
+    count: starCount,
+    name: "收藏状态",
+    categories: [{
+      id: "isStar",
+      count: starCount,
+      name: "已收藏"
+    }]
+  };
+
   return (
     <div className="p-6 space-y-4 h-full overflow-y-auto">
       {/* Filter Header */}
@@ -170,6 +187,22 @@ const Filters: React.FC<FiltersProps> = ({
           showIcons={false}
         />
       ))}
+
+      <FilterSection
+        key={starCategory.id}
+        total={starCategory.count}
+        title={starCategory.name}
+        options={starCategory.categories.map(cat => ({
+          key: cat.id.toString(),
+          label: cat.name,
+          count: cat.count,
+        }))}
+        selectedValues={selectedStar ? ["isStar"] : []}
+        onSelectionChange={(values) => {
+          values.length > 0 ? setSelectedStar(true) : setSelectedStar(false);
+        }}
+        showIcons={false}
+      />
     </div>
   );
 };
diff --git a/frontend/src/pages/OperatorMarket/operator.model.ts b/frontend/src/pages/OperatorMarket/operator.model.ts
index 660b4fa5..8ef4b189 100644
--- a/frontend/src/pages/OperatorMarket/operator.model.ts
+++ b/frontend/src/pages/OperatorMarket/operator.model.ts
@@ -46,11 +46,11 @@ export interface OperatorI {
 }
 
 export interface CategoryI {
-  id: number;
+  id: string;
   name: string;
   count: number; // 该分类下的算子数量
   type: string; // e.g., "数据源", "数据清洗", "数据分析", "数据可视化"
-  parentId?: number; // 父分类ID，若无父分类则为null
+  parentId?: string; // 父分类ID，若无父分类则为null
   value: string;
   createdAt: string;
 }

From 5a26a3841e458b1fdadd0af352616d2b654b2ba1 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Tue, 6 Jan 2026 17:52:03 +0800
Subject: [PATCH 10/15] =?UTF-8?q?fix:=20=E6=B8=85=E6=B4=97=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E5=88=9B=E5=BB=BA=E7=AD=9B=E9=80=89=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Create/components/OperatorLibrary.tsx     | 48 ++++++++++++++++---
 1 file changed, 42 insertions(+), 6 deletions(-)

diff --git a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
index 07399670..bfa51fc0 100644
--- a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
+++ b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
@@ -111,16 +111,32 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
 
   // 按分类分组
   const groupedOperators = useMemo(() => {
-    const groups: { [key: string]: OperatorI[] } = {};
-    let operatorFilteredList = [];
+    const groups: { [key: string]: any[] } = {};
+    let operatorFilteredList: OperatorI[] = [];
     categoryOptions.forEach((cat: any) => {
-      groups[cat.name] = {
+      groups[cat.id] = {
         ...cat,
         operators: operatorList.filter((op) => op.categories?.includes(cat.id)),
       };
     });
+
     if (selectedCategory.length) {
-      operatorFilteredList = operatorList.filter((op) => hasCommon(op.categories || [], selectedCategory));
+      const groupedFiltered: { [key: string]: any[] } = {};
+      selectedCategory.forEach((cat: any) => {
+        let parent = groups[cat].type;
+        if (!groupedFiltered[parent]) {
+          groupedFiltered[parent] = groups[cat].operators
+        } else {
+          groupedFiltered[parent] = Array.from(
+            new Map([...groupedFiltered[parent], ...groups[cat].operators].map(item => [item.id, item])).values()
+          );
+        }
+      })
+      operatorFilteredList = Object.values(groupedFiltered).reduce((acc, currentList) => {
+        if (acc.length === 0) return [];
+        const currentIds = new Set(currentList.map(item => item.id));
+        return acc.filter(item => currentIds.has(item.id));
+      });
     } else {
       operatorFilteredList = [...operatorList];
     }
@@ -141,7 +157,7 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
   }, [categoryOptions, selectedCategory, searchTerm, showFavorites]);
 
   // 过滤算子
-  const filteredOperators = useMemo(() => {
+  useMemo(() => {
     return Object.values(groupedOperators).flatMap(
       (category) => category.operators
     );
@@ -181,6 +197,26 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
     setSelectedOperators(newSelected);
   };
 
+  const handleSelectCategory = (categoryOptions) => {
+    const groups: Record<string, any> = {};
+    const tree: any[] = [];
+    categoryOptions.forEach(item => {
+      const groupName = item.type;
+      if (!groups[groupName]) {
+        const newGroup = {
+          label: groupName,
+          title: groupName,
+          options: []
+        };
+        groups[groupName] = newGroup;
+        tree.push(newGroup);
+      }
+      const { type, ...childItem } = item;
+      groups[groupName].options.push(childItem);
+    });
+    return tree;
+  }
+
   return (
     <div className="w-1/4 h-full min-w-3xs flex flex-col">
       <div className="pb-4 border-b border-gray-200">
@@ -201,7 +237,7 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
           />
           <Select
             value={selectedCategory}
-            options={[...categoryOptions.filter(item => item.name !== '已收藏')]}
+            options={handleSelectCategory(categoryOptions)}
             onChange={setSelectedCategory}
             mode="multiple"
             allowClear

From eeaaced7ec8fb774b28d4c178bf966bdc7c5da56 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Tue, 6 Jan 2026 17:52:39 +0800
Subject: [PATCH 11/15] =?UTF-8?q?fix:=20=E6=B8=85=E6=B4=97=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E5=88=9B=E5=BB=BA=E7=AD=9B=E9=80=89=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Create/components/OperatorLibrary.tsx              | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
index bfa51fc0..f71c81ec 100644
--- a/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
+++ b/frontend/src/pages/DataCleansing/Create/components/OperatorLibrary.tsx
@@ -103,16 +103,10 @@ const OperatorLibrary: React.FC<OperatorLibraryProps> = ({
   const [selectedCategory, setSelectedCategory] = useState<string[]>([]);
 
   const [operatorListFiltered, setOperatorListFiltered] = useState<OperatorI[]>([]);
-
-  const hasCommon = (arr1: string[], arr2: string[]) => {
-    const set1 = new Set(arr1);
-    return arr2.some(item => set1.has(item));
-  }
-
-  // 按分类分组
+// 按分类分组
   const groupedOperators = useMemo(() => {
     const groups: { [key: string]: any[] } = {};
-    let operatorFilteredList: OperatorI[] = [];
+    let operatorFilteredList: OperatorI[];
     categoryOptions.forEach((cat: any) => {
       groups[cat.id] = {
         ...cat,

From 7aa8b4d93a1ee01ef85a3377c41e538e2429cc72 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Wed, 21 Jan 2026 09:51:10 +0800
Subject: [PATCH 12/15] =?UTF-8?q?feat:=20=E7=AE=97=E5=AD=90=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E6=9B=B4=E5=A4=9A=E6=8C=87=E6=A0=87=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../operator/domain/model/Operator.java       |  6 ++++
 .../operator/domain/model/OperatorView.java   |  6 ++++
 .../Impl/OperatorViewRepositoryImpl.java      |  2 +-
 .../mapper/OperatorViewMapper.java            |  4 +--
 .../operator/interfaces/dto/OperatorDto.java  |  6 ++++
 .../Detail/components/Overview.tsx            |  2 ++
 frontend/src/utils/request.ts                 |  6 ++--
 runtime/ops/examples/test_operator/README.md  |  1 +
 .../ops/examples/test_operator/metadata.yml   | 17 ++++++++++
 scripts/db/data-operator-init.sql             | 31 ++++++++++++++++---
 10 files changed, 71 insertions(+), 10 deletions(-)
 create mode 100644 runtime/ops/examples/test_operator/README.md

diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/Operator.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/Operator.java
index 88af1eb9..4e1994aa 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/Operator.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/Operator.java
@@ -28,6 +28,12 @@ public class Operator {
 
     private String fileName;
 
+    private Long fileSize;
+
+    private String metrics;
+
+    private Integer usageCount;
+
     private Boolean isStar;
 
     private LocalDateTime createdAt;
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java
index c1df189b..7cc38001 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java
@@ -31,6 +31,12 @@ public class OperatorView {
 
     private String settings;
 
+    private Long fileSize;
+
+    private String metrics;
+
+    private Integer usageCount;
+
     private Boolean isStar;
 
     private LocalDateTime createdAt;
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
index 4c2f8249..692acdd9 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
@@ -78,7 +78,7 @@ private QueryWrapper<OperatorView> getQueryWrapper(String keyword, List<List<Str
         }
 
         queryWrapper.groupBy("operator_id", "operator_name", "description", "version", "inputs", "outputs",
-                        "runtime", "settings", "is_star", "created_at", "updated_at")
+                        "runtime", "settings", "is_star", "file_size", "usage_count", "created_at", "updated_at")
                 .having(!havingSql.isEmpty(), havingSql.toString())
                 .orderByDesc("created_at");
         return queryWrapper;
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
index 98e13af4..59a256a7 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
@@ -13,7 +13,7 @@
 @Mapper
 public interface OperatorViewMapper extends BaseMapper<OperatorView> {
     @Select("SELECT operator_id AS id, operator_name AS name, description, version, inputs, outputs, runtime, " +
-        "settings, is_star, created_at, updated_at, " +
+        "settings, is_star, file_size, usage_count, created_at, updated_at, " +
         "STRING_AGG(CAST(category_id AS TEXT), ',' ORDER BY created_at DESC) AS categories " +
         "FROM v_operator ${ew.customSqlSegment}")
     IPage<OperatorView> findOperatorsByCriteria(IPage<OperatorView> page,
@@ -23,7 +23,7 @@ IPage<OperatorView> findOperatorsByCriteria(IPage<OperatorView> page,
     Integer countOperatorsByCriteria(@Param(Constants.WRAPPER) Wrapper<OperatorView> queryWrapper);
 
     @Select("SELECT operator_id AS id, operator_name AS name, description, version, inputs, outputs, runtime, " +
-        "settings, is_star, created_at, updated_at, " +
+        "settings, is_star, file_size, usage_count, created_at, updated_at, " +
         "STRING_AGG(category_name, ',' ORDER BY created_at DESC) AS categories " +
         "FROM v_operator WHERE operator_id = #{id} " +
         "GROUP BY operator_id, operator_name, description, version, inputs, outputs, runtime, settings, is_star, created_at, updated_at")
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
index fca9e58e..7dbf024a 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
@@ -37,6 +37,12 @@ public class OperatorDto {
 
     private String fileName;
 
+    private Long fileSize;
+
+    private String metrics;
+
+    private Integer usageCount;
+
     private Boolean isStar;
 
     @DateTimeFormat(iso = DateTimeFormat.ISO.DATE_TIME)
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
index 3393f2a5..ffb4945b 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
@@ -104,6 +104,7 @@ export default function Overview({ operator }) {
       </Card>
 
       {/* 输入输出格式 */}
+      {operator.categories?.includes('系统预置') && (
       <Card>
         <h3 className="text-lg font-semibold text-gray-900 mb-4">支持格式</h3>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
@@ -132,6 +133,7 @@ export default function Overview({ operator }) {
           </div>
         </div>
       </Card>
+      )}
     </div>
   );
 }
diff --git a/frontend/src/utils/request.ts b/frontend/src/utils/request.ts
index a97477a2..a25c00c8 100644
--- a/frontend/src/utils/request.ts
+++ b/frontend/src/utils/request.ts
@@ -82,6 +82,9 @@ class Request {
    */
   createXHRWithProgress(url, config, onProgress, onDownloadProgress) {
     return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      xhr.open("POST", url);
+
       // 设置请求头
       if (config.headers) {
         Object.keys(config.headers).forEach((key) => {
@@ -89,8 +92,6 @@ class Request {
         });
       }
 
-      const xhr = new XMLHttpRequest();
-
       // 监听上传进度
       xhr.upload.addEventListener("progress", function (event) {
         if (event.lengthComputable) {
@@ -151,7 +152,6 @@ class Request {
         if (onError) onError(new Error("上传已取消"));
       });
 
-      xhr.open("POST", url);
       xhr.send(config.body);
 
       return xhr; // 返回 xhr 对象以便后续控制
diff --git a/runtime/ops/examples/test_operator/README.md b/runtime/ops/examples/test_operator/README.md
new file mode 100644
index 00000000..6908f8e1
--- /dev/null
+++ b/runtime/ops/examples/test_operator/README.md
@@ -0,0 +1 @@
+# 这是一个测试算子
\ No newline at end of file
diff --git a/runtime/ops/examples/test_operator/metadata.yml b/runtime/ops/examples/test_operator/metadata.yml
index 088485fc..1c8dbb80 100644
--- a/runtime/ops/examples/test_operator/metadata.yml
+++ b/runtime/ops/examples/test_operator/metadata.yml
@@ -7,6 +7,23 @@ version: '1.0.0'
 modal: 'text'     # text/image/audio/video/multimodal
 inputs: 'text'    # text/image/audio/video/multimodal
 outputs: 'text'   # text/image/audio/video/multimodal
+release:
+  - '首次发布'
+  - '支持基本处理操作'
+metrics:
+  - name: '准确率'
+    metric: '99.5%'
+  - name: '处理速度'
+    metric: '50 ms/image'
+  - name: '内存使用'
+    metric: '128MB'
+  - name: '吞吐量'
+    metric: '20 images/sec'
+runtime:
+  memory: 10MB
+  cpu: 1000m
+  gpu: 0.1
+  npu: 0.1
 settings:
   sliderTest:
     name: '滑窗测试'
diff --git a/scripts/db/data-operator-init.sql b/scripts/db/data-operator-init.sql
index 5f2e4d4b..3742d6f6 100644
--- a/scripts/db/data-operator-init.sql
+++ b/scripts/db/data-operator-init.sql
@@ -6,14 +6,19 @@ CREATE TABLE IF NOT EXISTS t_operator
 (
     id          VARCHAR(64) PRIMARY KEY,
     name        VARCHAR(64) UNIQUE,
-    description VARCHAR(256),
-    version     VARCHAR(256),
-    inputs      VARCHAR(256),
-    outputs     VARCHAR(256),
+    description VARCHAR(255),
+    version     VARCHAR(255),
+    inputs      VARCHAR(255),
+    outputs     VARCHAR(255),
     runtime     TEXT,
     settings    TEXT,
     file_name   TEXT,
+    file_size   BIGINT,
+    metrics     TEXT,
     is_star     BOOLEAN,
+    usage_count INT,
+    created_by  VARCHAR(255),
+    updated_by  VARCHAR(255),
     created_at  TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
     updated_at  TIMESTAMP DEFAULT CURRENT_TIMESTAMP
 );
@@ -28,10 +33,23 @@ COMMENT ON COLUMN t_operator.outputs IS '输出类型';
 COMMENT ON COLUMN t_operator.runtime IS '运行时信息';
 COMMENT ON COLUMN t_operator.settings IS '设置信息';
 COMMENT ON COLUMN t_operator.file_name IS '文件名';
+COMMENT ON COLUMN t_operator.file_size IS '文件大小';
+COMMENT ON COLUMN t_operator.metrics IS '性能指标';
+COMMENT ON COLUMN t_operator.usage_count IS '使用次数';
 COMMENT ON COLUMN t_operator.is_star IS '是否收藏';
 COMMENT ON COLUMN t_operator.created_at IS '创建时间';
 COMMENT ON COLUMN t_operator.updated_at IS '更新时间';
 
+-- 算子版本表
+CREATE TABLE IF NOT EXISTS t_operator_release
+(
+    id           VARCHAR(64),
+    version      VARCHAR(255),
+    release_date TIMESTAMP,
+    changelog    JSON,
+    PRIMARY KEY (id, version)
+);
+
 -- 算子分类表
 CREATE TABLE IF NOT EXISTS t_operator_category
 (
@@ -103,6 +121,8 @@ SELECT
     o.runtime,
     o.settings,
     o.is_star,
+    o.file_size,
+    o.usage_count,
     o.created_at,
     o.updated_at,
     toc.id AS category_id,
@@ -178,6 +198,9 @@ VALUES ('MineruFormatter', 'MinerU PDF文本抽取', '基于MinerU API，抽取P
         ('ObjectDetectionRectangle', '图像目标检测与预标注', '基于 YOLOv8 的图像目标检测算子。对输入图像进行目标检测，输出带矩形框与类别标签的标注图像，并生成结构化标注 JSON（包含类别、置信度与边界框坐标）。支持将检测结果导出为 Label Studio 兼容的 predictions 预标注格式（rectanglelabels），可在标注任务中直接加载并进行人工校正，从而显著降低人工标注成本并提升标注效率。', '1.0.0', 'image', 'image,json', null, null, '', 'false')
 ON CONFLICT DO NOTHING;
 
+INSERT INTO t_operator_release(id, version, release_date, changelog)
+VALUES ('MineruFormatter', '1.0.0', '2026-03-30', '["aaa","bbb"]');
+
 INSERT INTO t_operator_category_relation(category_id, operator_id)
 SELECT c.id, o.id
 FROM t_operator_category c

From 70245b24604bd28c5c00f949580d5f9a24f6331c Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Wed, 21 Jan 2026 16:37:41 +0800
Subject: [PATCH 13/15] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E4=BE=9D=E8=B5=96/=E6=96=87=E6=A1=A3=E7=9A=84?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../operator/application/OperatorService.java |   60 +-
 .../domain/model/OperatorRelease.java         |   10 +
 .../operator/domain/model/OperatorView.java   |    2 +
 .../infrastructure/parser/AbstractParser.java |    1 +
 .../Impl/OperatorViewRepositoryImpl.java      |    4 +-
 .../mapper/OperatorViewMapper.java            |    5 +-
 .../operator/interfaces/dto/OperatorDto.java  |    4 +
 frontend/package-lock.json                    | 1663 ++++++++++++++++-
 frontend/package.json                         |    4 +
 .../Create/OperatorPluginCreate.tsx           |    5 +-
 .../Detail/components/Documentation.tsx       |   54 +-
 .../Detail/components/Overview.tsx            |   75 +-
 .../Detail/components/Requirement.tsx         |   23 +-
 .../pages/OperatorMarket/operator.const.tsx   |   25 +-
 .../pages/OperatorMarket/operator.model.ts    |    8 +
 runtime/ops/examples/test_operator/README.md  |   64 +-
 .../examples/test_operator/requirements.txt   |    2 +
 .../examples/test_operator/test_operator.tar  |  Bin 6144 -> 9216 bytes
 scripts/db/data-operator-init.sql             |   91 +-
 19 files changed, 1947 insertions(+), 153 deletions(-)
 create mode 100644 backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java
 create mode 100644 runtime/ops/examples/test_operator/requirements.txt

diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
index d624eb08..373fc9e3 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
@@ -28,10 +28,15 @@
 import org.springframework.transaction.annotation.Transactional;
 
 import java.io.File;
+import java.io.IOException;
 import java.net.MalformedURLException;
-import java.util.ArrayList;
-import java.util.List;
-import java.util.Map;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
 
 @Service
 @Slf4j
@@ -63,7 +68,14 @@ public int getOperatorsCount(List<List<String>> categories, String keyword, Bool
 
     public OperatorDto getOperatorById(String id) {
         OperatorView operator = operatorViewRepo.findOperatorById(id);
-        return OperatorConverter.INSTANCE.fromEntityToDto(operator);
+        OperatorDto operatorDto = OperatorConverter.INSTANCE.fromEntityToDto(operator);
+        if (StringUtils.isNotBlank(operatorDto.getFileName())) {
+            String filePath = getExtractPath(getFileNameWithoutExtension(operatorDto.getFileName()));
+            String requirements = filePath + "/requirements.txt";
+            operatorDto.setRequirements(readRequirements(requirements));
+            operatorDto.setReadme(getReadmeContent(filePath));
+        }
+        return operatorDto;
     }
 
     @Transactional
@@ -220,4 +232,44 @@ private void updateProperties(Map<String, Object> setting, Object value) {
             setting.put("properties", result);
         }
     }
+
+    private List<String> readRequirements(String filePath) {
+        Path path = Paths.get(filePath);
+        if (!Files.exists(path) || !Files.isRegularFile(path)) {
+            log.warn("requirements文件不存在或路径错误: {}", filePath);
+            return Collections.emptyList();
+        }
+
+        List<String> requirements = new ArrayList<>();
+        try (Stream<String> lines = Files.lines(path)) {
+            requirements = lines.map(String::trim)
+                    .filter(line -> !line.isEmpty())
+                    .filter(line -> !line.startsWith("#"))
+                    .collect(Collectors.toList());
+        } catch (IOException e) {
+            log.warn("读取requirements文件异常: {}", e.getMessage());
+        }
+        return requirements;
+    }
+
+    private String getReadmeContent(String directoryPath) {
+        Path dir = Paths.get(directoryPath);
+        if (!Files.exists(dir) || !Files.isDirectory(dir)) {
+            System.err.println("目录不存在: " + directoryPath);
+            return null;
+        }
+        List<String> candidateNames = Arrays.asList("README.md", "readme.md", "Readme.md");
+        for (String fileName : candidateNames) {
+            Path filePath = dir.resolve(fileName);
+            if (Files.exists(filePath) && Files.isRegularFile(filePath)) {
+                try {
+                    byte[] bytes = Files.readAllBytes(filePath);
+                    return new String(bytes, StandardCharsets.UTF_8);
+                } catch (IOException e) {
+                    log.warn("找到文件但读取失败: {}, 错误: {}", filePath, e.getMessage());
+                }
+            }
+        }
+        return "";
+    }
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java
new file mode 100644
index 00000000..8eaa9d0c
--- /dev/null
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java
@@ -0,0 +1,10 @@
+package com.datamate.operator.domain.model;
+
+import lombok.Getter;
+import lombok.Setter;
+
+@Getter
+@Setter
+public class OperatorRelease {
+
+}
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java
index 7cc38001..7e589601 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorView.java
@@ -31,6 +31,8 @@ public class OperatorView {
 
     private String settings;
 
+    private String fileName;
+
     private Long fileSize;
 
     private String metrics;
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java
index 41ab89e5..a118190c 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java
@@ -33,6 +33,7 @@ protected OperatorDto parseYaml(InputStream yamlContent) {
         operator.setOutputs(toStringIfNotNull(content.get("outputs")));
         operator.setRuntime(toJsonIfNotNull(content.get("runtime")));
         operator.setSettings(toJsonIfNotNull(content.get("settings")));
+        operator.setMetrics(toJsonIfNotNull(content.get("metrics")));
         List<String> categories = new ArrayList<>();
         categories.add(OperatorConstant.CATEGORY_MAP.get(toLowerCaseIfNotNull(content.get("language"))));
         categories.add(OperatorConstant.CATEGORY_MAP.get(toLowerCaseIfNotNull(content.get("modal"))));
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
index 692acdd9..370236ae 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorViewRepositoryImpl.java
@@ -56,9 +56,9 @@ private QueryWrapper<OperatorView> getQueryWrapper(String keyword, List<List<Str
         queryWrapper.eq(isStar != null, "is_star", isStar);
         if (StringUtils.isNotEmpty(keyword)) {
             queryWrapper.and(w ->
-                    w.like("operator_name", keyword)
+                    w.apply("operator_name ILIKE {0}", "%" + keyword + "%")
                             .or()
-                            .like("description", keyword));
+                            .apply("description ILIKE {0}", "%" + keyword + "%"));
         }
         StringBuilder havingSql = new StringBuilder();
         if (CollectionUtils.isNotEmpty(categories)) {
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
index 59a256a7..c13b4a6d 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorViewMapper.java
@@ -23,9 +23,10 @@ IPage<OperatorView> findOperatorsByCriteria(IPage<OperatorView> page,
     Integer countOperatorsByCriteria(@Param(Constants.WRAPPER) Wrapper<OperatorView> queryWrapper);
 
     @Select("SELECT operator_id AS id, operator_name AS name, description, version, inputs, outputs, runtime, " +
-        "settings, is_star, file_size, usage_count, created_at, updated_at, " +
+        "settings, is_star, file_name, file_size, usage_count, metrics, created_at, updated_at, " +
         "STRING_AGG(category_name, ',' ORDER BY created_at DESC) AS categories " +
         "FROM v_operator WHERE operator_id = #{id} " +
-        "GROUP BY operator_id, operator_name, description, version, inputs, outputs, runtime, settings, is_star, created_at, updated_at")
+        "GROUP BY operator_id, operator_name, description, version, inputs, outputs, runtime, settings, is_star, " +
+            "file_name, file_size, usage_count, metrics, created_at, updated_at")
     OperatorView findOperatorById(@Param("id") String id);
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
index 7dbf024a..d2b94b5c 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
@@ -45,6 +45,10 @@ public class OperatorDto {
 
     private Boolean isStar;
 
+    private List<String> requirements;
+
+    private String readme;
+
     @DateTimeFormat(iso = DateTimeFormat.ISO.DATE_TIME)
     private LocalDateTime createdAt;
 
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 22f42455..ab549149 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -16,9 +16,12 @@
         "react": "^18.1.1",
         "react-dom": "^18.1.1",
         "react-force-graph-3d": "^1.29.0",
+        "react-markdown": "^10.1.0",
         "react-redux": "^9.2.0",
         "react-router": "^7.8.0",
+        "react-syntax-highlighter": "^16.1.0",
         "recharts": "2.15.0",
+        "remark-gfm": "^4.0.1",
         "tailwind-merge": "^2.5.2",
         "three": "^0.182.0",
         "three-spritetext": "^1.8.4"
@@ -29,6 +32,7 @@
         "@types/node": "^24.2.1",
         "@types/react": "^18.1.10",
         "@types/react-dom": "^18.1.7",
+        "@types/react-syntax-highlighter": "^15.5.13",
         "@types/three": "^0.182.0",
         "@vitejs/plugin-react": "^5.0.0",
         "body-parser": "^2.2.0",
@@ -397,9 +401,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.28.2",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.2.tgz",
-      "integrity": "sha512-KHp2IflsnGywDjBWDkR9iEqiWSpc8GIi0lgTT3mOElT0PP1tG26P4tmFI2YvAdzgq9RGyoHZQEIEdZy6Ec5xCA==",
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.6.tgz",
+      "integrity": "sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==",
       "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
@@ -2134,13 +2138,39 @@
         "@types/d3-selection": "*"
       }
     },
+    "node_modules/@types/debug": {
+      "version": "4.1.12",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.12.tgz",
+      "integrity": "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
       "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/estree-jsx": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/estree-jsx/-/estree-jsx-1.0.5.tgz",
+      "integrity": "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/hast": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz",
+      "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
     "node_modules/@types/json-schema": {
       "version": "7.0.15",
       "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
@@ -2148,6 +2178,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/mdast": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-4.0.4.tgz",
+      "integrity": "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-2.1.0.tgz",
+      "integrity": "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==",
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
       "version": "24.2.1",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-24.2.1.tgz",
@@ -2158,18 +2203,22 @@
         "undici-types": "~7.10.0"
       }
     },
+    "node_modules/@types/prismjs": {
+      "version": "1.26.5",
+      "resolved": "https://registry.npmjs.org/@types/prismjs/-/prismjs-1.26.5.tgz",
+      "integrity": "sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==",
+      "license": "MIT"
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.15",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
       "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/@types/react": {
       "version": "18.3.23",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.23.tgz",
       "integrity": "sha512-/LDXMQh55EzZQ0uVAZmKKhfENivEvWz6E+EYzh+/MCjMhNsotd+ZHhBGIjFDTi6+fz0OhQQQLbTgdQIxxCsC0w==",
-      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
@@ -2186,6 +2235,16 @@
         "@types/react": "^18.0.0"
       }
     },
+    "node_modules/@types/react-syntax-highlighter": {
+      "version": "15.5.13",
+      "resolved": "https://registry.npmjs.org/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.13.tgz",
+      "integrity": "sha512-uLGJ87j6Sz8UaBAooU0T6lWJ0dBmjZgN1PZTrj05TNql2/XpC6+4HhMT5syIdFUUt+FASfCeLLv4kBygNU+8qA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/stats.js": {
       "version": "0.17.4",
       "resolved": "https://registry.npmjs.org/@types/stats.js/-/stats.js-0.17.4.tgz",
@@ -2216,6 +2275,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/unist": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-3.0.3.tgz",
+      "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
+      "license": "MIT"
+    },
     "node_modules/@types/use-sync-external-store": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
@@ -2500,6 +2565,12 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
+      "license": "ISC"
+    },
     "node_modules/@vitejs/plugin-react": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.0.0.tgz",
@@ -2761,6 +2832,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/bail": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/bail/-/bail-2.0.2.tgz",
+      "integrity": "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -2938,6 +3019,16 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/ccount": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ccount/-/ccount-2.0.1.tgz",
+      "integrity": "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
@@ -2955,6 +3046,46 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-html4": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/character-entities-html4/-/character-entities-html4-2.1.0.tgz",
+      "integrity": "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-entities-legacy": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz",
+      "integrity": "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-reference-invalid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz",
+      "integrity": "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -3044,6 +3175,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/comma-separated-tokens": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz",
+      "integrity": "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/commander": {
       "version": "14.0.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.0.tgz",
@@ -3405,7 +3546,6 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.1.tgz",
       "integrity": "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "ms": "^2.1.3"
@@ -3425,6 +3565,19 @@
       "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
       "license": "MIT"
     },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz",
+      "integrity": "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -3442,6 +3595,15 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz",
@@ -3452,6 +3614,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "license": "MIT",
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/dom-helpers": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
@@ -3788,6 +3963,16 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/estree-util-is-identifier-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz",
+      "integrity": "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
@@ -3921,6 +4106,12 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3991,6 +4182,19 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/fault": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/fault/-/fault-1.0.4.tgz",
+      "integrity": "sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==",
+      "license": "MIT",
+      "dependencies": {
+        "format": "^0.2.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/fflate": {
       "version": "0.8.2",
       "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
@@ -4094,6 +4298,14 @@
         "node": ">=12"
       }
     },
+    "node_modules/format": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
+      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -4292,6 +4504,101 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/hast-util-parse-selector": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz",
+      "integrity": "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-to-jsx-runtime": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz",
+      "integrity": "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/unist": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "devlop": "^1.0.0",
+        "estree-util-is-identifier-name": "^3.0.0",
+        "hast-util-whitespace": "^3.0.0",
+        "mdast-util-mdx-expression": "^2.0.0",
+        "mdast-util-mdx-jsx": "^3.0.0",
+        "mdast-util-mdxjs-esm": "^2.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0",
+        "style-to-js": "^1.0.0",
+        "unist-util-position": "^5.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hast-util-whitespace": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz",
+      "integrity": "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/hastscript": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.1.tgz",
+      "integrity": "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "comma-separated-tokens": "^2.0.0",
+        "hast-util-parse-selector": "^4.0.0",
+        "property-information": "^7.0.0",
+        "space-separated-tokens": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/highlight.js": {
+      "version": "10.7.3",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
+      "integrity": "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/highlightjs-vue": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/highlightjs-vue/-/highlightjs-vue-1.0.0.tgz",
+      "integrity": "sha512-PDEfEF102G23vHmPhLyPboFCD+BkMGu+GuJe2d9/eH4FsCwvgBpnc9n0pGE+ffKdph38s6foEZiEjdgHdzp+IA==",
+      "license": "CC0-1.0"
+    },
+    "node_modules/html-url-attributes": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-url-attributes/-/html-url-attributes-3.0.1.tgz",
+      "integrity": "sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/http-errors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -4393,6 +4700,12 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/inline-style-parser": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/inline-style-parser/-/inline-style-parser-0.2.7.tgz",
+      "integrity": "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==",
+      "license": "MIT"
+    },
     "node_modules/internmap": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
@@ -4412,6 +4725,30 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/is-alphabetical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-2.0.1.tgz",
+      "integrity": "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/is-alphanumerical": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz",
+      "integrity": "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-alphabetical": "^2.0.0",
+        "is-decimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -4425,6 +4762,16 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-decimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-2.0.1.tgz",
+      "integrity": "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -4448,6 +4795,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-hexadecimal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz",
+      "integrity": "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/is-number": {
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
@@ -4458,6 +4815,18 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-plain-obj": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-4.1.0.tgz",
+      "integrity": "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-promise": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
@@ -4918,6 +5287,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/longest-streak": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
+      "integrity": "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -4930,6 +5309,20 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/lowlight": {
+      "version": "1.20.0",
+      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-1.20.0.tgz",
+      "integrity": "sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==",
+      "license": "MIT",
+      "dependencies": {
+        "fault": "^1.0.0",
+        "highlight.js": "~10.7.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -4959,6 +5352,16 @@
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
+    "node_modules/markdown-table": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/markdown-table/-/markdown-table-3.0.4.tgz",
+      "integrity": "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/math-intrinsics": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -4969,37 +5372,319 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/media-typer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
-      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
-      "dev": true,
+    "node_modules/mdast-util-find-and-replace": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.2.tgz",
+      "integrity": "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "escape-string-regexp": "^5.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
       }
     },
-    "node_modules/merge-descriptors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
-      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
-      "dev": true,
+    "node_modules/mdast-util-find-and-replace/node_modules/escape-string-regexp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz",
+      "integrity": "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==",
       "license": "MIT",
       "engines": {
-        "node": ">=18"
+        "node": ">=12"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "dev": true,
+    "node_modules/mdast-util-from-markdown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.2.tgz",
+      "integrity": "sha512-uZhTV/8NBuw0WHkPTrCqDOl0zVe1BIng5ZtHoDk49ME1qqcjYmmLmOf0gELgcRMxN4w2iuIeVso5/6QymSrgmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark": "^4.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm/-/mdast-util-gfm-3.1.0.tgz",
+      "integrity": "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==",
       "license": "MIT",
-      "engines": {
-        "node": ">= 8"
+      "dependencies": {
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-gfm-autolink-literal": "^2.0.0",
+        "mdast-util-gfm-footnote": "^2.0.0",
+        "mdast-util-gfm-strikethrough": "^2.0.0",
+        "mdast-util-gfm-table": "^2.0.0",
+        "mdast-util-gfm-task-list-item": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-autolink-literal": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.1.tgz",
+      "integrity": "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-find-and-replace": "^3.0.0",
+        "micromark-util-character": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-strikethrough": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz",
+      "integrity": "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-table": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz",
+      "integrity": "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "markdown-table": "^3.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-gfm-task-list-item": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz",
+      "integrity": "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-expression": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz",
+      "integrity": "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdx-jsx": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz",
+      "integrity": "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "ccount": "^2.0.0",
+        "devlop": "^1.1.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "parse-entities": "^4.0.0",
+        "stringify-entities": "^4.0.0",
+        "unist-util-stringify-position": "^4.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-mdxjs-esm": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz",
+      "integrity": "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree-jsx": "^1.0.0",
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "mdast-util-to-markdown": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-phrasing": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz",
+      "integrity": "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-hast": {
+      "version": "13.2.1",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz",
+      "integrity": "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "@ungap/structured-clone": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "trim-lines": "^3.0.0",
+        "unist-util-position": "^5.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-markdown": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz",
+      "integrity": "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "@types/unist": "^3.0.0",
+        "longest-streak": "^3.0.0",
+        "mdast-util-phrasing": "^4.0.0",
+        "mdast-util-to-string": "^4.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-decode-string": "^2.0.0",
+        "unist-util-visit": "^5.0.0",
+        "zwitch": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/mdast-util-to-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz",
+      "integrity": "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
       }
     },
     "node_modules/meshoptimizer": {
@@ -5009,6 +5694,569 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/micromark": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.2.tgz",
+      "integrity": "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz",
+      "integrity": "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-extension-gfm": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz",
+      "integrity": "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-extension-gfm-autolink-literal": "^2.0.0",
+        "micromark-extension-gfm-footnote": "^2.0.0",
+        "micromark-extension-gfm-strikethrough": "^2.0.0",
+        "micromark-extension-gfm-table": "^2.0.0",
+        "micromark-extension-gfm-tagfilter": "^2.0.0",
+        "micromark-extension-gfm-task-list-item": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-autolink-literal": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.1.0.tgz",
+      "integrity": "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-footnote": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.1.0.tgz",
+      "integrity": "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-strikethrough": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.1.0.tgz",
+      "integrity": "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-table": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.1.1.tgz",
+      "integrity": "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-tagfilter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz",
+      "integrity": "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==",
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-extension-gfm-task-list-item": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.1.0.tgz",
+      "integrity": "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==",
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz",
+      "integrity": "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz",
+      "integrity": "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz",
+      "integrity": "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz",
+      "integrity": "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz",
+      "integrity": "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.1.tgz",
+      "integrity": "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz",
+      "integrity": "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz",
+      "integrity": "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz",
+      "integrity": "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz",
+      "integrity": "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-string": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz",
+      "integrity": "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz",
+      "integrity": "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz",
+      "integrity": "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz",
+      "integrity": "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz",
+      "integrity": "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz",
+      "integrity": "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz",
+      "integrity": "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz",
+      "integrity": "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.2.tgz",
+      "integrity": "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==",
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/micromatch": {
       "version": "4.0.8",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
@@ -5131,7 +6379,6 @@
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/nanoid": {
@@ -5408,6 +6655,31 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-entities": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-4.0.2.tgz",
+      "integrity": "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^2.0.0",
+        "character-entities-legacy": "^3.0.0",
+        "character-reference-invalid": "^2.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "is-alphanumerical": "^2.0.0",
+        "is-decimal": "^2.0.0",
+        "is-hexadecimal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/parse-entities/node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
+    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -5530,6 +6802,15 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/prismjs": {
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/prismjs/-/prismjs-1.30.0.tgz",
+      "integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/prop-types": {
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
@@ -5547,6 +6828,16 @@
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
       "license": "MIT"
     },
+    "node_modules/property-information": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/property-information/-/property-information-7.1.0.tgz",
+      "integrity": "sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -6337,6 +7628,33 @@
         "react": ">=16.13.1"
       }
     },
+    "node_modules/react-markdown": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/react-markdown/-/react-markdown-10.1.0.tgz",
+      "integrity": "sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "devlop": "^1.0.0",
+        "hast-util-to-jsx-runtime": "^2.0.0",
+        "html-url-attributes": "^3.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-rehype": "^11.0.0",
+        "unified": "^11.0.0",
+        "unist-util-visit": "^5.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18",
+        "react": ">=18"
+      }
+    },
     "node_modules/react-redux": {
       "version": "9.2.0",
       "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
@@ -6407,6 +7725,26 @@
         "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/react-syntax-highlighter": {
+      "version": "16.1.0",
+      "resolved": "https://registry.npmjs.org/react-syntax-highlighter/-/react-syntax-highlighter-16.1.0.tgz",
+      "integrity": "sha512-E40/hBiP5rCNwkeBN1vRP+xow1X0pndinO+z3h7HLsHyjztbyjfzNWNKuAsJj+7DLam9iT4AaaOZnueCU+Nplg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.28.4",
+        "highlight.js": "^10.4.1",
+        "highlightjs-vue": "^1.0.0",
+        "lowlight": "^1.17.0",
+        "prismjs": "^1.30.0",
+        "refractor": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 16.20.2"
+      },
+      "peerDependencies": {
+        "react": ">= 0.14.0"
+      }
+    },
     "node_modules/react-transition-group": {
       "version": "4.4.5",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
@@ -6483,6 +7821,88 @@
         "redux": "^5.0.0"
       }
     },
+    "node_modules/refractor": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/refractor/-/refractor-5.0.0.tgz",
+      "integrity": "sha512-QXOrHQF5jOpjjLfiNk5GFnWhRXvxjUVnlFxkeDmewR5sXkr3iM46Zo+CnRR8B+MDVqkULW4EcLVcRBNOPXHosw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/prismjs": "^1.0.0",
+        "hastscript": "^9.0.0",
+        "parse-entities": "^4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/remark-gfm": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/remark-gfm/-/remark-gfm-4.0.1.tgz",
+      "integrity": "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-gfm": "^3.0.0",
+        "micromark-extension-gfm": "^3.0.0",
+        "remark-parse": "^11.0.0",
+        "remark-stringify": "^11.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-parse": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-11.0.0.tgz",
+      "integrity": "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-from-markdown": "^2.0.0",
+        "micromark-util-types": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-rehype": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/remark-rehype/-/remark-rehype-11.1.2.tgz",
+      "integrity": "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/hast": "^3.0.0",
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-hast": "^13.0.0",
+        "unified": "^11.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/remark-stringify": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-11.0.0.tgz",
+      "integrity": "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdast": "^4.0.0",
+        "mdast-util-to-markdown": "^2.0.0",
+        "unified": "^11.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/reselect": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
@@ -6910,6 +8330,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/space-separated-tokens": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz",
+      "integrity": "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/statuses": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
@@ -6926,6 +8356,20 @@
       "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A==",
       "license": "MIT"
     },
+    "node_modules/stringify-entities": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-4.0.4.tgz",
+      "integrity": "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==",
+      "license": "MIT",
+      "dependencies": {
+        "character-entities-html4": "^2.0.0",
+        "character-entities-legacy": "^3.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -6939,6 +8383,24 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/style-to-js": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/style-to-js/-/style-to-js-1.1.21.tgz",
+      "integrity": "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==",
+      "license": "MIT",
+      "dependencies": {
+        "style-to-object": "1.0.14"
+      }
+    },
+    "node_modules/style-to-object": {
+      "version": "1.0.14",
+      "resolved": "https://registry.npmjs.org/style-to-object/-/style-to-object-1.0.14.tgz",
+      "integrity": "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==",
+      "license": "MIT",
+      "dependencies": {
+        "inline-style-parser": "0.2.7"
+      }
+    },
     "node_modules/stylis": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.6.tgz",
@@ -7179,6 +8641,26 @@
         "nodetouch": "bin/nodetouch.js"
       }
     },
+    "node_modules/trim-lines": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",
+      "integrity": "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/trough": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/trough/-/trough-2.2.0.tgz",
+      "integrity": "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
     "node_modules/ts-api-utils": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.1.0.tgz",
@@ -7295,6 +8777,93 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/unified": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/unified/-/unified-11.0.5.tgz",
+      "integrity": "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "bail": "^2.0.0",
+        "devlop": "^1.0.0",
+        "extend": "^3.0.0",
+        "is-plain-obj": "^4.0.0",
+        "trough": "^2.0.0",
+        "vfile": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-is": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-6.0.1.tgz",
+      "integrity": "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-position": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-position/-/unist-util-position-5.0.0.tgz",
+      "integrity": "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-stringify-position": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz",
+      "integrity": "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-5.0.0.tgz",
+      "integrity": "sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0",
+        "unist-util-visit-parents": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/unist-util-visit-parents": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz",
+      "integrity": "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-is": "^6.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/universalify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -7375,6 +8944,34 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vfile": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
+      "integrity": "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "vfile-message": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
+    "node_modules/vfile-message": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-4.0.3.tgz",
+      "integrity": "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/unist": "^3.0.0",
+        "unist-util-stringify-position": "^4.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      }
+    },
     "node_modules/victory-vendor": {
       "version": "36.9.2",
       "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
@@ -7593,6 +9190,16 @@
           "optional": true
         }
       }
+    },
+    "node_modules/zwitch": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
+      "integrity": "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
     }
   }
 }
diff --git a/frontend/package.json b/frontend/package.json
index 10fbb1ca..32fb873a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,9 +19,12 @@
     "react": "^18.1.1",
     "react-dom": "^18.1.1",
     "react-force-graph-3d": "^1.29.0",
+    "react-markdown": "^10.1.0",
     "react-redux": "^9.2.0",
     "react-router": "^7.8.0",
+    "react-syntax-highlighter": "^16.1.0",
     "recharts": "2.15.0",
+    "remark-gfm": "^4.0.1",
     "tailwind-merge": "^2.5.2",
     "three": "^0.182.0",
     "three-spritetext": "^1.8.4"
@@ -32,6 +35,7 @@
     "@types/node": "^24.2.1",
     "@types/react": "^18.1.10",
     "@types/react-dom": "^18.1.7",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@types/three": "^0.182.0",
     "@vitejs/plugin-react": "^5.0.0",
     "body-parser": "^2.2.0",
diff --git a/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx b/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx
index 034ab527..8269817b 100644
--- a/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx
+++ b/frontend/src/pages/OperatorMarket/Create/OperatorPluginCreate.tsx
@@ -49,6 +49,7 @@ export default function OperatorPluginCreate() {
     setParseError(null);
     try {
       const fileName = files[0].name;
+      const fileSize = files[0].size;
       await handleUpload({
         task: createTask({
           dataset: { id: "operator-upload", name: "上传算子" },
@@ -58,7 +59,7 @@ export default function OperatorPluginCreate() {
             originFile: files[0],
             slices: sliceFile(files[0]),
             name: fileName,
-            size: files[0].size,
+            size: fileSize,
           },
         ], // 假设只上传一个文件
       });
@@ -73,7 +74,7 @@ export default function OperatorPluginCreate() {
         const { value } = configs[key];
         defaultParams[key] = value;
       });
-      setParsedInfo({ ...res.data, fileName, configs, defaultParams});
+      setParsedInfo({ ...res.data, fileName, fileSize, configs, defaultParams});
       setUploadStep("parsing");
     } catch (err) {
       setParseError("文件解析失败，" + err.data.message);
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
index 43ad4d0c..4b081a22 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
@@ -1,31 +1,41 @@
 import { Card } from "antd";
+import ReactMarkdown from "react-markdown";
+import remarkGfm from 'remark-gfm';
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
+import { vscDarkPlus } from 'react-syntax-highlighter/dist/esm/styles/prism';
 
 export default function Documentation({ operator }) {
-  const documentation = "# 图像预处理算子\n" +
-    "\n" +
-    "## 概述\n" +
-    "这是一个高效的图像预处理算子，支持多种常用的图像处理操作。\n" +
-    "\n" +
-    "## 主要功能\n" +
-    "- 图像缩放和裁剪\n" +
-    "- 旋转和翻转\n" +
-    "- 颜色空间转换\n" +
-    "- 噪声添加和去除\n" +
-    "- 批量处理支持\n" +
-    "\n" +
-    "## 性能特点\n" +
-    "- 内存优化，支持大图像处理\n" +
-    "- GPU加速支持\n" +
-    "- 多线程并行处理\n" +
-    "- 自动批处理优化"
-
   return (
     <div className="flex flex-col gap-4">
       <Card>
-        <div className="prose max-w-none">
-          <div className="whitespace-pre-wrap text-gray-700 leading-relaxed">
-            {documentation}
-          </div>
+        <div className="prose prose-blue max-w-none dark:prose-invert">
+          <ReactMarkdown
+            // 1. 启用 GFM 插件 (支持表格等)
+            remarkPlugins={[remarkGfm]}
+
+            // 2. 自定义渲染组件 (实现代码高亮)
+            components={{
+              code({ node, inline, className, children, ...props }: any) {
+                const match = /language-(\w+)/.exec(className || '');
+                return !inline && match ? (
+                  <SyntaxHighlighter
+                    {...props}
+                    style={vscDarkPlus} // 代码块样式
+                    language={match[1]} // 语言类型
+                    PreTag="div"
+                  >
+                    {String(children).replace(/\n$/, '')}
+                  </SyntaxHighlighter>
+                ) : (
+                  <code {...props} className={className}>
+                    {children}
+                  </code>
+                );
+              },
+            }}
+          >
+            {operator.readme || ""}
+          </ReactMarkdown>
         </div>
       </Card>
     </div>
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
index ffb4945b..4938f2db 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Overview.tsx
@@ -46,14 +46,14 @@ export default function Overview({ operator }) {
     },
   ];
 
-  const tags = ["图像处理", "预处理", "缩放", "裁剪", "旋转", "计算机视觉", "深度学习"];
+  // const tags = ["图像处理", "预处理", "缩放", "裁剪", "旋转", "计算机视觉", "深度学习"];
 
-  const performance = {
-    accuracy: 99.5,
-    speed: "50ms/image",
-    memory: "128MB",
-    throughput: "20 images/sec",
-  };
+  let performance = [];
+  try {
+    performance = JSON.parse(operator.metrics || "[]");
+  } catch (e) {
+    console.error("metrics解析失败", e);
+  }
 
   return (
     <div className="flex flex-col gap-4">
@@ -67,41 +67,38 @@ export default function Overview({ operator }) {
       </Card>
 
       {/* 标签 */}
-      <Card>
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">标签</h3>
-        <div className="flex flex-wrap gap-2">
-          {tags.map((tag, index) => (
-            <Tag key={index} className="px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 rounded-full">
-              {tag}
-            </Tag>
-          ))}
-        </div>
-      </Card>
+      {/*<Card>*/}
+      {/*  <h3 className="text-lg font-semibold text-gray-900 mb-4">标签</h3>*/}
+      {/*  <div className="flex flex-wrap gap-2">*/}
+      {/*    {tags.map((tag, index) => (*/}
+      {/*      <Tag key={index} className="px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 rounded-full">*/}
+      {/*        {tag}*/}
+      {/*      </Tag>*/}
+      {/*    ))}*/}
+      {/*  </div>*/}
+      {/*</Card>*/}
 
       {/* 性能指标 */}
-      <Card>
-        <h3 className="text-lg font-semibold text-gray-900 mb-4">性能指标</h3>
-        <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
-          {performance.accuracy && (
-            <div className="text-center p-4 bg-gray-50 rounded-lg">
-              <div className="text-2xl font-bold text-gray-900">{performance.accuracy}%</div>
-              <div className="text-sm text-gray-600">准确率</div>
-            </div>
-          )}
-          <div className="text-center p-4 bg-gray-50 rounded-lg">
-            <div className="text-2xl font-bold text-gray-900">{performance.speed}</div>
-            <div className="text-sm text-gray-600">处理速度</div>
-          </div>
-          <div className="text-center p-4 bg-gray-50 rounded-lg">
-            <div className="text-2xl font-bold text-gray-900">{performance.memory}</div>
-            <div className="text-sm text-gray-600">内存使用</div>
-          </div>
-          <div className="text-center p-4 bg-gray-50 rounded-lg">
-            <div className="text-2xl font-bold text-gray-900">{performance.throughput}</div>
-            <div className="text-sm text-gray-600">吞吐量</div>
+      {performance.length > 0 && (
+        <Card>
+          <h3 className="text-lg font-semibold text-gray-900 mb-4">性能指标</h3>
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+            {performance.map((item, index) => (
+              <div
+                key={index}
+                className="text-center p-4 bg-gray-50 rounded-lg"
+              >
+                <div className="text-2xl font-bold text-gray-900">
+                  {item.metric}
+                </div>
+                <div className="text-sm text-gray-600">
+                  {item.name}
+                </div>
+              </div>
+            ))}
           </div>
-        </div>
-      </Card>
+        </Card>
+      )}
 
       {/* 输入输出格式 */}
       {operator.categories?.includes('系统预置') && (
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx
index d0c6adaf..9c23b4fa 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Requirement.tsx
@@ -7,7 +7,12 @@ export default function Requirement({ operator }) {
     // 这里可以添加提示消息
   };
 
-  const dependencies = ["opencv-python>=4.5.0", "pillow>=8.0.0", "numpy>=1.20.0", "torch>=1.9.0", "torchvision>=0.10.0"];
+  let requirement = [];
+  try {
+    requirement = JSON.parse(operator.runtime || "{}");
+  } catch (e) {
+    console.error("数据解析失败", e);
+  }
 
   return (
     <div className="flex flex-col gap-4">
@@ -15,28 +20,34 @@ export default function Requirement({ operator }) {
       <Card>
         <h3 className="text-lg font-semibold text-gray-900 mb-4">系统要求</h3>
         <div className="space-y-3">
+          <div className="flex items-center justify-between py-2 border-b border-gray-100">
+            <span className="font-medium text-gray-700">CPU要求</span>
+            <span className="text-gray-900">
+              {requirement?.cpu || '无限制'}
+            </span>
+          </div>
           <div className="flex items-center justify-between py-2 border-b border-gray-100">
             <span className="font-medium text-gray-700">内存要求</span>
             <span className="text-gray-900">
-              {operator.runtime?.memory || ">=1GB RAM"}
+              {requirement?.memory || "无限制"}
             </span>
           </div>
           <div className="flex items-center justify-between py-2 border-b border-gray-100">
             <span className="font-medium text-gray-700">存储空间</span>
             <span className="text-gray-900">
-              {operator.runtime?.storage || ">=10MB"}
+              {requirement?.storage || "无限制"}
             </span>
           </div>
           <div className="flex items-center justify-between py-2 border-b border-gray-100">
             <span className="font-medium text-gray-700">GPU 支持</span>
             <span className="text-gray-900">
-              {operator.runtime?.gpu || "Optional (CUDA support)"}
+              {requirement?.gpu > 0 ? "是" : "否"}
             </span>
           </div>
           <div className="flex items-center justify-between py-2">
             <span className="font-medium text-gray-700">NPU 支持</span>
             <span className="text-gray-900">
-              {operator.runtime?.npu || "Optional (Ascend support)"}
+              {requirement?.npu > 0 ? "是" : "否" }
             </span>
           </div>
         </div>
@@ -46,7 +57,7 @@ export default function Requirement({ operator }) {
       <Card>
         <h3 className="text-lg font-semibold text-gray-900 mb-4">依赖项</h3>
         <div className="space-y-2">
-          {dependencies?.map((dep, index) => (
+          {operator.requirements?.map((dep, index) => (
             <div
               key={index}
               className="flex items-center justify-between p-3 bg-gray-50 rounded-lg"
diff --git a/frontend/src/pages/OperatorMarket/operator.const.tsx b/frontend/src/pages/OperatorMarket/operator.const.tsx
index ab562c1f..9332b102 100644
--- a/frontend/src/pages/OperatorMarket/operator.const.tsx
+++ b/frontend/src/pages/OperatorMarket/operator.const.tsx
@@ -120,7 +120,7 @@ export const mapOperator = (op: OperatorI) => {
     statistics: [
       {
         label: "使用次数",
-        value: Math.floor(Math.random() * 1000) + 1
+        value: op?.usageCount || 0
       },
       {
         label: "类型",
@@ -128,7 +128,7 @@ export const mapOperator = (op: OperatorI) => {
       },
       {
         label: "大小",
-        value: `${(Math.floor(Math.random() * 91) + 10) / 10} MB`,
+        value: formatBytes(op?.fileSize),
       },
       {
         label: "语言",
@@ -159,4 +159,25 @@ export const FileExtensionMap: Record<MediaType, string[]> = {
     ...VIDEO_EXTENSIONS,
     ...AUDIO_EXTENSIONS,
   ],
+};
+
+export const formatBytes = (bytes: number | null | undefined, decimals: number = 2): string => {
+  // 1. 处理特殊情况：0、null 或 undefined
+  if (bytes === null || bytes === undefined || bytes === 0) {
+    return '0 B';
+  }
+
+  // 2. 定义单位阶梯
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals; // 确保小数位数非负
+  const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+
+  // 3. 计算指数 (i)
+  // Math.log(bytes) / Math.log(k) 等同于以 1024 为底求 bytes 的对数
+  // floor 向下取整，得出它属于哪个单位级别 (0是B, 1是KB, 2是MB...)
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+
+  // 4. 格式化数值并拼接单位
+  // parseFloat 用于去掉末尾多余的 0 (例如 "1.20 MB" -> "1.2 MB")
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 };
\ No newline at end of file
diff --git a/frontend/src/pages/OperatorMarket/operator.model.ts b/frontend/src/pages/OperatorMarket/operator.model.ts
index 8ef4b189..407408f9 100644
--- a/frontend/src/pages/OperatorMarket/operator.model.ts
+++ b/frontend/src/pages/OperatorMarket/operator.model.ts
@@ -33,14 +33,22 @@ export interface OperatorI {
   description: string;
   tags: string[];
   isStar?: boolean;
+  metrics: string;
+  fileSize?: number;
+  usageCount?: number;
   originalId?: string; // 用于标识原始算子ID，便于去重
   categories: string[]; // 分类列表
   settings: string;
+  runtime: string;
+  requirements: string[];
+  readme: string;
   overrides?: { [key: string]: any }; // 用户配置的参数
   defaultParams?: { [key: string]: any }; // 默认参数
   configs: {
     [key: string]: ConfigI;
   };
+  createdBy?: string;
+  updatedBy?: string;
   createdAt?: string;
   updatedAt?: string;
 }
diff --git a/runtime/ops/examples/test_operator/README.md b/runtime/ops/examples/test_operator/README.md
index 6908f8e1..99edc533 100644
--- a/runtime/ops/examples/test_operator/README.md
+++ b/runtime/ops/examples/test_operator/README.md
@@ -1 +1,63 @@
-# 这是一个测试算子
\ No newline at end of file
+# Markdown 功能全展示 (H1)
+
+这是一个用于测试 **React Markdown 渲染器** 的综合示例文件。
+如果你能看到 **表格**、**任务列表** 和 **代码高亮**，说明你的 `remark-gfm` 和 `syntax-highlighter` 配置完美！
+
+---
+
+## 1. 文本格式 (Typography)
+
+这里展示常见的文本样式：
+* **加粗文本 (Bold)**
+* *倾斜文本 (Italic)*
+* ***加粗并倾斜 (Bold & Italic)***
+* ~~删除线文本 (Strikethrough)~~ (需要 remark-gfm)
+* `Inline Code` (行内代码)
+
+---
+
+## 2. 扩展列表 (Lists)
+
+### 无序列表与嵌套
+- 第一层列表项
+  - 第二层列表项
+    - 第三层列表项
+
+### 有序列表
+1. 第一步
+2. 第二步
+3. 第三步
+
+### 任务列表 (Task Lists - 需要 remark-gfm)
+- [x] 已完成的任务 (Finished)
+- [ ] 待办任务 (Todo)
+- [ ] 正在进行的任务
+
+---
+
+## 3. 表格 (Tables - 需要 remark-gfm)
+
+测试表格的对齐方式（左对齐、居中、右对齐）：
+
+| 算子名称 (Left) | 状态 (Center) | 处理速度 (Right) |
+| :--- | :---: | ---: |
+| MineruFormatter | ✅ 正常 | 150 ms |
+| ImgDenoise | ⚠️ 警告 | 1200 ms |
+| PiiDetector | ❌ 错误 | 0 ms |
+
+---
+
+## 4. 代码高亮 (Syntax Highlighting)
+
+测试 `react-syntax-highlighter` 是否生效。
+
+### Python
+```python
+def calculate_area(radius):
+    import math
+    if radius < 0:
+        return None
+    return math.pi * (radius ** 2)
+
+print(f"Area: {calculate_area(5)}")
+```
\ No newline at end of file
diff --git a/runtime/ops/examples/test_operator/requirements.txt b/runtime/ops/examples/test_operator/requirements.txt
new file mode 100644
index 00000000..fc4a3086
--- /dev/null
+++ b/runtime/ops/examples/test_operator/requirements.txt
@@ -0,0 +1,2 @@
+numpy>=2.2.6
+pandas>=2.2.3
\ No newline at end of file
diff --git a/runtime/ops/examples/test_operator/test_operator.tar b/runtime/ops/examples/test_operator/test_operator.tar
index 9d1c751962d539c3964b9becffe7cad8024d3b17..909476664770af1f0d602c4cdf4675f7482db6c9 100644
GIT binary patch
delta 1976
zcmZuyTW=Fr5XKb<b)`yFeWEWNf!f$B*{pA&SZyV)0*O=zctcga*eCW1d)M7vt3;)-
z4TLzsBu)vrP?y*ROxh+fkOGe5B>$!O?AlNH3!SrTbBTDc_RP#T-<g>+GtLUx)B9BN
zQ(96<lE}K|(XZ-Lm5WnR*f02fySzcKKj0M(2ZF&}g4gTw2X=vQ_ftpop<|C@e>#~O
z`tDnw$LHziQlcCcHCytpIzBTTPjBwt-|y{m2!WtK(2pE~uixM0Sas|Pe3Vg1f`}Rk
zeZm2_p|4Y&F_tQHa*Eb(^mTQ{bj>K_=t9FNEzw6e&EhTN?w!^~3GGRut5QVkddp&x
zgrJX(-ZCpI=ESH)0APdAaO8+5_+^*1i_O@Co$LZ_RCnTo0wlFVQc{eO_r2(?5xP9r
z+SoFu7k4^&eP0h8+W{{=pv7WmbaE%wC!7U~UOS|b2wK&&tV@^#%REVviaHbmuP|_o
z$&pl=34)MhQjAH0$IH%g_q^)go7?;6zTF?6KY8@Tz)4RsI#sze75(CKEPDUj#}x1(
zgu_1n;WrQAa5yppqIxB&{44_<UufUhpd*X)**)`71DvP5E{<z&%^P#IRz2IQ|BYF<
z8WYBg+wIyt;Q8}JjOg&j->5$~7VgsdMV<%q{!MeeNsD<TYHi*&W=31<FJEV`bF_Nh
zcu;C>l<_LFberZgPm!rzSv1N`o`0Rq@qBB2osL&%eipSzMSm+GqP70eEay7^%(WUT
zJipy6v}^wwa}!8}S3wxt7}Ida29sgSA*>C_x_H$cmtye*{&b>-p)+#F+*qM21#@#^
zyP4xSx7*ESxPu45>j4ZA+YF<i%}H=x97-uMRZPW)>=JZF3wBj#z21J3!#jKUSBT$k
z-sgA>l8%?n=d-p2oX3<z)W!46LbIF3OsQu$ql*bC;<7A!rt3x5UfL+z5x#;R%%T_`
zrulMb{*l?(>d{=l5x7G1xT>UMao6xLI6I|myPAWy#c<)};WKhVk_jAFq9hE?cBOz_
zY?l*rb7!yytOPzR!PsAzq+NJ$o|QCRL&QNe8nb2En6xde`UHJZppR!cH<(LH*ctTM
zb=%abtYKH$>IN3<J$27eAA8Th>W>$c#@<}O;cM8$#`0qh<6=UizyyESGR6eU@!e*@
zXA`w6U<Hm*e4rX`xODXgps$`|6Bzj-K4U9mbsIQONwTEHNz{dDT>=Dcj?nQ3Ha!w6
zQKe@wmLJm6Vtea%EG1*G2<&EJg~S-`c4pyRP7v+Gp>XyXwKG=hBM+^ubvBB|%$n6u
zdHSkqYj7s$vyoPPnH?rqZRK`zj5Qs14a}8Ux?H5iJLZ$8_-JHMcL8e0UmDpQIFI9U
zCo0ptyYIkxp3MZRxoa5+;TRx*eM0!PKgc|QU8AN?DQZ&GkpxZul}3PNU$3L!wYDUq
zfHTS12_h?!Mi}URdAmLd?d2++8fQ44z}Be+JSRyfh)yE9V$uCkfKFz5zFn&!t_!k;
zlGQQbfp>=<oENN-hSR-~mgE?=XLlRn2Eb+H{?ORt`l7|EIlW-q%d-_^_072<J+8=H
zIGhQm>|>M+LPShN(g{%~KZ?lbRK=*2)?6WMYQTM+QdAwV7;#%31ltbZfM7!yOeK0+
zmEn6uCKjwKGdE940v@`oxGunl@%N=vN!Fc%2ae*6A^2rS2tn7c2V59t82?)@@BSZ<
CKT`Mr

delta 60
zcmZqhXfW8s(!wHXU~a}>XliI=XlQI;Zfwe6U}#`uX276eFj<f>WiunE3Df3Ao_hAp
Q224JTi$qu!Z;)pJ0I4GmHvj+t

diff --git a/scripts/db/data-operator-init.sql b/scripts/db/data-operator-init.sql
index 3742d6f6..61c6e647 100644
--- a/scripts/db/data-operator-init.sql
+++ b/scripts/db/data-operator-init.sql
@@ -16,7 +16,7 @@ CREATE TABLE IF NOT EXISTS t_operator
     file_size   BIGINT,
     metrics     TEXT,
     is_star     BOOLEAN,
-    usage_count INT,
+    usage_count INT DEFAULT 0,
     created_by  VARCHAR(255),
     updated_by  VARCHAR(255),
     created_at  TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
@@ -121,8 +121,10 @@ SELECT
     o.runtime,
     o.settings,
     o.is_star,
+    o.file_name,
     o.file_size,
     o.usage_count,
+    o.metrics,
     o.created_at,
     o.updated_at,
     toc.id AS category_id,
@@ -142,7 +144,6 @@ VALUES ('64465bec-b46b-11f0-8291-00155d0e4808', '模态', 'modal',  'predefined'
        ('a233d584-73c8-4188-ad5d-8f7c8dda9c27', '视频', 'video', 'predefined', '64465bec-b46b-11f0-8291-00155d0e4808'),
        ('4d7dbd77-0a92-44f3-9056-2cd62d4a71e4', '多模态', 'multimodal', 'predefined', '64465bec-b46b-11f0-8291-00155d0e4808'),
        ('9eda9d5d-072b-499b-916c-797a0a8750e1', 'Python', 'python', 'predefined', '873000a2-65b3-474b-8ccc-4813c08c76fb'),
-       ('b5bfc548-8ef6-417c-b8a6-a4197c078249', 'Java', 'java', 'predefined', '873000a2-65b3-474b-8ccc-4813c08c76fb'),
        ('16e2d99e-eafb-44fc-acd0-f35a2bad28f8', '来源', 'origin', 'predefined', '0'),
        ('96a3b07a-3439-4557-a835-525faad60ca3', '系统预置', 'predefined', 'predefined', '16e2d99e-eafb-44fc-acd0-f35a2bad28f8'),
        ('ec2cdd17-8b93-4a81-88c4-ac9e98d10757', '用户上传', 'customized', 'predefined', '16e2d99e-eafb-44fc-acd0-f35a2bad28f8'),
@@ -153,49 +154,49 @@ VALUES ('64465bec-b46b-11f0-8291-00155d0e4808', '模态', 'modal',  'predefined'
 ON CONFLICT DO NOTHING;
 
 INSERT INTO t_operator
-(id, name, description, version, inputs, outputs, runtime, settings, file_name, is_star)
-VALUES ('MineruFormatter', 'MinerU PDF文本抽取', '基于MinerU API，抽取PDF中的文本。', '1.0.0', 'text', 'text', null, '{"exportType":{"name":"导出类型","description":"指定清洗结果文件类型。若指定为md且后续存在其他清洗算子，可能导致文件格式错乱。","type":"select","defaultVal":"markdown","required":false,"options":[{"label":"markdown","value":"md"},{"label":"txt","value":"txt"}]}}', '', false),
-       ('FileWithHighRepeatPhraseRateFilter', '文档词重复率检查', '去除重复词过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatPhraseRatio": {"name": "文档词重复率", "description": "某个词的统计数/文档总词数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}, "hitStopwords": {"name": "去除停用词", "description": "统计重复词时，选择是否要去除停用词。", "type": "switch", "defaultVal": false, "required": true, "checkedLabel": "去除", "unCheckedLabel": "不去除"}}', '', 'false'),
-       ('FileWithHighRepeatWordRateFilter', '文档字重复率检查', '去除重复字过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatWordRatio": {"name": "文档字重复率", "description": "某个字的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 'false'),
-       ('FileWithHighSpecialCharRateFilter', '文档特殊字符率检查', '去除特殊字符过多的文档。', '1.0.0', 'text', 'text', null, '{"specialCharRatio": {"name": "文档特殊字符率", "description": "特殊字符的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.3, "min": 0, "max": 1, "step": 0.1}}', '', 'false'),
-       ('DuplicateFilesFilter', '相似文档去除', '相似文档去除。', '1.0.0', 'text', 'text', null, '{"fileDuplicateThreshold": {"name": "文档相似度", "description": "基于MinHash算法和Jaccard相似度，计算当前文档与数据集中其它文档相似性，超过设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 'false'),
-       ('FileWithManySensitiveWordsFilter', '文档敏感词率检查', '去除敏感词过多的文档。', '1.0.0', 'text', 'text', null, '{"sensitiveWordsRate": {"name": "文档敏感词率", "description": "敏感词的字数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.01, "min": 0, "max": 1, "step": 0.01}}', '', 'false'),
-       ('FileWithShortOrLongLengthFilter', '文档字数检查', '字数不在指定范围会被过滤掉。', '1.0.0', 'text', 'text', null, '{"fileLength": {"name": "文档字数", "description": "过滤字数不在指定范围内的文档，如[10,10000000]。若输入为空，则不对字数上/下限做限制。", "type": "range", "defaultVal": [10, 10000000], "min": 0, "max": 10000000000000000, "step": 1}}', '', 'false'),
-       ('ContentCleaner', '文档目录去除', '去除文档中的目录。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('AnonymizedCreditCardNumber', '信用卡号匿名化', '信用卡号匿名化', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('EmailNumberCleaner', '邮件地址匿名化', '邮件地址匿名化', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('EmojiCleaner', '文档表情去除', '去除文档中表情字符或者emoji符号。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('ExtraSpaceCleaner', '多余空格去除', '移除文档首尾、句中或标点符号附近多余空格和 tab 等。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('FullWidthCharacterCleaner', '全角转半角', '将文档中的所有全角字符转换成半角字符。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('GrableCharactersCleaner', '文档乱码去除', '去除文档中的乱码和无意义的unicode。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('HtmlTagCleaner', 'HTML标签去除', '移除文档中HTML标签，如 <html>、<dev>、<p> 等。', '1.0.0', 'text', 'text', null, '{"removeTableTags":{"name":"是否去除表格标签","description":"若为是，则会去除表格标签<tr><td>等。","type":"switch","defaultVal":"false","required":false,"checkedLabel":"是","unCheckedLabel":"否"}}', '', 'false'),
-       ('AnonymizedIdNumber', '身份证号匿名化', '身份证号匿名化。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('InvisibleCharactersCleaner', '不可见字符去除', '去除文档中的不可见字符，例如 0-31 号字符中的部分字符。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('AnonymizedIpAddress', 'IP地址匿名化', 'IP地址匿名化', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('LegendCleaner', '图注表注去除', '去除文档中的图注、表注等内容。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('AnonymizedPhoneNumber', '电话号码匿名化', '电话号码匿名化', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('PoliticalWordCleaner', '政治文本匿名化', '将政治文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('DuplicateSentencesFilter', '文档局部内容去重', '文档局部内容去重。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('SexualAndViolentWordCleaner', '暴力色情文本匿名化', '将暴力、色情文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('TraditionalChineseCleaner', '繁体转简体', '将繁体转换为简体。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('UnicodeSpaceCleaner', '空格标准化', '将文档中不同的 unicode 空格，如 u2008，转换为正常空格\\u0020。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('AnonymizedUrlCleaner', 'URL网址匿名化', '将文档中的url网址匿名化。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('XMLTagCleaner', 'XML标签去除', '去除XML中的标签。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-       ('ImgBlurredImagesCleaner', '模糊图片过滤', '去除模糊的图片。', '1.0.0', 'image', 'image', null, '{"blurredThreshold": {"name": "梯度函数值", "description": "梯度函数值取值越小，图片模糊度越高。", "type": "slider", "defaultVal": 1000, "min": 1, "max": 10000, "step": 1}}', '', 'false'),
-       ('ImgBrightness', '图片亮度增强', '自适应调节图片的亮度。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgContrast', '图片对比度增强', '自适应调节图片的对比度。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgDenoise', '图片噪点去除', '去除图片中的噪点，主要适用于自然场景。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgDuplicatedImagesCleaner', '重复图片去除', '去除重复的图片。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgPerspectiveTransformation', '图片透视变换', '自适应校正图片的视角，主要适用于文档校正场景。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgResize', '图片重采样', '将图片放大或缩小到指定像素。', '1.0.0', 'image', 'image', null, '{"targetSize": {"name": "重采样尺寸", "name_en": "Resample Size", "type": "multiple", "properties": [{"type": "inputNumber", "name": "宽度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}, {"type": "inputNumber", "name": "高度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}]}}', '', 'false'),
-       ('ImgSaturation', '图片饱和度增强', '自适应调节图片的饱和度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgShadowRemove', '图片阴影去除', '去除图片中的阴影，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgSharpness', '图片锐度增强', '自适应调节图片的锐度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-       ('ImgSimilarImagesCleaner', '相似图片去除', '去除相似的图片。', '1.0.0', 'image', 'image', null, '{"similarThreshold": {"name": "相似度", "description": "相似度取值越大，图片相似度越高。", "type": "slider", "defaultVal": 0.8, "min": 0, "max": 1, "step": 0.01}}', '', 'false'),
-       ('ImgTypeUnify', '图片格式转换', '将图片编码格式统一为jpg、jpeg、png、bmp格式。', '1.0.0', 'image', 'image', null, '{"imgType": {"name": "图片编码格式", "type": "select", "defaultVal": "jpg", "options": [{"label": "jpg", "value": "jpg"}, {"label": "png", "value": "png"}, {"label": "jpeg", "value": "jpeg"}, {"label": "bmp", "value": "bmp"}]}}', '', 'false'),
-       ('ImgDirectionCorrect', '图片方向校正', '将含有文字的图片校正到文字水平方向，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 'false'),
-        ('PiiDetector', '高级匿名化', '高级匿名化算子，检测命名实体并匿名化。', '1.0.0', 'text', 'text', null, null, '', 'false'),
-        ('ObjectDetectionRectangle', '图像目标检测与预标注', '基于 YOLOv8 的图像目标检测算子。对输入图像进行目标检测，输出带矩形框与类别标签的标注图像，并生成结构化标注 JSON（包含类别、置信度与边界框坐标）。支持将检测结果导出为 Label Studio 兼容的 predictions 预标注格式（rectanglelabels），可在标注任务中直接加载并进行人工校正，从而显著降低人工标注成本并提升标注效率。', '1.0.0', 'image', 'image,json', null, null, '', 'false')
+(id, name, description, version, inputs, outputs, runtime, settings, file_name, file_size, is_star)
+VALUES  ('MineruFormatter', 'MinerU PDF文本抽取', '基于MinerU API，抽取PDF中的文本。', '1.0.0', 'text', 'text', null, '{"exportType":{"name":"导出类型","description":"指定清洗结果文件类型。若指定为md且后续存在其他清洗算子，可能导致文件格式错乱。","type":"select","defaultVal":"markdown","required":false,"options":[{"label":"markdown","value":"md"},{"label":"txt","value":"txt"}]}}', '', 0, 'false'),
+        ('FileWithHighRepeatPhraseRateFilter', '文档词重复率检查', '去除重复词过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatPhraseRatio": {"name": "文档词重复率", "description": "某个词的统计数/文档总词数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}, "hitStopwords": {"name": "去除停用词", "description": "统计重复词时，选择是否要去除停用词。", "type": "switch", "defaultVal": false, "required": true, "checkedLabel": "去除", "unCheckedLabel": "不去除"}}', '', 0, 'false'),
+        ('FileWithHighRepeatWordRateFilter', '文档字重复率检查', '去除重复字过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatWordRatio": {"name": "文档字重复率", "description": "某个字的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 0, 'false'),
+        ('FileWithHighSpecialCharRateFilter', '文档特殊字符率检查', '去除特殊字符过多的文档。', '1.0.0', 'text', 'text', null, '{"specialCharRatio": {"name": "文档特殊字符率", "description": "特殊字符的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.3, "min": 0, "max": 1, "step": 0.1}}', '', 0, 'false'),
+        ('DuplicateFilesFilter', '相似文档去除', '相似文档去除。', '1.0.0', 'text', 'text', null, '{"fileDuplicateThreshold": {"name": "文档相似度", "description": "基于MinHash算法和Jaccard相似度，计算当前文档与数据集中其它文档相似性，超过设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 0, 'false'),
+        ('FileWithManySensitiveWordsFilter', '文档敏感词率检查', '去除敏感词过多的文档。', '1.0.0', 'text', 'text', null, '{"sensitiveWordsRate": {"name": "文档敏感词率", "description": "敏感词的字数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.01, "min": 0, "max": 1, "step": 0.01}}', '', 0, 'false'),
+        ('FileWithShortOrLongLengthFilter', '文档字数检查', '字数不在指定范围会被过滤掉。', '1.0.0', 'text', 'text', null, '{"fileLength": {"name": "文档字数", "description": "过滤字数不在指定范围内的文档，如[10,10000000]。若输入为空，则不对字数上/下限做限制。", "type": "range", "defaultVal": [10, 10000000], "min": 0, "max": 10000000000000000, "step": 1}}', '', 0, 'false'),
+        ('ContentCleaner', '文档目录去除', '去除文档中的目录。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('AnonymizedCreditCardNumber', '信用卡号匿名化', '信用卡号匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('EmailNumberCleaner', '邮件地址匿名化', '邮件地址匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('EmojiCleaner', '文档表情去除', '去除文档中表情字符或者emoji符号。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('ExtraSpaceCleaner', '多余空格去除', '移除文档首尾、句中或标点符号附近多余空格和 tab 等。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('FullWidthCharacterCleaner', '全角转半角', '将文档中的所有全角字符转换成半角字符。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('GrableCharactersCleaner', '文档乱码去除', '去除文档中的乱码和无意义的unicode。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('HtmlTagCleaner', 'HTML标签去除', '移除文档中HTML标签，如 <html>、<dev>、<p> 等。', '1.0.0', 'text', 'text', null, '{"removeTableTags":{"name":"是否去除表格标签","description":"若为是，则会去除表格标签<tr><td>等。","type":"switch","defaultVal":"false","required":false,"checkedLabel":"是","unCheckedLabel":"否"}}', '', 0, 'false'),
+        ('AnonymizedIdNumber', '身份证号匿名化', '身份证号匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('InvisibleCharactersCleaner', '不可见字符去除', '去除文档中的不可见字符，例如 0-31 号字符中的部分字符。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('AnonymizedIpAddress', 'IP地址匿名化', 'IP地址匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('LegendCleaner', '图注表注去除', '去除文档中的图注、表注等内容。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('AnonymizedPhoneNumber', '电话号码匿名化', '电话号码匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('PoliticalWordCleaner', '政治文本匿名化', '将政治文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('DuplicateSentencesFilter', '文档局部内容去重', '文档局部内容去重。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('SexualAndViolentWordCleaner', '暴力色情文本匿名化', '将暴力、色情文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('TraditionalChineseCleaner', '繁体转简体', '将繁体转换为简体。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('UnicodeSpaceCleaner', '空格标准化', '将文档中不同的 unicode 空格，如 u2008，转换为正常空格\\u0020。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('AnonymizedUrlCleaner', 'URL网址匿名化', '将文档中的url网址匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('XMLTagCleaner', 'XML标签去除', '去除XML中的标签。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('ImgBlurredImagesCleaner', '模糊图片过滤', '去除模糊的图片。', '1.0.0', 'image', 'image', null, '{"blurredThreshold": {"name": "梯度函数值", "description": "梯度函数值取值越小，图片模糊度越高。", "type": "slider", "defaultVal": 1000, "min": 1, "max": 10000, "step": 1}}', '', 0, 'false'),
+        ('ImgBrightness', '图片亮度增强', '自适应调节图片的亮度。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgContrast', '图片对比度增强', '自适应调节图片的对比度。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgDenoise', '图片噪点去除', '去除图片中的噪点，主要适用于自然场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgDuplicatedImagesCleaner', '重复图片去除', '去除重复的图片。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgPerspectiveTransformation', '图片透视变换', '自适应校正图片的视角，主要适用于文档校正场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgResize', '图片重采样', '将图片放大或缩小到指定像素。', '1.0.0', 'image', 'image', null, '{"targetSize": {"name": "重采样尺寸", "name_en": "Resample Size", "type": "multiple", "properties": [{"type": "inputNumber", "name": "宽度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}, {"type": "inputNumber", "name": "高度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}]}}', '', 0, 'false'),
+        ('ImgSaturation', '图片饱和度增强', '自适应调节图片的饱和度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgShadowRemove', '图片阴影去除', '去除图片中的阴影，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgSharpness', '图片锐度增强', '自适应调节图片的锐度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('ImgSimilarImagesCleaner', '相似图片去除', '去除相似的图片。', '1.0.0', 'image', 'image', null, '{"similarThreshold": {"name": "相似度", "description": "相似度取值越大，图片相似度越高。", "type": "slider", "defaultVal": 0.8, "min": 0, "max": 1, "step": 0.01}}', '', 0, 'false'),
+        ('ImgTypeUnify', '图片格式转换', '将图片编码格式统一为jpg、jpeg、png、bmp格式。', '1.0.0', 'image', 'image', null, '{"imgType": {"name": "图片编码格式", "type": "select", "defaultVal": "jpg", "options": [{"label": "jpg", "value": "jpg"}, {"label": "png", "value": "png"}, {"label": "jpeg", "value": "jpeg"}, {"label": "bmp", "value": "bmp"}]}}', '', 0, 'false'),
+        ('ImgDirectionCorrect', '图片方向校正', '将含有文字的图片校正到文字水平方向，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
+        ('PiiDetector', '高级匿名化', '高级匿名化算子，检测命名实体并匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
+        ('ObjectDetectionRectangle', '图像目标检测与预标注', '基于 YOLOv8 的图像目标检测算子。对输入图像进行目标检测，输出带矩形框与类别标签的标注图像，并生成结构化标注 JSON（包含类别、置信度与边界框坐标）。支持将检测结果导出为 Label Studio 兼容的 predictions 预标注格式（rectanglelabels），可在标注任务中直接加载并进行人工校正，从而显著降低人工标注成本并提升标注效率。', '1.0.0', 'image', 'image,json', null, null, '', 0, 'false')
 ON CONFLICT DO NOTHING;
 
 INSERT INTO t_operator_release(id, version, release_date, changelog)

From 5b30f994073fb72f968ab69beb08caa1a390f8e5 Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Thu, 22 Jan 2026 14:26:49 +0800
Subject: [PATCH 14/15] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E7=8E=AF?=
 =?UTF-8?q?=E5=A2=83=E4=BE=9D=E8=B5=96/=E6=96=87=E6=A1=A3/=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E6=97=A5=E5=BF=97=E7=9A=84=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../application/CleaningTaskService.java      |   3 +
 .../operator/application/OperatorService.java |  40 ++++-
 .../domain/model/OperatorRelease.java         |  14 ++
 .../repository/OperatorReleaseRepository.java |  17 ++
 .../domain/repository/OperatorRepository.java |   2 +
 .../converter/OperatorReleaseConverter.java   |  17 ++
 .../infrastructure/parser/AbstractParser.java |  14 +-
 .../infrastructure/parser/ParserHolder.java   |   2 +
 .../Impl/OperatorReleaseRepositoryImpl.java   |  46 +++++
 .../Impl/OperatorRepositoryImpl.java          |  14 ++
 .../mapper/OperatorReleaseMapper.java         |   9 +
 .../operator/interfaces/dto/OperatorDto.java  |   2 +
 .../interfaces/dto/OperatorReleaseDto.java    |  19 +++
 backend/shared/domain-common/pom.xml          |   4 +
 .../config/PgJsonTypeHandler.java             |  35 ++++
 frontend/package-lock.json                    |  48 ++++++
 frontend/package.json                         |   1 +
 .../Create/components/ConfigureStep.tsx       | 127 +++++++++++++-
 .../Detail/OperatorPluginDetail.tsx           |   8 +-
 .../Detail/components/ChangeLog.tsx           |  30 +---
 .../Detail/components/Documentation.tsx       |  20 ++-
 .../OperatorMarket/Home/OperatorMarket.tsx    |   1 +
 .../pages/OperatorMarket/operator.model.ts    |   8 +
 frontend/tailwind.config.ts                   |   4 +-
 runtime/ops/examples/test_operator/README.md  | 159 +++++++++++-------
 .../examples/test_operator/test_operator.tar  | Bin 9216 -> 10240 bytes
 scripts/db/data-operator-init.sql             |  85 +++++-----
 27 files changed, 586 insertions(+), 143 deletions(-)
 create mode 100644 backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorReleaseRepository.java
 create mode 100644 backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/converter/OperatorReleaseConverter.java
 create mode 100644 backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorReleaseRepositoryImpl.java
 create mode 100644 backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorReleaseMapper.java
 create mode 100644 backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorReleaseDto.java
 create mode 100644 backend/shared/domain-common/src/main/java/com/datamate/common/infrastructure/config/PgJsonTypeHandler.java

diff --git a/backend/services/data-cleaning-service/src/main/java/com/datamate/cleaning/application/CleaningTaskService.java b/backend/services/data-cleaning-service/src/main/java/com/datamate/cleaning/application/CleaningTaskService.java
index f5442e1b..7e2903a7 100644
--- a/backend/services/data-cleaning-service/src/main/java/com/datamate/cleaning/application/CleaningTaskService.java
+++ b/backend/services/data-cleaning-service/src/main/java/com/datamate/cleaning/application/CleaningTaskService.java
@@ -136,6 +136,9 @@ public CleaningTaskDto createTask(CreateCleaningTaskRequest request) {
         cleaningTaskRepo.insertTask(task);
 
         operatorInstanceRepo.insertInstance(taskId, request.getInstance());
+        operatorRepo.incrementUsageCount(request.getInstance().stream()
+                .map(OperatorInstanceDto::getId)
+                .collect(Collectors.toList()));
 
         prepareTask(task, request.getInstance(), executorType);
         scanDataset(taskId, request.getSrcDatasetId());
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
index 373fc9e3..2cb6592f 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/application/OperatorService.java
@@ -5,6 +5,7 @@
 import com.datamate.common.infrastructure.exception.BusinessException;
 import com.datamate.common.infrastructure.exception.SystemErrorCode;
 import com.datamate.operator.domain.contants.OperatorConstant;
+import com.datamate.operator.domain.repository.OperatorReleaseRepository;
 import com.datamate.operator.infrastructure.converter.OperatorConverter;
 import com.datamate.operator.domain.model.OperatorView;
 import com.datamate.operator.domain.repository.CategoryRelationRepository;
@@ -13,6 +14,7 @@
 import com.datamate.operator.infrastructure.exception.OperatorErrorCode;
 import com.datamate.operator.infrastructure.parser.ParserHolder;
 import com.datamate.operator.interfaces.dto.OperatorDto;
+import com.datamate.operator.interfaces.dto.OperatorReleaseDto;
 import com.datamate.operator.interfaces.dto.UploadOperatorRequest;
 import com.fasterxml.jackson.core.JsonProcessingException;
 import com.fasterxml.jackson.databind.ObjectMapper;
@@ -20,6 +22,7 @@
 import lombok.extern.slf4j.Slf4j;
 import org.apache.commons.collections4.CollectionUtils;
 import org.apache.commons.collections4.MapUtils;
+import org.apache.commons.io.FileUtils;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.beans.factory.annotation.Value;
 import org.springframework.core.io.Resource;
@@ -34,6 +37,7 @@
 import java.nio.file.Files;
 import java.nio.file.Path;
 import java.nio.file.Paths;
+import java.time.LocalDateTime;
 import java.util.*;
 import java.util.stream.Collectors;
 import java.util.stream.Stream;
@@ -48,6 +52,8 @@ public class OperatorService {
 
     private final CategoryRelationRepository relationRepo;
 
+    private final OperatorReleaseRepository operatorReleaseRepo;
+
     private final ParserHolder parserHolder;
 
     private final FileService fileService;
@@ -70,11 +76,13 @@ public OperatorDto getOperatorById(String id) {
         OperatorView operator = operatorViewRepo.findOperatorById(id);
         OperatorDto operatorDto = OperatorConverter.INSTANCE.fromEntityToDto(operator);
         if (StringUtils.isNotBlank(operatorDto.getFileName())) {
-            String filePath = getExtractPath(getFileNameWithoutExtension(operatorDto.getFileName()));
+            String filePath = getExtractPath(getStem(operatorDto.getFileName()));
             String requirements = filePath + "/requirements.txt";
             operatorDto.setRequirements(readRequirements(requirements));
             operatorDto.setReadme(getReadmeContent(filePath));
         }
+        operatorDto.setFileName(null);
+        operatorDto.setReleases(operatorReleaseRepo.findAllByOperatorId(id));
         return operatorDto;
     }
 
@@ -83,21 +91,40 @@ public OperatorDto createOperator(OperatorDto req) {
         overrideSettings(req);
         operatorRepo.insertOperator(req);
         relationRepo.batchInsert(req.getId(), req.getCategories());
+        if (CollectionUtils.isNotEmpty(req.getReleases())) {
+            OperatorReleaseDto release = req.getReleases().getFirst();
+            release.setId(req.getId());
+            release.setVersion(req.getVersion());
+            release.setReleaseDate(LocalDateTime.now());
+            operatorReleaseRepo.insertOperatorRelease(release);
+        }
         parserHolder.extractTo(getFileType(req.getFileName()), getUploadPath(req.getFileName()),
-                getExtractPath(getFileNameWithoutExtension(req.getFileName())));
+                getExtractPath(getStem(req.getFileName())));
         return getOperatorById(req.getId());
     }
 
     @Transactional
     public OperatorDto updateOperator(String id, OperatorDto req) {
+        OperatorDto operator = getOperatorById(id);
         overrideSettings(req);
         operatorRepo.updateOperator(req);
-        if (CollectionUtils.isNotEmpty(req.getCategories())) {
+        if (StringUtils.isNotBlank(req.getFileName()) && CollectionUtils.isNotEmpty(req.getCategories())) {
             relationRepo.batchUpdate(id, req.getCategories());
         }
+        if (CollectionUtils.isNotEmpty(req.getReleases())) {
+            OperatorReleaseDto release = req.getReleases().getFirst();
+            release.setId(req.getId());
+            release.setVersion(req.getVersion());
+            release.setReleaseDate(LocalDateTime.now());
+            if (StringUtils.equals(operator.getVersion(), req.getVersion())) {
+                operatorReleaseRepo.updateOperatorRelease(release);
+            } else {
+                operatorReleaseRepo.insertOperatorRelease(release);
+            }
+        }
         if (StringUtils.isNotBlank(req.getFileName())) {
             parserHolder.extractTo(getFileType(req.getFileName()), getUploadPath(req.getFileName()),
-                    getExtractPath(getFileNameWithoutExtension(req.getFileName())));
+                    getExtractPath(getStem(req.getFileName())));
         }
         return getOperatorById(id);
     }
@@ -110,8 +137,11 @@ public void deleteOperator(String id) {
         if (relationRepo.operatorIsPredefined(id)) {
             throw BusinessException.of(OperatorErrorCode.CANT_DELETE_PREDEFINED_OPERATOR);
         }
+        OperatorView operator = operatorViewRepo.findOperatorById(id);
         operatorRepo.deleteOperator(id);
         relationRepo.deleteByOperatorId(id);
+        operatorReleaseRepo.deleteOperatorRelease(id);
+        FileUtils.deleteQuietly(new File(getExtractPath(getStem(operator.getFileName()))));
     }
 
     public OperatorDto uploadOperator(String fileName) {
@@ -135,7 +165,7 @@ private String getFileType(String fileName) {
         return fileName.substring(fileName.lastIndexOf('.') + 1);
     }
 
-    private String getFileNameWithoutExtension(String fileName) {
+    private String getStem(String fileName) {
         return fileName.substring(0, fileName.lastIndexOf('.'));
     }
 
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java
index 8eaa9d0c..77bd244e 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/model/OperatorRelease.java
@@ -1,10 +1,24 @@
 package com.datamate.operator.domain.model;
 
+import com.baomidou.mybatisplus.annotation.TableField;
+import com.baomidou.mybatisplus.annotation.TableName;
+import com.datamate.common.infrastructure.config.PgJsonTypeHandler;
 import lombok.Getter;
 import lombok.Setter;
 
+import java.time.LocalDateTime;
+import java.util.List;
+
 @Getter
 @Setter
+@TableName(value = "t_operator_release", autoResultMap = true)
 public class OperatorRelease {
+    private String id;
+
+    private String version;
+
+    private LocalDateTime releaseDate;
 
+    @TableField(typeHandler = PgJsonTypeHandler.class)
+    private List<String> changelog;
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorReleaseRepository.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorReleaseRepository.java
new file mode 100644
index 00000000..3ada0039
--- /dev/null
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorReleaseRepository.java
@@ -0,0 +1,17 @@
+package com.datamate.operator.domain.repository;
+
+import com.baomidou.mybatisplus.extension.repository.IRepository;
+import com.datamate.operator.domain.model.OperatorRelease;
+import com.datamate.operator.interfaces.dto.OperatorReleaseDto;
+
+import java.util.List;
+
+public interface OperatorReleaseRepository extends IRepository<OperatorRelease> {
+    List<OperatorReleaseDto> findAllByOperatorId(String operatorId);
+
+    void insertOperatorRelease(OperatorReleaseDto operatorRelease);
+
+    void updateOperatorRelease(OperatorReleaseDto operatorRelease);
+
+    void deleteOperatorRelease(String operatorId);
+}
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorRepository.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorRepository.java
index aadc1059..3555a147 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorRepository.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/domain/repository/OperatorRepository.java
@@ -18,4 +18,6 @@ public interface OperatorRepository extends IRepository<Operator> {
     int countOperatorByStar(boolean isStar);
 
     boolean operatorInTemplateOrRunning(String operatorId);
+
+    void incrementUsageCount(List<String> operatorIds);
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/converter/OperatorReleaseConverter.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/converter/OperatorReleaseConverter.java
new file mode 100644
index 00000000..e03eda49
--- /dev/null
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/converter/OperatorReleaseConverter.java
@@ -0,0 +1,17 @@
+package com.datamate.operator.infrastructure.converter;
+
+import com.datamate.operator.domain.model.OperatorRelease;
+import com.datamate.operator.interfaces.dto.OperatorReleaseDto;
+import org.mapstruct.Mapper;
+import org.mapstruct.factory.Mappers;
+
+import java.util.List;
+
+@Mapper
+public interface OperatorReleaseConverter {
+    OperatorReleaseConverter INSTANCE = Mappers.getMapper(OperatorReleaseConverter.class);
+
+    List<OperatorReleaseDto> fromEntityToDto(List<OperatorRelease> dto);
+
+    OperatorRelease fromDtoToEntity(OperatorReleaseDto dto);
+}
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java
index a118190c..a9f9d3c5 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/AbstractParser.java
@@ -5,6 +5,7 @@
 import com.datamate.operator.domain.contants.OperatorConstant;
 import com.datamate.operator.infrastructure.exception.OperatorErrorCode;
 import com.datamate.operator.interfaces.dto.OperatorDto;
+import com.datamate.operator.interfaces.dto.OperatorReleaseDto;
 import com.fasterxml.jackson.core.JsonProcessingException;
 import com.fasterxml.jackson.databind.ObjectMapper;
 import org.yaml.snakeyaml.LoaderOptions;
@@ -13,10 +14,7 @@
 
 import java.io.File;
 import java.io.InputStream;
-import java.util.ArrayList;
-import java.util.List;
-import java.util.Locale;
-import java.util.Map;
+import java.util.*;
 
 public abstract class AbstractParser {
     protected ObjectMapper objectMapper = new ObjectMapper();
@@ -34,6 +32,14 @@ protected OperatorDto parseYaml(InputStream yamlContent) {
         operator.setRuntime(toJsonIfNotNull(content.get("runtime")));
         operator.setSettings(toJsonIfNotNull(content.get("settings")));
         operator.setMetrics(toJsonIfNotNull(content.get("metrics")));
+        Object changelog = content.get("release");
+        OperatorReleaseDto operatorReleaseDto = new OperatorReleaseDto();
+        if (changelog instanceof List) {
+            operatorReleaseDto.setChangelog((List<String>) changelog);
+        } else {
+            operatorReleaseDto.setChangelog(Collections.emptyList());
+        }
+        operator.setReleases(List.of(operatorReleaseDto));
         List<String> categories = new ArrayList<>();
         categories.add(OperatorConstant.CATEGORY_MAP.get(toLowerCaseIfNotNull(content.get("language"))));
         categories.add(OperatorConstant.CATEGORY_MAP.get(toLowerCaseIfNotNull(content.get("modal"))));
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/ParserHolder.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/ParserHolder.java
index 374d8c55..fa52b3e9 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/ParserHolder.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/parser/ParserHolder.java
@@ -5,6 +5,7 @@
 import com.datamate.operator.infrastructure.exception.OperatorErrorCode;
 import com.datamate.operator.interfaces.dto.OperatorDto;
 import jakarta.annotation.PostConstruct;
+import org.apache.commons.io.FileUtils;
 import org.springframework.stereotype.Component;
 
 import java.io.File;
@@ -47,6 +48,7 @@ public void extractTo(String type, File archive, String targetDir) {
                 "No parser registered for type: " + type);
         }
         parser.extractTo(archive, targetDir);
+        FileUtils.deleteQuietly(archive);
     }
 
     public void extractTo(String type, String sourceDir, String targetDir) {
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorReleaseRepositoryImpl.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorReleaseRepositoryImpl.java
new file mode 100644
index 00000000..59b98db2
--- /dev/null
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorReleaseRepositoryImpl.java
@@ -0,0 +1,46 @@
+package com.datamate.operator.infrastructure.persistence.Impl;
+
+import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
+import com.baomidou.mybatisplus.extension.repository.CrudRepository;
+import com.datamate.operator.domain.model.OperatorRelease;
+import com.datamate.operator.domain.repository.OperatorReleaseRepository;
+import com.datamate.operator.infrastructure.converter.OperatorReleaseConverter;
+
+import com.datamate.operator.infrastructure.persistence.mapper.OperatorReleaseMapper;
+import com.datamate.operator.interfaces.dto.OperatorReleaseDto;
+import lombok.RequiredArgsConstructor;
+import org.springframework.stereotype.Repository;
+
+import java.util.List;
+
+@Repository
+@RequiredArgsConstructor
+public class OperatorReleaseRepositoryImpl extends CrudRepository<OperatorReleaseMapper, OperatorRelease> implements OperatorReleaseRepository {
+    private final OperatorReleaseMapper mapper;
+
+    public List<OperatorReleaseDto> findAllByOperatorId(String operatorId) {
+        QueryWrapper<OperatorRelease> queryWrapper = new QueryWrapper<>();
+        queryWrapper.eq("id", operatorId)
+                .orderByDesc("release_date");
+        return OperatorReleaseConverter.INSTANCE.fromEntityToDto(mapper.selectList(queryWrapper));
+    }
+
+    @Override
+    public void insertOperatorRelease(OperatorReleaseDto operatorReleaseDto) {
+        mapper.insert(OperatorReleaseConverter.INSTANCE.fromDtoToEntity(operatorReleaseDto));
+    }
+
+    @Override
+    public void updateOperatorRelease(OperatorReleaseDto operatorReleaseDto) {
+        QueryWrapper<OperatorRelease> queryWrapper = new QueryWrapper<>();
+        queryWrapper.eq("id", operatorReleaseDto.getId())
+                .eq("version", operatorReleaseDto.getVersion());
+        mapper.update(OperatorReleaseConverter.INSTANCE.fromDtoToEntity(operatorReleaseDto), queryWrapper);
+    }
+
+    @Override
+    public void deleteOperatorRelease(String operatorId) {
+        mapper.delete(new QueryWrapper<OperatorRelease>().eq("id", operatorId));
+    }
+
+}
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorRepositoryImpl.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorRepositoryImpl.java
index 482c35c0..7b43869b 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorRepositoryImpl.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/Impl/OperatorRepositoryImpl.java
@@ -1,6 +1,7 @@
 package com.datamate.operator.infrastructure.persistence.Impl;
 
 import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
+import com.baomidou.mybatisplus.core.conditions.update.LambdaUpdateWrapper;
 import com.baomidou.mybatisplus.extension.repository.CrudRepository;
 import com.datamate.operator.infrastructure.converter.OperatorConverter;
 import com.datamate.operator.domain.model.Operator;
@@ -10,6 +11,7 @@
 import lombok.RequiredArgsConstructor;
 import org.springframework.stereotype.Repository;
 
+import java.util.Collections;
 import java.util.List;
 
 @Repository
@@ -48,4 +50,16 @@ public int countOperatorByStar(boolean isStar) {
     public boolean operatorInTemplateOrRunning(String operatorId) {
         return mapper.operatorInTemplate(operatorId) > 0 && mapper.operatorInUnstopTask(operatorId) > 0;
     }
+
+    @Override
+    public void incrementUsageCount(List<String> operatorIds) {
+        if (operatorIds == null || operatorIds.isEmpty()) {
+            return;
+        }
+        Collections.sort(operatorIds);
+        LambdaUpdateWrapper<Operator> updateWrapper = new LambdaUpdateWrapper<>();
+        updateWrapper.in(Operator::getId, operatorIds)
+                .setSql("usage_count = usage_count + 1");
+        this.update(updateWrapper);
+    }
 }
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorReleaseMapper.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorReleaseMapper.java
new file mode 100644
index 00000000..761c4be3
--- /dev/null
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/infrastructure/persistence/mapper/OperatorReleaseMapper.java
@@ -0,0 +1,9 @@
+package com.datamate.operator.infrastructure.persistence.mapper;
+
+import com.baomidou.mybatisplus.core.mapper.BaseMapper;
+import com.datamate.operator.domain.model.OperatorRelease;
+import org.apache.ibatis.annotations.Mapper;
+
+@Mapper
+public interface OperatorReleaseMapper extends BaseMapper<OperatorRelease> {
+}
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
index d2b94b5c..bc431426 100644
--- a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorDto.java
@@ -49,6 +49,8 @@ public class OperatorDto {
 
     private String readme;
 
+    private List<OperatorReleaseDto> releases;
+
     @DateTimeFormat(iso = DateTimeFormat.ISO.DATE_TIME)
     private LocalDateTime createdAt;
 
diff --git a/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorReleaseDto.java b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorReleaseDto.java
new file mode 100644
index 00000000..8d0ba2c5
--- /dev/null
+++ b/backend/services/operator-market-service/src/main/java/com/datamate/operator/interfaces/dto/OperatorReleaseDto.java
@@ -0,0 +1,19 @@
+package com.datamate.operator.interfaces.dto;
+
+import lombok.Getter;
+import lombok.Setter;
+
+import java.time.LocalDateTime;
+import java.util.List;
+
+@Getter
+@Setter
+public class OperatorReleaseDto {
+    private String id;
+
+    private String version;
+
+    private LocalDateTime releaseDate;
+
+    private List<String> changelog;
+}
diff --git a/backend/shared/domain-common/pom.xml b/backend/shared/domain-common/pom.xml
index f6b4ee6b..e407c28d 100644
--- a/backend/shared/domain-common/pom.xml
+++ b/backend/shared/domain-common/pom.xml
@@ -46,5 +46,9 @@
             <groupId>org.apache.commons</groupId>
             <artifactId>commons-compress</artifactId>
         </dependency>
+        <dependency>
+            <groupId>org.postgresql</groupId>
+            <artifactId>postgresql</artifactId>
+        </dependency>
     </dependencies>
 </project>
diff --git a/backend/shared/domain-common/src/main/java/com/datamate/common/infrastructure/config/PgJsonTypeHandler.java b/backend/shared/domain-common/src/main/java/com/datamate/common/infrastructure/config/PgJsonTypeHandler.java
new file mode 100644
index 00000000..3b2d5163
--- /dev/null
+++ b/backend/shared/domain-common/src/main/java/com/datamate/common/infrastructure/config/PgJsonTypeHandler.java
@@ -0,0 +1,35 @@
+package com.datamate.common.infrastructure.config;
+
+import com.baomidou.mybatisplus.extension.handlers.JacksonTypeHandler;
+import org.apache.ibatis.type.JdbcType;
+import org.apache.ibatis.type.MappedJdbcTypes;
+import org.apache.ibatis.type.MappedTypes;
+import org.postgresql.util.PGobject;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+
+// 指定处理的 Java 类型和 JDBC 类型
+@MappedTypes({Object.class})
+@MappedJdbcTypes(JdbcType.OTHER)
+public class PgJsonTypeHandler extends JacksonTypeHandler {
+
+    public PgJsonTypeHandler(Class<?> type) {
+        super(type);
+    }
+
+    @Override
+    public void setNonNullParameter(PreparedStatement ps, int i, Object parameter, JdbcType jdbcType) throws SQLException {
+        // 1. 先借助父类转成 JSON 字符串
+        String json = this.toJson(parameter);
+
+        // 2. 核心：封装成 PGobject，并指定类型为 'json' 或 'jsonb'
+        PGobject jsonObject = new PGobject();
+        // 如果你的数据库字段是 jsonb，这里一定要写 "jsonb"；如果是 json，写 "json"
+        jsonObject.setType("json");
+        jsonObject.setValue(json);
+
+        // 3. 传给驱动
+        ps.setObject(i, jsonObject);
+    }
+}
\ No newline at end of file
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index ab549149..83e35a9c 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -28,6 +28,7 @@
       },
       "devDependencies": {
         "@eslint/js": "^9.33.0",
+        "@tailwindcss/typography": "^0.5.19",
         "@tailwindcss/vite": "^4.1.12",
         "@types/node": "^24.2.1",
         "@types/react": "^18.1.10",
@@ -1975,6 +1976,19 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.19",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.19.tgz",
+      "integrity": "sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1"
+      }
+    },
     "node_modules/@tailwindcss/vite": {
       "version": "4.1.12",
       "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.1.12.tgz",
@@ -3281,6 +3295,19 @@
         "node": ">= 8"
       }
     },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -6782,6 +6809,20 @@
         "node": "^10 || ^12 || >=14"
       }
     },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/preact": {
       "version": "10.28.2",
       "resolved": "https://registry.npmjs.org/preact/-/preact-10.28.2.tgz",
@@ -8934,6 +8975,13 @@
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/vary": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 32fb873a..af7f4e57 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -31,6 +31,7 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",
+    "@tailwindcss/typography": "^0.5.19",
     "@tailwindcss/vite": "^4.1.12",
     "@types/node": "^24.2.1",
     "@types/react": "^18.1.10",
diff --git a/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx b/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx
index 3093820b..d4a94e93 100644
--- a/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx
+++ b/frontend/src/pages/OperatorMarket/Create/components/ConfigureStep.tsx
@@ -2,6 +2,8 @@ import { Alert, Input, Form } from "antd";
 import TextArea from "antd/es/input/TextArea";
 import React, { useEffect } from "react";
 import ParamConfig from "@/pages/DataCleansing/Create/components/ParamConfig.tsx";
+import { ChevronRight, Plus, Trash2 } from "lucide-react";
+import {MetricI} from "@/pages/OperatorMarket/operator.model.ts";
 
 export default function ConfigureStep({
   parsedInfo,
@@ -32,8 +34,53 @@ export default function ConfigureStep({
     );
   };
 
+  // 1. 【核心逻辑】处理输入框变化
+  const handleChangelogChange = (changeIndex: number, newValue: string) => {
+    const newParsedInfo = { ...parsedInfo };
+    // 确保 releases[0] 存在
+    if (newParsedInfo.releases && newParsedInfo.releases.length > 0) {
+      newParsedInfo.releases[0].changelog[changeIndex] = newValue;
+      setParsedInfo(newParsedInfo);
+    }
+  };
+
+  // 2. 【辅助逻辑】删除某一行 (可选功能)
+  const handleDeleteChange = (changeIndex: number) => {
+    const newParsedInfo = { ...parsedInfo };
+    if (newParsedInfo.releases && newParsedInfo.releases.length > 0) {
+      newParsedInfo.releases[0].changelog.splice(changeIndex, 1);
+      setParsedInfo(newParsedInfo);
+    }
+  };
+
+  // 3. 【辅助逻辑】新增一行 (可选功能)
+  const handleAddChange = () => {
+    const newParsedInfo = { ...parsedInfo };
+    if (!newParsedInfo.releases) newParsedInfo.releases = [];
+    if (newParsedInfo.releases.length === 0) {
+      // 如果没有 release，创建一个空的结构
+      newParsedInfo.releases.push({ changelog: [] });
+    }
+    console.log(newParsedInfo);
+    newParsedInfo.releases[0].changelog.push("");
+    setParsedInfo(newParsedInfo);
+  };
+
+  const safeParse = (meta: unknown): unknown => {
+    if (typeof meta === "string") {
+      try {
+        return JSON.parse(meta);
+      } catch {
+        return meta; // 保持原样
+      }
+    }
+    return meta;
+  };
+
+  const metrics = safeParse(parsedInfo.metrics);
+
   return (
-    <>
+    <div className="p-2">
       {/* 解析结果 */}
       {parseError && (
         <div className="mb-4">
@@ -88,6 +135,80 @@ export default function ConfigureStep({
             <Input value={parsedInfo.outputs} />
           </Form.Item>
 
+          <>
+            <h3 className="text-lg font-semibold text-gray-900 mt-10 mb-2">
+              更新日志
+            </h3>
+            {parsedInfo?.releases?.[0].changelog?.length == 0 ? (
+              <div className="text-gray-500 text-sm py-4 text-center bg-gray-50 rounded-lg border border-dashed border-gray-300">
+                暂无版本发布信息
+                <button onClick={handleAddChange} className="ml-2 text-blue-600 hover:underline">
+                  点击初始化
+                </button>
+              </div>
+            ) : (
+              <ul className="space-y-2">
+                {/* 增加空数组保护：(currentRelease.changelog || []) */}
+                {(parsedInfo?.releases?.[0].changelog || []).map((change, changeIndex) => (
+                  <li key={changeIndex} className="group flex items-start gap-2 hover:bg-gray-50 p-1 rounded transition-colors">
+                    <ChevronRight className="w-4 h-4 text-gray-400 mt-2.5 flex-shrink-0" />
+
+                    {/* 可编辑的输入框 */}
+                    <textarea
+                      value={change}
+                      onChange={(e) => handleChangelogChange(changeIndex, e.target.value)}
+                      className="flex-1 bg-transparent border-transparent focus:border-blue-300 focus:ring-2 focus:ring-blue-100 rounded leading-relaxed resize-none overflow-hidden"
+                      rows={1}
+                      // 一个小技巧：自动调整高度（如果需要）可以加 auto-resize 逻辑，或者简单设为 textarea
+                      style={{ minHeight: '32px', paddingTop: '6px' }}
+                    />
+
+                    {/* 删除按钮 (鼠标悬停时显示) */}
+                    <button
+                      onClick={() => handleDeleteChange(changeIndex)}
+                      className="opacity-0 group-hover:opacity-100 p-1 text-gray-400 hover:text-red-500 transition-opacity"
+                      title="删除此行"
+                    >
+                      <Trash2 className="w-4 h-4" />
+                    </button>
+                  </li>
+                ))}
+
+                <button
+                  onClick={handleAddChange}
+                  className="w-full py-2 flex items-center justify-center gap-2 border border-dashed border-gray-300 rounded-lg text-sm text-gray-500 hover:text-blue-600 hover:border-blue-400 hover:bg-blue-50 transition-all group"
+                >
+                  <div className="bg-gray-100 group-hover:bg-blue-100 rounded-full p-0.5">
+                    <Plus className="w-4 h-4" />
+                  </div>
+                  添加一行更新日志
+                </button>
+              </ul>
+            )}
+          </>
+
+          {/* 性能指标 */}
+          {metrics?.length > 0 && (
+            <>
+              <h3 className="text-lg font-semibold text-gray-900 mt-10 mb-2">性能指标</h3>
+              <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+                {metrics.map((item: MetricI, index) => (
+                  <div
+                    key={index}
+                    className="text-center p-4 bg-gray-50 rounded-lg"
+                  >
+                    <div className="text-2xl font-bold text-gray-900">
+                      {item.metric}
+                    </div>
+                    <div className="text-sm text-gray-600">
+                      {item.name}
+                    </div>
+                  </div>
+                ))}
+              </div>
+            </>
+          )}
+
           {parsedInfo.configs && Object.keys(parsedInfo.configs).length > 0 && (
             <>
               <h3 className="text-lg font-semibold text-gray-900 mt-10 mb-2">
@@ -106,10 +227,8 @@ export default function ConfigureStep({
               </Form>
             </>
           )}
-
-          {/* <h3 className="text-lg font-semibold text-gray-900 mt-8">高级配置</h3> */}
         </Form>
       )}
-    </>
+    </div>
   );
 }
diff --git a/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx b/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx
index 1484b702..b9a55ff0 100644
--- a/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/OperatorPluginDetail.tsx
@@ -152,10 +152,10 @@ export default function OperatorPluginDetail() {
             key: "changeLog",
             label: "更新日志",
           },
-          {
-            key: "service",
-            label: "服务监控",
-          },
+          // {
+          //   key: "service",
+          //   label: "服务监控",
+          // },
         ]}
         activeTabKey={activeTab}
         onTabChange={setActiveTab}
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx b/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx
index 485e2eae..c9e77ad0 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/ChangeLog.tsx
@@ -1,35 +1,17 @@
-import { Card } from "antd";
-import { Badge, ChevronRight } from "lucide-react";
+import {Badge, Card } from "antd";
+import { ChevronRight } from "lucide-react";
 
 export default function ChangeLog({ operator }) {
-  const changelog = [
-      {
-        version: "1.2.0",
-        date: "2024-01-23",
-        changes: ["新增批量处理功能", "优化内存使用，减少50%内存占用", "添加GPU加速支持", "修复旋转操作的边界问题"],
-      },
-      {
-        version: "1.1.0",
-        date: "2024-01-10",
-        changes: ["添加颜色空间转换功能", "支持WebP格式", "改进错误处理机制", "更新文档和示例"],
-      },
-      {
-        version: "1.0.0",
-        date: "2024-01-01",
-        changes: ["首次发布", "支持基本图像预处理操作", "包含缩放、裁剪、旋转功能"],
-      },
-    ];
-
   return (
     <div className="flex flex-col gap-4">
-      {changelog.map((version, index) => (
+      {operator.releases?.map((release, index) => (
         <Card key={index}>
           <div className="flex items-center justify-between mb-4">
             <div>
               <h3 className="text-lg font-semibold text-gray-900">
-                版本 {version.version}
+                版本 {release.version}
               </h3>
-              <p className="text-sm text-gray-600">{version.date}</p>
+              <p className="text-sm text-gray-600">{new Date(release.releaseDate).toLocaleString()}</p>
             </div>
             {index === 0 && (
               <Badge className="bg-blue-100 text-blue-800 border border-blue-200">
@@ -38,7 +20,7 @@ export default function ChangeLog({ operator }) {
             )}
           </div>
           <ul className="space-y-2">
-            {version.changes.map((change, changeIndex) => (
+            {release.changelog.map((change, changeIndex) => (
               <li key={changeIndex} className="flex items-start gap-2">
                 <ChevronRight className="w-4 h-4 text-gray-400 mt-0.5 flex-shrink-0" />
                 <span className="text-gray-700">{change}</span>
diff --git a/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx b/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
index 4b081a22..f4c0e4df 100644
--- a/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
+++ b/frontend/src/pages/OperatorMarket/Detail/components/Documentation.tsx
@@ -8,7 +8,7 @@ export default function Documentation({ operator }) {
   return (
     <div className="flex flex-col gap-4">
       <Card>
-        <div className="prose prose-blue max-w-none dark:prose-invert">
+        <div className="prose prose-slate max-w-none dark:prose-invert">
           <ReactMarkdown
             // 1. 启用 GFM 插件 (支持表格等)
             remarkPlugins={[remarkGfm]}
@@ -32,6 +32,24 @@ export default function Documentation({ operator }) {
                   </code>
                 );
               },
+              // 2. 标题样式 (强制覆盖 Tailwind 的默认重置)
+              h1: ({node, ...props}) => <h1 className="text-3xl font-bold text-gray-900 mt-8 mb-4 border-b pb-2" {...props} />,
+              h2: ({node, ...props}) => <h2 className="text-2xl font-bold text-gray-800 mt-6 mb-4" {...props} />,
+              h3: ({node, ...props}) => <h3 className="text-xl font-semibold text-gray-800 mt-5 mb-3" {...props} />,
+              h4: ({node, ...props}) => <h4 className="text-lg font-semibold text-gray-700 mt-4 mb-2" {...props} />,
+              h5: ({node, ...props}) => <h5 className="text-base font-medium text-gray-700 mt-3 mb-2" {...props} />,
+              // 3. 其他常用标签优化 (推荐加上)
+              p: ({node, ...props}) => <p className="leading-7 text-gray-700 my-4" {...props} />,
+              ul: ({node, ...props}) => <ul className="list-disc list-outside ml-6 space-y-2 my-4 text-gray-700" {...props} />,
+              ol: ({node, ...props}) => <ol className="list-decimal list-outside ml-6 space-y-2 my-4 text-gray-700" {...props} />,
+              li: ({node, ...props}) => <li className="pl-1" {...props} />,
+              a: ({node, ...props}) => <a className="text-blue-600 hover:underline font-medium" target="_blank" {...props} />,
+              blockquote: ({node, ...props}) => <blockquote className="border-l-4 border-gray-300 pl-4 italic text-gray-600 my-4" {...props} />,
+              hr: ({node, ...props}) => <hr className="my-8 border-gray-200" {...props} />,
+              img: ({node, ...props}) => <img className="rounded-lg border shadow-sm my-4 max-w-full h-auto" {...props} alt="" />,
+              table: ({node, ...props}) => <div className="overflow-x-auto my-4"><table className="min-w-full divide-y divide-gray-200 border" {...props} /></div>,
+              th: ({node, ...props}) => <th className="bg-gray-50 px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider border-b" {...props} />,
+              td: ({node, ...props}) => <td className="px-4 py-2 whitespace-nowrap text-sm text-gray-700 border-b" {...props} />,
             }}
           >
             {operator.readme || ""}
diff --git a/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx b/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
index 4b1bd8f3..352ec0e2 100644
--- a/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
+++ b/frontend/src/pages/OperatorMarket/Home/OperatorMarket.tsx
@@ -78,6 +78,7 @@ export default function OperatorMarketPage() {
       await deleteOperatorByIdUsingDelete(operator.id);
       message.success("算子删除成功");
       fetchData();
+      await initCategoriesTree();
     } catch (error) {
       message.error("算子删除失败");
     }
diff --git a/frontend/src/pages/OperatorMarket/operator.model.ts b/frontend/src/pages/OperatorMarket/operator.model.ts
index 407408f9..a49fcfb1 100644
--- a/frontend/src/pages/OperatorMarket/operator.model.ts
+++ b/frontend/src/pages/OperatorMarket/operator.model.ts
@@ -42,6 +42,7 @@ export interface OperatorI {
   runtime: string;
   requirements: string[];
   readme: string;
+  releases: ReleaseI[];
   overrides?: { [key: string]: any }; // 用户配置的参数
   defaultParams?: { [key: string]: any }; // 默认参数
   configs: {
@@ -53,6 +54,13 @@ export interface OperatorI {
   updatedAt?: string;
 }
 
+export interface ReleaseI {
+  id: string;
+  version: string;
+  releaseDate: string;
+  changelog: string[];
+}
+
 export interface CategoryI {
   id: string;
   name: string;
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 1ca5f793..53b3deb0 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -72,5 +72,7 @@ export default {
       },
     },
   },
-  plugins: [],
+  plugins: [
+    require('@tailwindcss/typography'),
+  ],
 };
diff --git a/runtime/ops/examples/test_operator/README.md b/runtime/ops/examples/test_operator/README.md
index 99edc533..3e037395 100644
--- a/runtime/ops/examples/test_operator/README.md
+++ b/runtime/ops/examples/test_operator/README.md
@@ -1,63 +1,106 @@
-# Markdown 功能全展示 (H1)
+# 自定义算子开发指南
+
+## 算子规范
+
+### 算子元数据格式
+
+每个自定义算子都需要包含一个 `metadata.yml` 文件：
+
+```yaml
+name: '测试算子'
+description: '这是一个测试算子。'
+language: 'python'
+vendor: 'huawei'
+raw_id: 'TestMapper'
+version: '1.0.0'
+modal: 'text'     # text/image/audio/video/multimodal
+inputs: 'text'    # text/image/audio/video/multimodal
+outputs: 'text'   # text/image/audio/video/multimodal
+release:
+  - '首次发布'
+  - '支持基本处理操作'
+metrics:
+  - name: '准确率'
+    metric: '99.5%'
+  - name: '处理速度'
+    metric: '50 ms/image'
+  - name: '内存使用'
+    metric: '128MB'
+  - name: '吞吐量'
+    metric: '20 images/sec'
+runtime:
+  memory: 10MB
+  cpu: 1000m
+  gpu: 0.1
+  npu: 0.1
+```
+
+### 算子实现
+
+#### process.py
 
-这是一个用于测试 **React Markdown 渲染器** 的综合示例文件。
-如果你能看到 **表格**、**任务列表** 和 **代码高亮**，说明你的 `remark-gfm` 和 `syntax-highlighter` 配置完美！
-
----
-
-## 1. 文本格式 (Typography)
-
-这里展示常见的文本样式：
-* **加粗文本 (Bold)**
-* *倾斜文本 (Italic)*
-* ***加粗并倾斜 (Bold & Italic)***
-* ~~删除线文本 (Strikethrough)~~ (需要 remark-gfm)
-* `Inline Code` (行内代码)
-
----
-
-## 2. 扩展列表 (Lists)
-
-### 无序列表与嵌套
-- 第一层列表项
-  - 第二层列表项
-    - 第三层列表项
-
-### 有序列表
-1. 第一步
-2. 第二步
-3. 第三步
-
-### 任务列表 (Task Lists - 需要 remark-gfm)
-- [x] 已完成的任务 (Finished)
-- [ ] 待办任务 (Todo)
-- [ ] 正在进行的任务
-
----
-
-## 3. 表格 (Tables - 需要 remark-gfm)
-
-测试表格的对齐方式（左对齐、居中、右对齐）：
-
-| 算子名称 (Left) | 状态 (Center) | 处理速度 (Right) |
-| :--- | :---: | ---: |
-| MineruFormatter | ✅ 正常 | 150 ms |
-| ImgDenoise | ⚠️ 警告 | 1200 ms |
-| PiiDetector | ❌ 错误 | 0 ms |
+```python
+# -*- coding: utf-8 -*-
+
+# 导入所需数据结构，可以通过以下方式直接导入使用
+# 提供两种算子类：
+# Mapper用于映射和转换数据，使用时直接修改数据内容
+from datamate.core.base_op import Mapper
+
+class TestMapper(Mapper):
+    def execute(self, sample):
+        sample[self.text_key] += "\n新增的数据"
+        return sample
+
+
+# Filter用于过滤和选择性保留数据，使用时将需要过滤的数据的text或data置为空值
+from datamate.core.base_op import Filter
+
+class TestFilter(Filter):
+    def execute(self, sample):
+        if len(sample[self.text_key]) > 100:
+            sample[self.text_key] += ""
+        return sample
+
+```
+
+其中，sample的数据结构如下所示:
+```json lines
+// 数据结构
+{
+  "text": "数据文件的文本内容",
+  "data": "多模态文件的内容",
+  "fileName": "文件名称",
+  "fileType": "文件类型",
+  "filePath": "文件路径",
+  "fileSize": "文件大小",
+  "export_path": "保存的文件路径",
+  "extraFileType": "导出的文件类型"
+}
+
+// 数据示例
+{
+  "text": "text",
+  "data": "data",
+  "fileName": "test",
+  "fileType": "pdf",
+  "filePath": "/dataset/test.pdf",
+  "fileSize": "100B",
+  "export_path": "/dataset/test.txt",
+  "extraFileType": "txt"
+}
+```
+
+####  \_\_init__.py
 
----
+```python
+# -*- coding: utf-8 -*-
 
-## 4. 代码高亮 (Syntax Highlighting)
+# 导入OPERATORS用于进行模块注册，可以通过以下方式直接导入使用
+from datamate.core.base_op import OPERATORS
 
-测试 `react-syntax-highlighter` 是否生效。
+# module_name必须填写算子类名称；module_path中须替换模块的算子压缩包名称：python_operator.user.压缩包名.process
+OPERATORS.register_module(module_name='TestMapper',
+                          module_path="ops.user.test_operator.process")
 
-### Python
-```python
-def calculate_area(radius):
-    import math
-    if radius < 0:
-        return None
-    return math.pi * (radius ** 2)
-
-print(f"Area: {calculate_area(5)}")
-```
\ No newline at end of file
+```
diff --git a/runtime/ops/examples/test_operator/test_operator.tar b/runtime/ops/examples/test_operator/test_operator.tar
index 909476664770af1f0d602c4cdf4675f7482db6c9..40597f0157318e3ce563650bafe75c6ff9e59517 100644
GIT binary patch
delta 1999
zcmb7FTW=Fb6ed-hs#8_8Dhd>->fi{ONX1@<gp^3F1X8Q^AteGHDi!3c;t4GEO}m?d
zTUFjPiQOnp?6QzR0s$lE0wj(rs?@O^^45RRx1Cx0DZijn&+Nq53GG8yvOIgvcg~#a
zx5k%7e_`~<(XO5z-vM8@?^M?*Uysy%`hX<$bar(gz>@i1OW=9S8!avIYVs+~&sm!j
zc7B$wWoX5q>0enYNvCEJYH!CvTwNZkrbfA-E}`S2>`sAA<=LYOt)vlR>uIa_bf3H0
z=vM8%QC%9Lsd1WlW)%&<;DHd)<$$cqp4j0~Z~(KJq*dP7smviXFfb64LqT*49cn>l
z-@&7%gx)pJqW62y_aq#MsJ+;IZCJiR6gN`k8-67Kf=fix`{ZbpsBS>1ni2_v)aQ{r
zlG{w9)8?P>`x~8(Bb5Y+tdU-X@k#8iEzPjiEaXdzqi!K$x7S%}ggz{>`>QlJW@i%2
zoU*p=yAi~!DubFZ4a*?{SI}g_&gSjuB)7&`KtO)xjHmm!@K{H3U#>*Wct}f2`_SDI
z4ryK`Bwr<N^RKr*i0^gg>-?ne++Jsy1)9m!lIeYpIwkCQ(YzWNg!&AJbp_%CcOepr
zsIgw`llsoV>tJ-4pCu^-FIV}C<nh5V>>Rt{41L(s?fim0U2r7rII2bliKcm?F{fYA
zn0_r1Mz>lI#{q!pdWDWJvIzqkFDAq;n`~ihr;?)Sb*sEsGv=z>(C|g8ILT%<VR-EM
z-`Vt{FtoO|?b|Ehhov*ti+QV<vzMpD5Zb?$`HZw<(QANNrD=Be5iN|-TdC^S>Pa^B
zSX>F02}f*pLwL8g^X&Gf(9*;>&2O5=+B#sy&bJ*kueW{pT1T(B+IBq7W(xH2f;~4T
zpf0G2cvPYft6{9kp=gjGp6M4#P$#Mg12SUe9E4FbCfMW?W-MFV59~YlUJZv95@IEU
z$;+GIpp%=2boR>(Uk!UJZxu`SlM*#55NZ1{aT`K|L0Qu<A9*1;A^sqI$fB!*cUwHl
z5Dt>?2@&wO8VL@0-~!$M9f@7(z@PE{3$VG?=8FGkqRu4H@eQlE22~Z_8bLd)rAt5a
zUQQTxuGGs%=eiaN<De2I8uEIvsDYRQ^drRQ;&Hfou}f(9`p3%~-04h`@14^g*T)>m
zOTm#eH^)}8%oq_|0oZ2LkP;+c!%8|n9WtSrDSNpfd~ofhShPtClSCIL8`^$3u3u{y
zSN~Y2FUA_`i^>m8#x%D~3u&PxH=_|%_eW)64n3!9cSRz=Xw7~gV^xM$y^Ms9d$Lr=
z#y56jLO-FVn&nE?i^;t;b85GzHcpKkNpl@^n2<&a_57oOp@y)3H*9YJ@&{Vfz1+yN
z2UE`-rsdqf<_yM7wmLM{3FVc1xdxJ}6H7bBm;IOhN?6hTeoyqB{ao@*gG<i$e}3WY
zrSlgq)>m!5noYqp&<C^Z`3g;>{uj0IWimf)eaj)MP$V!MBz{iPbbGv(Ez|5Xnz;9p
zZ^RhwROWYqywR`-0A%yqoNb&apozO*&*@3K^2GVp@$mz;66ENQz_&@(BdTXuBdUjT
i*uh<#XO~XRuUfl+jz(IKn6s_kR)<>A^Xx}&zWxtxt&nE`

delta 1500
zcmZuxT~8ZF6ve9gvTuE>`g9elcD<63ZN4Pbmo`xZQd6O%Z&6im?ZsYU?^^3c32KUM
z5+}BCz%Ad@4MrgjZ2|Mqz+w#imu6>o{lrgb@9fw#sd%u~bMKjR@0>YzGNYN{y~iJa
z5*+9q=nC`)diw(Y!9M>$m)}1a>>ca^|NKXu$f4&$k0*Uc)W##~0|iKN-FbXQa$977
z(cWwTKOFFKoO7{it<+5;V;X<h3tMJm)_ODJ)E7Yz?n+`<hpYXTabT^_lhrLj0DJ9;
zecB}DJQA7bGuF~G^YrL#W|||lY3oJBJgZ_UyD~%a={;m}Hnyy4QxM)}vVvfqo|57Q
z$uDCRsmL!SM3|>9?P|95=Ze|b6@<%X$*KQkt;`}3mV%HbCGZ%&=vX4;ZV06&6<vJj
zi^<Vg9Dll`g`kytZlCRv-I9Gid)dr#oX_Xu(p+~p1bP5lv?|-!1!>L!|LtT_jcQ^t
zHpwJtJu5L)h+#Odvskl(KSumzbBz<QNm8uZ2g@u2{8wr`;uQp%A(?Y)snSV|=we(B
zd)<tXZto%|M-0U_!e`KdxfD}VBwuZ<ZrY8D4$VDXlgA}Jrl}Lrn0IOl_*Nz3)UxoO
z7+x$M8d2i1BEd~HB87l=HcI4aj>(B<^QBP(DnSq>DEy9xWWodgwVcvZi0H<owOl2Q
zIhHYvS@NbtUM+Jzu(!9-8DxK&rCJ*&8~_V9P_XyHorF<%FG2Ok0+qs50S<425nDU2
zIP8lq8YQ~uZD$H};ck4_EO>2VY8>3gv5RZe@WK6u-vK#3KoeN`GG3#ZcHIX2ZCR01
zF)8B3W8DV?o##mL1*1n|HKKMh*3L^(*>Wy^MJXwROTf%Tg~T42ooPEi#HG~rt#E9N
zoV06w<RSHw)>+wFI&lq^C&x7w!I>cYIn&sof94KZ@UmH;rsE!gy}L|y%B1|<e!Yj6
zCXMM{z-aNv%4C7RDJf`u8X=oc?DErAW}P%@z~7}afnn}Z8isHT5I{de_+=ktzJspO
zCT^=*Le!B2Q-4=-Ku>QNxCr$7A(5gKFp`Mgk`z@=NffkJy)@>)*{PAAixe01UjavD
z`Ie+hVO@3Uek(yMy|C)k>xgTE+@Yj8_VvKKLl68tccfvsGt#mWMSHeiBYXkyG4fqE
z_V|2}a?M^?w-)pC337ciI;qE0g$sq!p(Ohok;Wh_#={eFQJ20Kk&oBJh&++<4xy<5
z<U~@{bU-m;Y&`}n4_|<vK`2a<^a)LYZ&XEcVeK{D){~S$fHo^W7ZAk$KTm41qVr=n
ezQl?{@Z<kl==c6~!;5W(4n3d#^T9lL!v6wg%(>+N

diff --git a/scripts/db/data-operator-init.sql b/scripts/db/data-operator-init.sql
index 61c6e647..dac4ace5 100644
--- a/scripts/db/data-operator-init.sql
+++ b/scripts/db/data-operator-init.sql
@@ -155,48 +155,49 @@ ON CONFLICT DO NOTHING;
 
 INSERT INTO t_operator
 (id, name, description, version, inputs, outputs, runtime, settings, file_name, file_size, is_star)
-VALUES  ('MineruFormatter', 'MinerU PDF文本抽取', '基于MinerU API，抽取PDF中的文本。', '1.0.0', 'text', 'text', null, '{"exportType":{"name":"导出类型","description":"指定清洗结果文件类型。若指定为md且后续存在其他清洗算子，可能导致文件格式错乱。","type":"select","defaultVal":"markdown","required":false,"options":[{"label":"markdown","value":"md"},{"label":"txt","value":"txt"}]}}', '', 0, 'false'),
-        ('FileWithHighRepeatPhraseRateFilter', '文档词重复率检查', '去除重复词过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatPhraseRatio": {"name": "文档词重复率", "description": "某个词的统计数/文档总词数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}, "hitStopwords": {"name": "去除停用词", "description": "统计重复词时，选择是否要去除停用词。", "type": "switch", "defaultVal": false, "required": true, "checkedLabel": "去除", "unCheckedLabel": "不去除"}}', '', 0, 'false'),
-        ('FileWithHighRepeatWordRateFilter', '文档字重复率检查', '去除重复字过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatWordRatio": {"name": "文档字重复率", "description": "某个字的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 0, 'false'),
-        ('FileWithHighSpecialCharRateFilter', '文档特殊字符率检查', '去除特殊字符过多的文档。', '1.0.0', 'text', 'text', null, '{"specialCharRatio": {"name": "文档特殊字符率", "description": "特殊字符的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.3, "min": 0, "max": 1, "step": 0.1}}', '', 0, 'false'),
-        ('DuplicateFilesFilter', '相似文档去除', '相似文档去除。', '1.0.0', 'text', 'text', null, '{"fileDuplicateThreshold": {"name": "文档相似度", "description": "基于MinHash算法和Jaccard相似度，计算当前文档与数据集中其它文档相似性，超过设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 0, 'false'),
-        ('FileWithManySensitiveWordsFilter', '文档敏感词率检查', '去除敏感词过多的文档。', '1.0.0', 'text', 'text', null, '{"sensitiveWordsRate": {"name": "文档敏感词率", "description": "敏感词的字数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.01, "min": 0, "max": 1, "step": 0.01}}', '', 0, 'false'),
-        ('FileWithShortOrLongLengthFilter', '文档字数检查', '字数不在指定范围会被过滤掉。', '1.0.0', 'text', 'text', null, '{"fileLength": {"name": "文档字数", "description": "过滤字数不在指定范围内的文档，如[10,10000000]。若输入为空，则不对字数上/下限做限制。", "type": "range", "defaultVal": [10, 10000000], "min": 0, "max": 10000000000000000, "step": 1}}', '', 0, 'false'),
-        ('ContentCleaner', '文档目录去除', '去除文档中的目录。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('AnonymizedCreditCardNumber', '信用卡号匿名化', '信用卡号匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('EmailNumberCleaner', '邮件地址匿名化', '邮件地址匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('EmojiCleaner', '文档表情去除', '去除文档中表情字符或者emoji符号。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('ExtraSpaceCleaner', '多余空格去除', '移除文档首尾、句中或标点符号附近多余空格和 tab 等。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('FullWidthCharacterCleaner', '全角转半角', '将文档中的所有全角字符转换成半角字符。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('GrableCharactersCleaner', '文档乱码去除', '去除文档中的乱码和无意义的unicode。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('HtmlTagCleaner', 'HTML标签去除', '移除文档中HTML标签，如 <html>、<dev>、<p> 等。', '1.0.0', 'text', 'text', null, '{"removeTableTags":{"name":"是否去除表格标签","description":"若为是，则会去除表格标签<tr><td>等。","type":"switch","defaultVal":"false","required":false,"checkedLabel":"是","unCheckedLabel":"否"}}', '', 0, 'false'),
-        ('AnonymizedIdNumber', '身份证号匿名化', '身份证号匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('InvisibleCharactersCleaner', '不可见字符去除', '去除文档中的不可见字符，例如 0-31 号字符中的部分字符。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('AnonymizedIpAddress', 'IP地址匿名化', 'IP地址匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('LegendCleaner', '图注表注去除', '去除文档中的图注、表注等内容。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('AnonymizedPhoneNumber', '电话号码匿名化', '电话号码匿名化', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('PoliticalWordCleaner', '政治文本匿名化', '将政治文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('DuplicateSentencesFilter', '文档局部内容去重', '文档局部内容去重。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('SexualAndViolentWordCleaner', '暴力色情文本匿名化', '将暴力、色情文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('TraditionalChineseCleaner', '繁体转简体', '将繁体转换为简体。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('UnicodeSpaceCleaner', '空格标准化', '将文档中不同的 unicode 空格，如 u2008，转换为正常空格\\u0020。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('AnonymizedUrlCleaner', 'URL网址匿名化', '将文档中的url网址匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('XMLTagCleaner', 'XML标签去除', '去除XML中的标签。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('ImgBlurredImagesCleaner', '模糊图片过滤', '去除模糊的图片。', '1.0.0', 'image', 'image', null, '{"blurredThreshold": {"name": "梯度函数值", "description": "梯度函数值取值越小，图片模糊度越高。", "type": "slider", "defaultVal": 1000, "min": 1, "max": 10000, "step": 1}}', '', 0, 'false'),
-        ('ImgBrightness', '图片亮度增强', '自适应调节图片的亮度。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgContrast', '图片对比度增强', '自适应调节图片的对比度。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgDenoise', '图片噪点去除', '去除图片中的噪点，主要适用于自然场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgDuplicatedImagesCleaner', '重复图片去除', '去除重复的图片。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgPerspectiveTransformation', '图片透视变换', '自适应校正图片的视角，主要适用于文档校正场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgResize', '图片重采样', '将图片放大或缩小到指定像素。', '1.0.0', 'image', 'image', null, '{"targetSize": {"name": "重采样尺寸", "name_en": "Resample Size", "type": "multiple", "properties": [{"type": "inputNumber", "name": "宽度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}, {"type": "inputNumber", "name": "高度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}]}}', '', 0, 'false'),
-        ('ImgSaturation', '图片饱和度增强', '自适应调节图片的饱和度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgShadowRemove', '图片阴影去除', '去除图片中的阴影，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgSharpness', '图片锐度增强', '自适应调节图片的锐度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('ImgSimilarImagesCleaner', '相似图片去除', '去除相似的图片。', '1.0.0', 'image', 'image', null, '{"similarThreshold": {"name": "相似度", "description": "相似度取值越大，图片相似度越高。", "type": "slider", "defaultVal": 0.8, "min": 0, "max": 1, "step": 0.01}}', '', 0, 'false'),
-        ('ImgTypeUnify', '图片格式转换', '将图片编码格式统一为jpg、jpeg、png、bmp格式。', '1.0.0', 'image', 'image', null, '{"imgType": {"name": "图片编码格式", "type": "select", "defaultVal": "jpg", "options": [{"label": "jpg", "value": "jpg"}, {"label": "png", "value": "png"}, {"label": "jpeg", "value": "jpeg"}, {"label": "bmp", "value": "bmp"}]}}', '', 0, 'false'),
-        ('ImgDirectionCorrect', '图片方向校正', '将含有文字的图片校正到文字水平方向，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 0, 'false'),
-        ('PiiDetector', '高级匿名化', '高级匿名化算子，检测命名实体并匿名化。', '1.0.0', 'text', 'text', null, null, '', 0, 'false'),
-        ('ObjectDetectionRectangle', '图像目标检测与预标注', '基于 YOLOv8 的图像目标检测算子。对输入图像进行目标检测，输出带矩形框与类别标签的标注图像，并生成结构化标注 JSON（包含类别、置信度与边界框坐标）。支持将检测结果导出为 Label Studio 兼容的 predictions 预标注格式（rectanglelabels），可在标注任务中直接加载并进行人工校正，从而显著降低人工标注成本并提升标注效率。', '1.0.0', 'image', 'image,json', null, null, '', 0, 'false')
+VALUES
+('MineruFormatter', 'MinerU PDF文本抽取', '基于MinerU API，抽取PDF中的文本。', '1.0.0', 'text', 'text', null, '{"exportType":{"name":"导出类型","description":"指定清洗结果文件类型。若指定为md且后续存在其他清洗算子，可能导致文件格式错乱。","type":"select","defaultVal":"markdown","required":false,"options":[{"label":"markdown","value":"md"},{"label":"txt","value":"txt"}]}}', '', 12288, 'false'),
+('FileWithHighRepeatPhraseRateFilter', '文档词重复率检查', '去除重复词过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatPhraseRatio": {"name": "文档词重复率", "description": "某个词的统计数/文档总词数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}, "hitStopwords": {"name": "去除停用词", "description": "统计重复词时，选择是否要去除停用词。", "type": "switch", "defaultVal": false, "required": true, "checkedLabel": "去除", "unCheckedLabel": "不去除"}}', '', 16384, 'false'),
+('FileWithHighRepeatWordRateFilter', '文档字重复率检查', '去除重复字过多的文档。', '1.0.0', 'text', 'text', null, '{"repeatWordRatio": {"name": "文档字重复率", "description": "某个字的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 8192, 'false'),
+('FileWithHighSpecialCharRateFilter', '文档特殊字符率检查', '去除特殊字符过多的文档。', '1.0.0', 'text', 'text', null, '{"specialCharRatio": {"name": "文档特殊字符率", "description": "特殊字符的统计数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.3, "min": 0, "max": 1, "step": 0.1}}', '', 5120, 'false'),
+('DuplicateFilesFilter', '相似文档去除', '相似文档去除。', '1.0.0', 'text', 'text', null, '{"fileDuplicateThreshold": {"name": "文档相似度", "description": "基于MinHash算法和Jaccard相似度，计算当前文档与数据集中其它文档相似性，超过设定值，该文档被去除。", "type": "slider", "defaultVal": 0.5, "min": 0, "max": 1, "step": 0.1}}', '', 13312, 'false'),
+('FileWithManySensitiveWordsFilter', '文档敏感词率检查', '去除敏感词过多的文档。', '1.0.0', 'text', 'text', null, '{"sensitiveWordsRate": {"name": "文档敏感词率", "description": "敏感词的字数/文档总字数 > 设定值，该文档被去除。", "type": "slider", "defaultVal": 0.01, "min": 0, "max": 1, "step": 0.01}}', '', 29696, 'false'),
+('FileWithShortOrLongLengthFilter', '文档字数检查', '字数不在指定范围会被过滤掉。', '1.0.0', 'text', 'text', null, '{"fileLength": {"name": "文档字数", "description": "过滤字数不在指定范围内的文档，如[10,10000000]。若输入为空，则不对字数上/下限做限制。", "type": "range", "defaultVal": [10, 10000000], "min": 0, "max": 10000000000000000, "step": 1}}', '', 8192, 'false'),
+('ContentCleaner', '文档目录去除', '去除文档中的目录。', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('AnonymizedCreditCardNumber', '信用卡号匿名化', '信用卡号匿名化', '1.0.0', 'text', 'text', null, null, '', 8192, 'false'),
+('EmailNumberCleaner', '邮件地址匿名化', '邮件地址匿名化', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('EmojiCleaner', '文档表情去除', '去除文档中表情字符或者emoji符号。', '1.0.0', 'text', 'text', null, null, '', 5120, 'false'),
+('ExtraSpaceCleaner', '多余空格去除', '移除文档首尾、句中或标点符号附近多余空格和 tab 等。', '1.0.0', 'text', 'text', null, null, '', 8192, 'false'),
+('FullWidthCharacterCleaner', '全角转半角', '将文档中的所有全角字符转换成半角字符。', '1.0.0', 'text', 'text', null, null, '', 8192, 'false'),
+('GrableCharactersCleaner', '文档乱码去除', '去除文档中的乱码和无意义的unicode。', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('HtmlTagCleaner', 'HTML标签去除', '移除文档中HTML标签，如 <html>、<dev>、<p> 等。', '1.0.0', 'text', 'text', null, '{"removeTableTags":{"name":"是否去除表格标签","description":"若为是，则会去除表格标签<tr><td>等。","type":"switch","defaultVal":"false","required":false,"checkedLabel":"是","unCheckedLabel":"否"}}', '', 12288, 'false'),
+('AnonymizedIdNumber', '身份证号匿名化', '身份证号匿名化。', '1.0.0', 'text', 'text', null, null, '', 36864, 'false'),
+('InvisibleCharactersCleaner', '不可见字符去除', '去除文档中的不可见字符，例如 0-31 号字符中的部分字符。', '1.0.0', 'text', 'text', null, null, '', 5120, 'false'),
+('AnonymizedIpAddress', 'IP地址匿名化', 'IP地址匿名化', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('LegendCleaner', '图注表注去除', '去除文档中的图注、表注等内容。', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('AnonymizedPhoneNumber', '电话号码匿名化', '电话号码匿名化', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('PoliticalWordCleaner', '政治文本匿名化', '将政治文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 8192, 'false'),
+('DuplicateSentencesFilter', '文档局部内容去重', '文档局部内容去重。', '1.0.0', 'text', 'text', null, null, '', 5120, 'false'),
+('SexualAndViolentWordCleaner', '暴力色情文本匿名化', '将暴力、色情文本进行匿名化。', '1.0.0', 'text', 'text', null, null, '', 20480, 'false'),
+('TraditionalChineseCleaner', '繁体转简体', '将繁体转换为简体。', '1.0.0', 'text', 'text', null, null, '', 5120, 'false'),
+('UnicodeSpaceCleaner', '空格标准化', '将文档中不同的 unicode 空格，如 u2008，转换为正常空格\\u0020。', '1.0.0', 'text', 'text', null, null, '', 8192, 'false'),
+('AnonymizedUrlCleaner', 'URL网址匿名化', '将文档中的url网址匿名化。', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('XMLTagCleaner', 'XML标签去除', '去除XML中的标签。', '1.0.0', 'text', 'text', null, null, '', 4096, 'false'),
+('ImgBlurredImagesCleaner', '模糊图片过滤', '去除模糊的图片。', '1.0.0', 'image', 'image', null, '{"blurredThreshold": {"name": "梯度函数值", "description": "梯度函数值取值越小，图片模糊度越高。", "type": "slider", "defaultVal": 1000, "min": 1, "max": 10000, "step": 1}}', '', 5120, 'false'),
+('ImgBrightness', '图片亮度增强', '自适应调节图片的亮度。', '1.0.0', 'image', 'image', null, null, '', 4096, 'false'),
+('ImgContrast', '图片对比度增强', '自适应调节图片的对比度。', '1.0.0', 'image', 'image', null, null, '', 4096, 'false'),
+('ImgDenoise', '图片噪点去除', '去除图片中的噪点，主要适用于自然场景。', '1.0.0', 'image', 'image', null, null, '', 4096, 'false'),
+('ImgDuplicatedImagesCleaner', '重复图片去除', '去除重复的图片。', '1.0.0', 'image', 'image', null, null, '', 8192, 'false'),
+('ImgPerspectiveTransformation', '图片透视变换', '自适应校正图片的视角，主要适用于文档校正场景。', '1.0.0', 'image', 'image', null, null, '', 8192, 'false'),
+('ImgResize', '图片重采样', '将图片放大或缩小到指定像素。', '1.0.0', 'image', 'image', null, '{"targetSize": {"name": "重采样尺寸", "name_en": "Resample Size", "type": "multiple", "properties": [{"type": "inputNumber", "name": "宽度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}, {"type": "inputNumber", "name": "高度", "description": "像素", "defaultVal": 256, "min": 1, "max": 4096, "step": 1}]}}', '', 8192, 'false'),
+('ImgSaturation', '图片饱和度增强', '自适应调节图片的饱和度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 4096, 'false'),
+('ImgShadowRemove', '图片阴影去除', '去除图片中的阴影，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 4096, 'false'),
+('ImgSharpness', '图片锐度增强', '自适应调节图片的锐度，主要适用于自然场景图片。', '1.0.0', 'image', 'image', null, null, '', 4096, 'false'),
+('ImgSimilarImagesCleaner', '相似图片去除', '去除相似的图片。', '1.0.0', 'image', 'image', null, '{"similarThreshold": {"name": "相似度", "description": "相似度取值越大，图片相似度越高。", "type": "slider", "defaultVal": 0.8, "min": 0, "max": 1, "step": 0.01}}', '', 14336, 'false'),
+('ImgTypeUnify', '图片格式转换', '将图片编码格式统一为jpg、jpeg、png、bmp格式。', '1.0.0', 'image', 'image', null, '{"imgType": {"name": "图片编码格式", "type": "select", "defaultVal": "jpg", "options": [{"label": "jpg", "value": "jpg"}, {"label": "png", "value": "png"}, {"label": "jpeg", "value": "jpeg"}, {"label": "bmp", "value": "bmp"}]}}', '', 5120, 'false'),
+('ImgDirectionCorrect', '图片方向校正', '将含有文字的图片校正到文字水平方向，主要适用于文档场景。', '1.0.0', 'image', 'image', null, null, '', 8192, 'false'),
+('PiiDetector', '高级匿名化', '高级匿名化算子，检测命名实体并匿名化。', '1.0.0', 'text', 'text', null, null, '', 8192, 'false'),
+('ObjectDetectionRectangle', '图像目标检测与预标注', '基于 YOLOv8 的图像目标检测算子。对输入图像进行目标检测，输出带矩形框与类别标签的标注图像，并生成结构化标注 JSON（包含类别、置信度与边界框坐标）。支持将检测结果导出为 Label Studio 兼容的 predictions 预标注格式（rectanglelabels），可在标注任务中直接加载并进行人工校正，从而显著降低人工标注成本并提升标注效率。', '1.0.0', 'image', 'image,json', null, null, '', 12288, 'false')
 ON CONFLICT DO NOTHING;
 
 INSERT INTO t_operator_release(id, version, release_date, changelog)

From f20e078b9ddd5d4f2c2c078544a498bf7977e9ea Mon Sep 17 00:00:00 2001
From: hhhhsc <1710496817@qq.com>
Date: Thu, 22 Jan 2026 15:13:48 +0800
Subject: [PATCH 15/15] =?UTF-8?q?feat:=20=E6=A8=A1=E6=9D=BF=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=B1=95=E7=A4=BA=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package-lock.json                    | 16 ++++++------
 .../DataCleansing/Detail/TemplateDetail.tsx   |  4 +--
 .../components/TemplateOperatorTable.tsx      | 25 +++++++++++++++++++
 3 files changed, 35 insertions(+), 10 deletions(-)
 create mode 100644 frontend/src/pages/DataCleansing/Detail/components/TemplateOperatorTable.tsx

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3cbd707a..90ce8d1f 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -4347,14 +4347,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/format": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
-      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
     "node_modules/force-graph": {
       "version": "1.51.0",
       "resolved": "https://registry.npmjs.org/force-graph/-/force-graph-1.51.0.tgz",
@@ -4381,6 +4373,14 @@
         "node": ">=12"
       }
     },
+    "node_modules/format": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
+      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
diff --git a/frontend/src/pages/DataCleansing/Detail/TemplateDetail.tsx b/frontend/src/pages/DataCleansing/Detail/TemplateDetail.tsx
index ae6ae27f..30c07dd4 100644
--- a/frontend/src/pages/DataCleansing/Detail/TemplateDetail.tsx
+++ b/frontend/src/pages/DataCleansing/Detail/TemplateDetail.tsx
@@ -11,7 +11,7 @@ import {
   queryCleaningTemplateByIdUsingGet,
 } from "../cleansing.api";
 import {mapTemplate} from "../cleansing.const";
-import OperatorTable from "./components/OperatorTable";
+import TemplateOperatorTable from "./components/TemplateOperatorTable";
 import {EditOutlined, ReloadOutlined, NumberOutlined} from "@ant-design/icons";
 
 // 任务详情页面组件
@@ -114,7 +114,7 @@ export default function CleansingTemplateDetail() {
       <div className="flex-overflow-auto p-6 pt-2 bg-white rounded-md shadow">
         <Tabs activeKey={activeTab} items={tabList} onChange={setActiveTab} />
         <div className="h-full flex-1 overflow-auto">
-          <OperatorTable task={template} />
+          <TemplateOperatorTable template={template} />
         </div>
       </div>
     </>
diff --git a/frontend/src/pages/DataCleansing/Detail/components/TemplateOperatorTable.tsx b/frontend/src/pages/DataCleansing/Detail/components/TemplateOperatorTable.tsx
new file mode 100644
index 00000000..e3101664
--- /dev/null
+++ b/frontend/src/pages/DataCleansing/Detail/components/TemplateOperatorTable.tsx
@@ -0,0 +1,25 @@
+import {Steps, Typography} from "antd";
+import {useNavigate} from "react-router";
+
+export default function TemplateOperatorTable({ template }: { template: any }) {
+  const navigate = useNavigate();
+
+  return template?.instance?.length > 0 && (
+    <>
+      <Steps
+        progressDot
+        direction="vertical"
+        items={Object.values(template?.instance).map((item) => ({
+          title: <Typography.Link
+            onClick={() => navigate(`/data/operator-market/plugin-detail/${item?.id}`)}
+          >
+            {item?.name}
+          </Typography.Link>,
+          description: item?.description,
+          status: "finish"
+        }))}
+        className="overflow-auto"
+      />
+    </>
+  );
+}
\ No newline at end of file