From 54a7ff9fe7d34abe034028b2daff8b0577594d07 Mon Sep 17 00:00:00 2001
From: gary-Shen <grinson50@gmail.com>
Date: Mon, 26 Feb 2024 19:19:28 +0800
Subject: [PATCH] docs: add pre annoation schema

---
 src/components/schema-table/index.tsx         |  61 +-
 src/locale/resources/en-US.json               |   8 +-
 src/locale/resources/zh-CN.json               |   7 +-
 .../guide.introduction/markdown_en-US.mdx     |   3 +-
 .../guide.introduction/markdown_zh-CN.mdx     |   1 +
 src/pages/schema.audio.frame/example.mdx      |   9 -
 src/pages/schema.audio.frame/schema.json      |   3 +-
 src/pages/schema.audio.segment/example.mdx    |  12 +-
 src/pages/schema.audio.segment/schema.json    |   3 +-
 src/pages/schema.image.cuboid/schema.json     |   9 +-
 src/pages/schema.image.line/example.mdx       |  24 -
 src/pages/schema.image.line/schema.json       |   6 +
 src/pages/schema.image.point/schema.json      |   9 +-
 src/pages/schema.image.polygon/schema.json    |   9 +-
 src/pages/schema.image.rect/example.mdx       |  10 -
 src/pages/schema.image.rect/schema.json       |   9 +-
 .../schema.pre-annotation.audio/example.mdx   |  87 ++
 .../schema.pre-annotation.audio/index.tsx     |  11 +
 .../schema.pre-annotation.audio/schema.json   | 818 ++++++++++++++++
 .../schema.pre-annotation.image/example.mdx   | 103 ++
 .../schema.pre-annotation.image/index.tsx     |  11 +
 .../schema.pre-annotation.image/schema.json   | 900 ++++++++++++++++++
 .../schema.pre-annotation.video/example.mdx   |  86 ++
 .../schema.pre-annotation.video/index.tsx     |  11 +
 .../schema.pre-annotation.video/schema.json   | 818 ++++++++++++++++
 .../example.mdx                               |  23 +
 .../schema.reference.tag-attribute/index.tsx  |  11 +
 .../schema.json                               |  46 +
 .../example.mdx                               |  19 +
 .../schema.reference.text-attribute/index.tsx |  11 +
 .../schema.json                               |  40 +
 src/pages/schema.tag/example.mdx              |  24 +
 src/pages/schema.tag/index.tsx                |  11 +
 src/pages/schema.tag/schema.json              |  29 +
 src/pages/schema.text/example.mdx             |  22 +
 src/pages/schema.text/index.tsx               |  11 +
 src/pages/schema.text/schema.json             |  29 +
 src/pages/schema.video.frame/example.mdx      |   9 -
 src/pages/schema.video.frame/schema.json      |   3 +-
 src/pages/schema.video.segment/example.mdx    |  12 +-
 src/pages/schema.video.segment/schema.json    |   3 +-
 src/routes.tsx                                |  92 ++
 42 files changed, 3327 insertions(+), 96 deletions(-)
 create mode 100644 src/pages/schema.pre-annotation.audio/example.mdx
 create mode 100644 src/pages/schema.pre-annotation.audio/index.tsx
 create mode 100644 src/pages/schema.pre-annotation.audio/schema.json
 create mode 100644 src/pages/schema.pre-annotation.image/example.mdx
 create mode 100644 src/pages/schema.pre-annotation.image/index.tsx
 create mode 100644 src/pages/schema.pre-annotation.image/schema.json
 create mode 100644 src/pages/schema.pre-annotation.video/example.mdx
 create mode 100644 src/pages/schema.pre-annotation.video/index.tsx
 create mode 100644 src/pages/schema.pre-annotation.video/schema.json
 create mode 100644 src/pages/schema.reference.tag-attribute/example.mdx
 create mode 100644 src/pages/schema.reference.tag-attribute/index.tsx
 create mode 100644 src/pages/schema.reference.tag-attribute/schema.json
 create mode 100644 src/pages/schema.reference.text-attribute/example.mdx
 create mode 100644 src/pages/schema.reference.text-attribute/index.tsx
 create mode 100644 src/pages/schema.reference.text-attribute/schema.json
 create mode 100644 src/pages/schema.tag/example.mdx
 create mode 100644 src/pages/schema.tag/index.tsx
 create mode 100644 src/pages/schema.tag/schema.json
 create mode 100644 src/pages/schema.text/example.mdx
 create mode 100644 src/pages/schema.text/index.tsx
 create mode 100644 src/pages/schema.text/schema.json

diff --git a/src/components/schema-table/index.tsx b/src/components/schema-table/index.tsx
index 321a9ccc..9d5f1703 100644
--- a/src/components/schema-table/index.tsx
+++ b/src/components/schema-table/index.tsx
@@ -1,4 +1,5 @@
 import { useState, type FC } from 'react';
+import { Link } from 'react-router-dom';
 import { BiChevronRight } from '@react-icons/all-files/bi/BiChevronRight';
 import { BiChevronDown } from '@react-icons/all-files/bi/BiChevronDown';
 import clsx from 'clsx';
@@ -7,10 +8,11 @@ import { useTranslation } from 'react-i18next';
 interface SchemaProp {
   [key: string]: {
     required?: string[];
+    $ref?: string;
     type: string | string[];
     description?: string;
     default?: string | number | boolean;
-    items?: { properties: SchemaProp };
+    items?: { properties: SchemaProp, $ref?: string, anyOf?: SchemaProp[]};
     properties?: SchemaProp;
     additionalProperties?: {
       anyOf?: SchemaProp[];
@@ -23,18 +25,48 @@ const typeBadgeMap = {
   boolean: 'badge-error',
   array: 'badge-primary',
   object: 'badge-neutral',
+  null: 'badge-neutral',
 } as Record<string, string>;
 
 interface Schema {
   type: 'object';
   properties: SchemaProp;
   required: string[];
+  definitions: SchemaProp;
 }
 
 interface JsonSchemaTableProps {
   schema: Schema;
 }
 
+// #/definitions/TextAttribute -> text-attribute
+function getReferenceName(ref: string) {
+  return ref.split('/').pop()!.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+}
+
+function makeReferenceUrl(ref: string) {
+  return `/schema/reference/${getReferenceName(ref)}`;
+}
+
+const resolveRef = (ref: string, definitions: SchemaProp | undefined) => {
+  if (!definitions || !ref.startsWith('#/definitions/')) {
+    return null;
+  }
+
+  const path = ref.slice('#/definitions/'.length).split('/');
+  let schema: SchemaProp | undefined = definitions;
+
+  for (const segment of path) {
+    schema = schema[segment] as unknown as SchemaProp;
+
+    if (!schema) {
+      break;
+    }
+  }
+
+  return schema;
+};
+
 const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
   const { t } = useTranslation();
   const headers = [t('field'), t('type'), t('required'), t('default'), t('description')];
@@ -68,6 +100,8 @@ const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
             <div className="flex items-center gap-2">
               {key}
               {((value.type === 'array' && value.items?.properties) ||
+              (value.type === 'array' && value.items?.$ref) ||
+              value.$ref ||
                 (value.type === 'object' && (value.properties || value.additionalProperties))) && (
                 <button className="btn btn-square btn-xs text-lg" onClick={() => handleClick(fullKey)}>
                   {expandedFields.includes(fullKey) ? <BiChevronDown /> : <BiChevronRight />}
@@ -78,11 +112,11 @@ const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
           <td>
             <div className="flex gap-2">
               {Array.isArray(value.type) ? (
-                value.type.map((typeItem) => (
+                value.type.map((typeItem) => typeBadgeMap[typeItem] ? (
                   <div key={typeItem} className={clsx('badge badge-outline', typeBadgeMap[typeItem])}>
                     {typeItem}
                   </div>
-                ))
+                ) : <Link key={typeItem} to={makeReferenceUrl(typeItem)}>{typeItem.split('/')[2]}</Link>)
               ) : (
                 <div className={clsx('badge badge-outline', typeBadgeMap[value.type])}>{value.type}</div>
               )}
@@ -94,6 +128,27 @@ const JsonSchemaTable: FC<JsonSchemaTableProps> = ({ schema }) => {
         </tr>,
       ];
 
+      if (value.type === 'array' && value?.items?.anyOf) {
+        rows.push(
+          ...generateRows(
+            { '': { type: value.items.anyOf.map((item) => (item.type || item.$ref) as unknown as string) } },
+            value.required ?? [],
+            `${fullKey}.`,
+            true,
+            depth + 1,
+          ),
+        );
+      }
+
+      if (
+        ((value.type === 'array' && value.items?.$ref) || (value.type === 'object' && value.$ref))
+        && expandedFields.includes(fullKey)
+      ) {
+        const refs = resolveRef(value.$ref || value.items!.$ref!, schema.definitions);
+
+        rows.push(...generateRows(refs.properties!, refs.required ?? [], `${fullKey}.`, true, depth + 1));
+      }
+
       if (
         ((value.type === 'array' && value.items?.properties) || (value.type === 'object' && value.properties)) &&
         expandedFields.includes(fullKey)
diff --git a/src/locale/resources/en-US.json b/src/locale/resources/en-US.json
index e0dd4bb6..6471a46d 100644
--- a/src/locale/resources/en-US.json
+++ b/src/locale/resources/en-US.json
@@ -38,11 +38,17 @@
   "audio": "Audio",
   "audio.segment": "Segment",
   "audio.frame": "Timestamp",
+  "general": "Text and tag",
+  "general.text": "Text",
+  "general.tag": "Tag",
   "field": "Field",
   "type": "Type",
   "description": "Description",
   "default": "Default",
   "required": "Required",
   "yes": "Yes",
-  "no": "No"
+  "no": "No",
+  "reference": "Reference",
+  "guide.reference.attribute": "Attribute",
+  "pre-annotation": "Pre-annotation"
 }
diff --git a/src/locale/resources/zh-CN.json b/src/locale/resources/zh-CN.json
index 937fcff5..1ac7900d 100644
--- a/src/locale/resources/zh-CN.json
+++ b/src/locale/resources/zh-CN.json
@@ -38,11 +38,16 @@
   "audio": "音频",
   "audio.segment": "片断截取",
   "audio.frame": "时间戳",
+  "general.text": "文本描述",
+  "general.tag": "标签分类",
   "field": "字段",
   "type": "类型",
   "description": "描述",
   "default": "默认值",
   "required": "必填",
   "yes": "是",
-  "no": "否"
+  "no": "否",
+  "reference": "类型引用",
+  "guide.reference.attribute": "Attribute",
+  "pre-annotation": "预标注"
 }
diff --git a/src/pages/guide.introduction/markdown_en-US.mdx b/src/pages/guide.introduction/markdown_en-US.mdx
index 274f8977..f2414f5c 100644
--- a/src/pages/guide.introduction/markdown_en-US.mdx
+++ b/src/pages/guide.introduction/markdown_en-US.mdx
@@ -3,7 +3,8 @@
 ### Product Overview
 
 LabelU is an open-source data annotation tool that can help users quickly, accurately, and efficiently annotate data, thereby improving the performance and quality of machine learning models. LabelU supports various types of annotations, including label classification, text description, bounding boxes, polygons, points, lines, cuboids, timestamps, segmentations, etc., meeting the annotation tasks of different scenarios and needs.
-You can experience the product in two ways:
+You can experience the product in ways below:
+
 - Try LabelU tool kit: [https://opendatalab.github.io/labelU-Kit/](https://opendatalab.github.io/labelU-Kit/)
 - Try LabelU online: [https://labelu.shlab.tech/](https://labelu.shlab.tech/)
 - LabelU for local deployment: [https://opendatalab.github.io/labelU/#/guide/install](https://opendatalab.github.io/labelU/#/guide/install)
diff --git a/src/pages/guide.introduction/markdown_zh-CN.mdx b/src/pages/guide.introduction/markdown_zh-CN.mdx
index b8b2940e..6510bd95 100644
--- a/src/pages/guide.introduction/markdown_zh-CN.mdx
+++ b/src/pages/guide.introduction/markdown_zh-CN.mdx
@@ -4,6 +4,7 @@
 
 LabelU是一个开源的数据标注工具，它可以帮助用户快速、准确、高效地对数据进行标注，从而提高机器学习模型的性能和质量。LabelU支持多种标注类型，包括标签分类、文本描述、拉框、多边形、点、线、立体框、时间戳、片段分割等，满足不同场景和需求的标注任务。
 体验产品可通过以下方式：
+
 - 标注工具：[https://opendatalab.github.io/labelU-Kit/](https://opendatalab.github.io/labelU-Kit/)
 - LabelU 在线体验：[https://labelu.shlab.tech/](https://labelu.shlab.tech/)
 - LabelU 本地部署：[https://opendatalab.github.io/labelU/#/guide/install](https://opendatalab.github.io/labelU/#/guide/install)
diff --git a/src/pages/schema.audio.frame/example.mdx b/src/pages/schema.audio.frame/example.mdx
index ed4ecb76..4d0d489a 100644
--- a/src/pages/schema.audio.frame/example.mdx
+++ b/src/pages/schema.audio.frame/example.mdx
@@ -19,15 +19,6 @@ import CodePreview from '../../components/code-preview';
       "attributes": {
         "contains": "Hello"
       }
-    },
-    {
-      "id": "c8il22ceipi",
-      "time": 7.917824773413897,
-      "label": "label-1",
-      "order": 4,
-      "attributes": {
-        "contains": "Human"
-      }
     }
   ]
 }} />
diff --git a/src/pages/schema.audio.frame/schema.json b/src/pages/schema.audio.frame/schema.json
index 1185af04..45718365 100644
--- a/src/pages/schema.audio.frame/schema.json
+++ b/src/pages/schema.audio.frame/schema.json
@@ -17,8 +17,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     },
     "attributes": {
       "type": "object",
diff --git a/src/pages/schema.audio.segment/example.mdx b/src/pages/schema.audio.segment/example.mdx
index 69883168..cbc21598 100644
--- a/src/pages/schema.audio.segment/example.mdx
+++ b/src/pages/schema.audio.segment/example.mdx
@@ -18,17 +18,7 @@ import CodePreview from '../../components/code-preview';
       "order": 1,
       "label": "label-1",
       "attributes": {
-        "car": ["bmw"]
-      }
-    },
-    {
-      "id": "dtgvrzgfgcp",
-      "start": 5.713595166163143,
-      "end": 9.89003,
-      "order": 2,
-      "label": "label-1",
-      "attributes": {
-        "car": ["bmw"]
+        "car": ["smart"]
       }
     }
   ]
diff --git a/src/pages/schema.audio.segment/schema.json b/src/pages/schema.audio.segment/schema.json
index a1ae433f..e2d84be7 100644
--- a/src/pages/schema.audio.segment/schema.json
+++ b/src/pages/schema.audio.segment/schema.json
@@ -21,8 +21,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     },
     "attributes": {
       "type": "object",
diff --git a/src/pages/schema.image.cuboid/schema.json b/src/pages/schema.image.cuboid/schema.json
index cf459b15..19510dc2 100644
--- a/src/pages/schema.image.cuboid/schema.json
+++ b/src/pages/schema.image.cuboid/schema.json
@@ -175,6 +175,12 @@
         "anyOf": [
           {
             "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           }
         ]
       }
@@ -186,8 +192,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     }
   },
   "required": ["direction", "front", "back", "x", "y", "width", "height", "id", "order", "label"]
diff --git a/src/pages/schema.image.line/example.mdx b/src/pages/schema.image.line/example.mdx
index a5202f95..b4e0a963 100644
--- a/src/pages/schema.image.line/example.mdx
+++ b/src/pages/schema.image.line/example.mdx
@@ -41,30 +41,6 @@ import CodePreview from '../../components/code-preview';
       "attributes": {},
       "order": 1,
       "label": "noneAttribute"
-    },
-    {
-      "points": [
-        {
-          "x": 684.9192073170732,
-          "y": 127.18064024390246,
-          "id": "yjRg1N7e"
-        },
-        {
-          "x": 787.5685975609756,
-          "y": 173.19588414634148,
-          "id": "ZNhLz1HW"
-        },
-        {
-          "x": 732.704268292683,
-          "y": 240.4489329268293,
-          "id": "4SKym9kd"
-        }
-      ],
-      "id": "TZZj1VdS",
-      "visible": true,
-      "attributes": {},
-      "order": 2,
-      "label": "noneAttribute"
     }
   ]
 }} />
diff --git a/src/pages/schema.image.line/schema.json b/src/pages/schema.image.line/schema.json
index a38faec2..c0f23202 100644
--- a/src/pages/schema.image.line/schema.json
+++ b/src/pages/schema.image.line/schema.json
@@ -63,6 +63,12 @@
         "anyOf": [
           {
             "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           }
         ]
       }
diff --git a/src/pages/schema.image.point/schema.json b/src/pages/schema.image.point/schema.json
index dc1e883f..8a4fdda8 100644
--- a/src/pages/schema.image.point/schema.json
+++ b/src/pages/schema.image.point/schema.json
@@ -26,6 +26,12 @@
         "anyOf": [
           {
             "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           }
         ]
       }
@@ -37,8 +43,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     }
   },
   "required": ["x", "y", "width", "height", "id", "order", "label"]
diff --git a/src/pages/schema.image.polygon/schema.json b/src/pages/schema.image.polygon/schema.json
index b91f3a5f..f97ef856 100644
--- a/src/pages/schema.image.polygon/schema.json
+++ b/src/pages/schema.image.polygon/schema.json
@@ -59,6 +59,12 @@
         "anyOf": [
           {
             "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           }
         ]
       }
@@ -70,8 +76,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     }
   },
   "required": ["lineType", "points", "x", "y", "width", "height", "id", "order", "label"]
diff --git a/src/pages/schema.image.rect/example.mdx b/src/pages/schema.image.rect/example.mdx
index 24813f41..24104eab 100644
--- a/src/pages/schema.image.rect/example.mdx
+++ b/src/pages/schema.image.rect/example.mdx
@@ -20,16 +20,6 @@ import CodePreview from '../../components/code-preview';
       "id": "0kjFS5rI",
       "order": 4,
       "label": "label-1"
-    },
-    {
-      "x": 515.016768292683,
-      "y": 603.2614329268292,
-      "width": 194.67987804878047,
-      "height": 69.02286585365853,
-      "visible": true,
-      "id": "AcO6GXyc",
-      "order": 5,
-      "label": "label-1"
     }
   ]
 }} />
diff --git a/src/pages/schema.image.rect/schema.json b/src/pages/schema.image.rect/schema.json
index 4f3b39fa..8fb937ac 100644
--- a/src/pages/schema.image.rect/schema.json
+++ b/src/pages/schema.image.rect/schema.json
@@ -34,6 +34,12 @@
         "anyOf": [
           {
             "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
           }
         ]
       }
@@ -45,8 +51,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     }
   },
   "required": ["x", "y", "width", "height", "id", "order", "label"]
diff --git a/src/pages/schema.pre-annotation.audio/example.mdx b/src/pages/schema.pre-annotation.audio/example.mdx
new file mode 100644
index 00000000..40972c95
--- /dev/null
+++ b/src/pages/schema.pre-annotation.audio/example.mdx
@@ -0,0 +1,87 @@
+import jsonschema from './schema.json';
+import JsonSchemaTable from '../../components/schema-table';
+import CodePreview from '../../components/code-preview';
+
+## Audio pre-anotation schema
+
+<JsonSchemaTable schema={jsonschema} />
+
+## Example
+
+<CodePreview value={{
+	"sample_name": "sample.mp3",
+	"config": {
+		"audioSegmentTool": [
+			{
+				"color": "#ff6600",
+				"key": "标签-1",
+				"value": "label-1"
+			}
+		],
+		"audioFrameTool": [
+			{
+				"color": "#0040ff",
+				"key": "标签-1",
+				"value": "label-1"
+			}
+		]
+	},
+	"meta_data": {
+		"duration": 122.0
+	},
+	"annotations": {
+		"audioSegmentTool": {
+			"toolName": "audioSegmentTool",
+			"result": [
+				{
+          "id": "58gz4irdvip",
+          "start": 4.2634441087613295,
+          "end": 8.845921,
+          "order": 1,
+          "label": "label-1",
+          "attributes": {
+            "car": [
+              "smart"
+            ]
+          }
+        },
+        {
+          "id": "cbqbst6gj5f",
+          "time": 5.6555891238670695,
+          "label": "label-1",
+          "order": 3,
+          "attributes": {
+            "contains": "Hello"
+          }
+        }
+			]
+		},
+		"textTool": {
+			"toolName": "textTool",
+			"result": [
+				{
+					"id": "js6htkz785h",
+					"type": "text",
+					"value": {
+						"text-label-1": "acasdqwe"
+					}
+				}
+			]
+		},
+		"tagTool": {
+			"toolName": "tagTool",
+			"result": [
+				{
+					"id": "qw8nbms13h",
+					"type": "tag",
+					"value": {
+						"tag-label-1": [
+							"tag-label-1-1"
+						]
+					}
+				}
+			]
+		}
+	}
+}
+} />
diff --git a/src/pages/schema.pre-annotation.audio/index.tsx b/src/pages/schema.pre-annotation.audio/index.tsx
new file mode 100644
index 00000000..ba6fec16
--- /dev/null
+++ b/src/pages/schema.pre-annotation.audio/index.tsx
@@ -0,0 +1,11 @@
+import MarkdownWithHighlight from '@/components/markdown-with-highlight';
+
+import Markdown from './example.mdx';
+
+export default function AudioSegmentSchema() {
+  return (
+    <MarkdownWithHighlight>
+      <Markdown />
+    </MarkdownWithHighlight>
+  );
+}
diff --git a/src/pages/schema.pre-annotation.audio/schema.json b/src/pages/schema.pre-annotation.audio/schema.json
new file mode 100644
index 00000000..62531fcb
--- /dev/null
+++ b/src/pages/schema.pre-annotation.audio/schema.json
@@ -0,0 +1,818 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "type": "object",
+  "properties": {
+    "sample_name": {
+      "type": "string",
+      "description": "The name of the sample file with extension"
+    },
+    "config": {
+      "type": "object",
+      "properties": {
+        "audioSegmentTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "audioFrameTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "textTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/TextAttribute"
+          }
+        },
+        "tagTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/EnumAttribute"
+          }
+        }
+      }
+    },
+    "meta_data": {
+      "type": "object",
+      "properties": {
+        "duration": {
+          "type": "number"
+        }
+      }
+    },
+    "annotations": {
+      "type": "object",
+      "properties": {
+        "audioSegmentTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "audioSegmentTool"
+            },
+            "result": {
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/SegmentTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "audioFrameTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "audioFrameTool"
+            },
+            "result": {
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/FrameTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "textTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "textTool",
+              "default": "textTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "type": "object",
+                "properties": {
+                  "id": {
+                    "type": "string",
+                    "description": "唯一标识"
+                  },
+                  "type": {
+                    "type": "string",
+                    "const": "text",
+                    "description": "文本类型: text（文本）"
+                  },
+                  "value": {
+                    "type": "object",
+                    "additionalProperties": {
+                      "anyOf": [
+                        {
+                          "type": "string"
+                        }
+                      ]
+                    },
+                    "description": "文本内容"
+                  }
+                }
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "tagTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "tagTool",
+              "default": "tagTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "type": "object",
+                "properties": {
+                  "id": {
+                    "type": "string",
+                    "description": "唯一标识"
+                  },
+                  "type": {
+                    "type": "string",
+                    "const": "tag"
+                  },
+                  "value": {
+                    "type": "object",
+                    "additionalProperties": {
+                      "anyOf": [
+                        {
+                          "type": "array",
+                          "items": {
+                            "type": "string"
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        }
+      }
+    }
+  },
+  "required": ["sample_name", "annotations", "config"],
+  "definitions": {
+    "LabelItem": {
+      "type": "object",
+      "properties": {
+        "color": {
+          "type": "string",
+          "description": "标签颜色"
+        },
+        "key": {
+          "type": "string",
+          "description": "标签名称"
+        },
+        "value": {
+          "type": "string",
+          "description": "标签值"
+        },
+        "attributes": {
+          "type": "array",
+          "items": {
+            "anyOf": [
+              {
+                "$ref": "#/definitions/TextAttribute"
+              },
+              {
+                "$ref": "#/definitions/EnumAttribute"
+              }
+            ]
+          }
+        }
+      },
+      "required": ["key", "value"]
+    },
+    "TextAttribute": {
+      "type": "object",
+      "properties": {
+        "type": {
+          "type": "string",
+          "const": "string",
+          "description": "标签属性为文本类型",
+          "default": "string"
+        },
+        "max_length": {
+          "type": ["number", "null"],
+          "description": "最大字符长度"
+        },
+        "regexp": {
+          "type": "string",
+          "description": "字符正则验证"
+        },
+        "stringType": {
+          "type": "string",
+          "enum": ["text", "number", "regexp", "english", "order"],
+          "default": "text",
+          "description": "字符类型"
+        },
+        "defaultValue": {
+          "type": "string",
+          "description": "默认值"
+        }
+      },
+      "required": ["type"]
+    },
+    "EnumAttribute": {
+      "type": "object",
+      "properties": {
+        "type": {
+          "type": "string",
+          "enum": ["array", "enum"],
+          "description": "标签属性为选择类型",
+          "default": "enum"
+        },
+        "options": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "required": {
+                "type": "boolean",
+                "default": false
+              },
+              "key": {
+                "type": "string"
+              },
+              "value": {
+                "type": "string"
+              }
+            },
+            "required": ["key", "value"]
+          }
+        }
+      }
+    },
+    "PointTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "x": {
+          "type": "number",
+          "description": "x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "y坐标"
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["x", "y", "id", "order", "label"]
+    },
+    "LineTool": {
+      "title": "Generated schema for Root",
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "lineType": {
+          "type": "string",
+          "description": "线条类型: line（直线），spline（曲线）",
+          "default": "line",
+          "enum": ["line", "spline"]
+        },
+        "controlPoints": {
+          "type": "array",
+          "description": "控制点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "points": {
+          "type": "array",
+          "description": "线条点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "number",
+          "description": "标注顺序"
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["lineType", "points", "id", "", "order", "label"]
+    },
+    "PolygonTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "lineType": {
+          "type": "string",
+          "description": "线条类型: line（直线），spline（曲线）",
+          "default": "line",
+          "enum": ["line", "spline"]
+        },
+        "controlPoints": {
+          "type": "array",
+          "description": "控制点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "points": {
+          "type": "array",
+          "description": "线条点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["lineType", "points", "x", "y", "width", "height", "id", "order", "label"]
+    },
+    "RectTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "x": {
+          "type": "number",
+          "description": "拉框左上角x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "拉框左上角y坐标"
+        },
+        "width": {
+          "type": "number",
+          "description": "拉框宽度"
+        },
+        "height": {
+          "type": "number",
+          "description": "拉框高度"
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "CuboidTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "direction": {
+          "type": "string",
+          "description": "正面方向: front（前面），back（后面），left（左侧面），right（右侧面）",
+          "default": "front"
+        },
+        "front": {
+          "type": "object",
+          "description": "正面四个点坐标",
+          "properties": {
+            "tl": {
+              "type": "object",
+              "description": "左上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "tr": {
+              "type": "object",
+              "description": "右上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "br": {
+              "type": "object",
+              "description": "右下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "bl": {
+              "type": "object",
+              "description": "左下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            }
+          },
+          "required": ["tl", "tr", "br", "bl"]
+        },
+        "back": {
+          "type": "object",
+          "description": "背面四个点坐标",
+          "properties": {
+            "tl": {
+              "type": "object",
+              "description": "左上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "tr": {
+              "type": "object",
+              "description": "右上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "br": {
+              "type": "object",
+              "description": "右下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "bl": {
+              "type": "object",
+              "description": "左下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            }
+          },
+          "required": ["tl", "tr", "br", "bl"]
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["direction", "front", "back", "x", "y", "width", "height", "id", "order", "label"]
+    },
+    "FrameTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "time": {
+          "type": "number",
+          "description": "时间点"
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "SegmentTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "time": {
+          "type": "number",
+          "description": "时间点"
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "TextTool": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "唯一标识"
+          },
+          "type": {
+            "type": "string",
+            "const": "text",
+            "description": "文本类型: text（文本）"
+          },
+          "value": {
+            "type": "object",
+            "additionalProperties": {
+              "anyOf": [
+                {
+                  "type": "string"
+                }
+              ]
+            },
+            "description": "文本内容"
+          }
+        }
+      }
+    },
+    "TagTool": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "唯一标识"
+          },
+          "type": {
+            "type": "string",
+            "const": "tag"
+          },
+          "value": {
+            "type": "object",
+            "additionalProperties": {
+              "anyOf": [
+                {
+                  "type": "array",
+                  "items": {
+                    "type": "string"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      }
+    },
+    "Attribute": {
+      "type": "object",
+      "description": "类别属性，键值对",
+      "additionalProperties": {
+        "anyOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        ]
+      }
+    },
+    "Point": {
+      "type": "object",
+      "properties": {
+        "x": {
+          "type": "number",
+          "description": "x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "y坐标"
+        }
+      },
+      "required": ["x", "y"]
+    }
+  }
+}
diff --git a/src/pages/schema.pre-annotation.image/example.mdx b/src/pages/schema.pre-annotation.image/example.mdx
new file mode 100644
index 00000000..2152ac3d
--- /dev/null
+++ b/src/pages/schema.pre-annotation.image/example.mdx
@@ -0,0 +1,103 @@
+import jsonschema from './schema.json';
+import JsonSchemaTable from '../../components/schema-table';
+import CodePreview from '../../components/code-preview';
+
+## Image pre-anotation schema
+
+<JsonSchemaTable schema={jsonschema} />
+
+## Example
+
+<CodePreview value={{
+	"sample_name": "anastasiia.jpg",
+	"config": {
+		"pointTool": [
+			{
+				"color": "#ff6600",
+				"key": "标签-1",
+				"value": "label-1"
+			}
+		],
+		"polygonTool": [
+			{
+				"color": "#0040ff",
+				"key": "标签-1",
+				"value": "label-1"
+			}
+		]
+	},
+	"meta_data": {
+		"width": 4096,
+		"height": 2731,
+		"rotate": 0
+	},
+	"annotations": {
+		"pointTool": {
+			"toolName": "pointTool",
+			"result": [
+				{
+					"order": 1,
+					"id": "a480ea1b-1a49-4449-a426-0388a34ea87b",
+					"label": "label-1",
+					"x": 1250.4922118380061,
+					"y": 1301.6993769470405
+				},
+				{
+					"order": 2,
+					"id": "f357484c-f911-47fc-af52-fe79b6ba4ec6",
+					"label": "label-1",
+					"x": 969.7694704049844,
+					"y": 1805.7242990654206
+				},
+				{
+					"order": 3,
+					"id": "485f2bfe-5e89-42aa-ae80-27cfdcb8763f",
+					"label": "label-1",
+					"x": 2335.1028037383176,
+					"y": 1512.2414330218069
+				},
+				{
+					"order": 4,
+					"id": "7e3cfb5b-d3f7-48d1-bb4d-788977480bf1",
+					"label": "label-1",
+					"x": 2073.520249221184,
+					"y": 1780.2040498442368
+				},
+				{
+					"order": 5,
+					"id": "cad49f6a-7ef0-4e75-b6b1-7c6796a2d502",
+					"label": "label-1",
+					"x": 2794.467289719626,
+					"y": 1837.6246105919004
+				}
+			]
+		},
+		"textTool": {
+			"toolName": "textTool",
+			"result": [
+				{
+					"id": "js6htkz785h",
+					"type": "text",
+					"value": {
+						"text-label-1": "acasdqwe"
+					}
+				}
+			]
+		},
+		"tagTool": {
+			"toolName": "tagTool",
+			"result": [
+				{
+					"id": "qw8nbms13h",
+					"type": "tag",
+					"value": {
+						"tag-label-1": [
+							"tag-label-1-1"
+						]
+					}
+				}
+			]
+		}
+	}
+}
+} />
diff --git a/src/pages/schema.pre-annotation.image/index.tsx b/src/pages/schema.pre-annotation.image/index.tsx
new file mode 100644
index 00000000..ed13bf1d
--- /dev/null
+++ b/src/pages/schema.pre-annotation.image/index.tsx
@@ -0,0 +1,11 @@
+import MarkdownWithHighlight from '@/components/markdown-with-highlight';
+
+import Markdown from './example.mdx';
+
+export default function PreAnnotationImage() {
+  return (
+    <MarkdownWithHighlight>
+      <Markdown />
+    </MarkdownWithHighlight>
+  );
+}
diff --git a/src/pages/schema.pre-annotation.image/schema.json b/src/pages/schema.pre-annotation.image/schema.json
new file mode 100644
index 00000000..fe4046ea
--- /dev/null
+++ b/src/pages/schema.pre-annotation.image/schema.json
@@ -0,0 +1,900 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "type": "object",
+  "properties": {
+    "sample_name": {
+      "type": "string",
+      "description": "The name of the sample file with extension"
+    },
+    "config": {
+      "type": "object",
+      "properties": {
+        "pointTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "rectTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "polygonTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "lineTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "cuboidTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "textTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/TextAttribute"
+          }
+        },
+        "tagTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/EnumAttribute"
+          }
+        }
+      }
+    },
+    "meta_data": {
+      "type": "object",
+      "properties": {
+        "width": {
+          "type": "number"
+        },
+        "height": {
+          "type": "number"
+        },
+        "rotate": {
+          "type": "number"
+        }
+      }
+    },
+    "annotations": {
+      "type": "object",
+      "properties": {
+        "pointTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "pointTool",
+              "default": "pointTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/PointTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "rectTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "rectTool",
+              "default": "rectTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/RectTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "polygonTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "polygonTool",
+              "default": "polygonTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/PolygonTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "lineTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "lineTool",
+              "default": "lineTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/LineTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "cuboidTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "cuboidTool",
+              "default": "cuboidTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/CuboidTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "textTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "textTool",
+              "default": "textTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "type": "object",
+                "properties": {
+                  "id": {
+                    "type": "string",
+                    "description": "唯一标识"
+                  },
+                  "type": {
+                    "type": "string",
+                    "const": "text",
+                    "description": "文本类型: text（文本）"
+                  },
+                  "value": {
+                    "type": "object",
+                    "additionalProperties": {
+                      "anyOf": [
+                        {
+                          "type": "string"
+                        }
+                      ]
+                    },
+                    "description": "文本内容"
+                  }
+                }
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "tagTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "tagTool",
+              "default": "tagTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "type": "object",
+                "properties": {
+                  "id": {
+                    "type": "string",
+                    "description": "唯一标识"
+                  },
+                  "type": {
+                    "type": "string",
+                    "const": "tag"
+                  },
+                  "value": {
+                    "type": "object",
+                    "additionalProperties": {
+                      "anyOf": [
+                        {
+                          "type": "array",
+                          "items": {
+                            "type": "string"
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        }
+      }
+    }
+  },
+  "required": ["sample_name", "annotations", "config"],
+  "definitions": {
+    "LabelItem": {
+      "type": "object",
+      "properties": {
+        "color": {
+          "type": "string",
+          "description": "标签颜色"
+        },
+        "key": {
+          "type": "string",
+          "description": "标签名称"
+        },
+        "value": {
+          "type": "string",
+          "description": "标签值"
+        },
+        "attributes": {
+          "type": "array",
+          "items": {
+            "anyOf": [
+              {
+                "$ref": "#/definitions/TextAttribute"
+              },
+              {
+                "$ref": "#/definitions/EnumAttribute"
+              }
+            ]
+          }
+        }
+      },
+      "required": ["key", "value"]
+    },
+    "TextAttribute": {
+      "type": "object",
+      "properties": {
+        "type": {
+          "type": "string",
+          "const": "string",
+          "description": "标签属性为文本类型",
+          "default": "string"
+        },
+        "max_length": {
+          "type": ["number", "null"],
+          "description": "最大字符长度"
+        },
+        "regexp": {
+          "type": "string",
+          "description": "字符正则验证"
+        },
+        "stringType": {
+          "type": "string",
+          "enum": ["text", "number", "regexp", "english", "order"],
+          "default": "text",
+          "description": "字符类型"
+        },
+        "defaultValue": {
+          "type": "string",
+          "description": "默认值"
+        }
+      },
+      "required": ["type"]
+    },
+    "EnumAttribute": {
+      "type": "object",
+      "properties": {
+        "type": {
+          "type": "string",
+          "enum": ["array", "enum"],
+          "description": "标签属性为选择类型",
+          "default": "enum"
+        },
+        "options": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "required": {
+                "type": "boolean",
+                "default": false
+              },
+              "key": {
+                "type": "string"
+              },
+              "value": {
+                "type": "string"
+              }
+            },
+            "required": ["key", "value"]
+          }
+        }
+      }
+    },
+    "PointTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "x": {
+          "type": "number",
+          "description": "x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "y坐标"
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["x", "y", "id", "order", "label"]
+    },
+    "LineTool": {
+      "title": "Generated schema for Root",
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "lineType": {
+          "type": "string",
+          "description": "线条类型: line（直线），spline（曲线）",
+          "default": "line",
+          "enum": ["line", "spline"]
+        },
+        "controlPoints": {
+          "type": "array",
+          "description": "控制点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "points": {
+          "type": "array",
+          "description": "线条点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "number",
+          "description": "标注顺序"
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["lineType", "points", "id", "", "order", "label"]
+    },
+    "PolygonTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "lineType": {
+          "type": "string",
+          "description": "线条类型: line（直线），spline（曲线）",
+          "default": "line",
+          "enum": ["line", "spline"]
+        },
+        "controlPoints": {
+          "type": "array",
+          "description": "控制点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "points": {
+          "type": "array",
+          "description": "线条点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["lineType", "points", "x", "y", "width", "height", "id", "order", "label"]
+    },
+    "RectTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "x": {
+          "type": "number",
+          "description": "拉框左上角x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "拉框左上角y坐标"
+        },
+        "width": {
+          "type": "number",
+          "description": "拉框宽度"
+        },
+        "height": {
+          "type": "number",
+          "description": "拉框高度"
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "CuboidTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "direction": {
+          "type": "string",
+          "description": "正面方向: front（前面），back（后面），left（左侧面），right（右侧面）",
+          "default": "front"
+        },
+        "front": {
+          "type": "object",
+          "description": "正面四个点坐标",
+          "properties": {
+            "tl": {
+              "type": "object",
+              "description": "左上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "tr": {
+              "type": "object",
+              "description": "右上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "br": {
+              "type": "object",
+              "description": "右下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "bl": {
+              "type": "object",
+              "description": "左下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            }
+          },
+          "required": ["tl", "tr", "br", "bl"]
+        },
+        "back": {
+          "type": "object",
+          "description": "背面四个点坐标",
+          "properties": {
+            "tl": {
+              "type": "object",
+              "description": "左上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "tr": {
+              "type": "object",
+              "description": "右上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "br": {
+              "type": "object",
+              "description": "右下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "bl": {
+              "type": "object",
+              "description": "左下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            }
+          },
+          "required": ["tl", "tr", "br", "bl"]
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["direction", "front", "back", "x", "y", "width", "height", "id", "order", "label"]
+    },
+    "FrameTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "time": {
+          "type": "number",
+          "description": "时间点"
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "SegmentTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "time": {
+          "type": "number",
+          "description": "时间点"
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "TextTool": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "唯一标识"
+          },
+          "type": {
+            "type": "string",
+            "const": "text",
+            "description": "文本类型: text（文本）"
+          },
+          "value": {
+            "type": "object",
+            "additionalProperties": {
+              "anyOf": [
+                {
+                  "type": "string"
+                }
+              ]
+            },
+            "description": "文本内容"
+          }
+        }
+      }
+    },
+    "TagTool": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "唯一标识"
+          },
+          "type": {
+            "type": "string",
+            "const": "tag"
+          },
+          "value": {
+            "type": "object",
+            "additionalProperties": {
+              "anyOf": [
+                {
+                  "type": "array",
+                  "items": {
+                    "type": "string"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      }
+    },
+    "Attribute": {
+      "type": "object",
+      "description": "类别属性，键值对",
+      "additionalProperties": {
+        "anyOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        ]
+      }
+    },
+    "Point": {
+      "type": "object",
+      "properties": {
+        "x": {
+          "type": "number",
+          "description": "x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "y坐标"
+        }
+      },
+      "required": ["x", "y"]
+    }
+  }
+}
diff --git a/src/pages/schema.pre-annotation.video/example.mdx b/src/pages/schema.pre-annotation.video/example.mdx
new file mode 100644
index 00000000..26d952a1
--- /dev/null
+++ b/src/pages/schema.pre-annotation.video/example.mdx
@@ -0,0 +1,86 @@
+import jsonschema from './schema.json';
+import JsonSchemaTable from '../../components/schema-table';
+import CodePreview from '../../components/code-preview';
+
+## Video pre-anotation schema
+
+<JsonSchemaTable schema={jsonschema} />
+
+## Example
+
+<CodePreview value={{
+	"sample_name": "sample.mp4",
+	"config": {
+		"videoSegmentTool": [
+			{
+				"color": "#ff6600",
+				"key": "标签-1",
+				"value": "label-1"
+			}
+		],
+		"videoFrameTool": [
+			{
+				"color": "#0040ff",
+				"key": "标签-1",
+				"value": "label-1"
+			}
+		]
+	},
+	"meta_data": {
+		"duration": 122.0
+	},
+	"annotations": {
+		"videoSegmentTool": {
+			"toolName": "videoSegmentTool",
+			"result": [
+				{
+          "id": "58gz4irdvip",
+          "start": 4.2634441087613295,
+          "end": 8.845921,
+          "order": 1,
+          "label": "label-1",
+          "attributes": {
+            "car": [
+              "smart"
+            ]
+          }
+        },
+        {
+          "id": "cbqbst6gj5f",
+          "time": 5.6555891238670695,
+          "label": "label-1",
+          "order": 3,
+          "attributes": {
+            "contains": "Hello"
+          }
+        }
+			]
+		},
+		"textTool": {
+			"toolName": "textTool",
+			"result": [
+				{
+					"id": "js6htkz785h",
+					"type": "text",
+					"value": {
+						"text-label-1": "acasdqwe"
+					}
+				}
+			]
+		},
+		"tagTool": {
+			"toolName": "tagTool",
+			"result": [
+				{
+					"id": "qw8nbms13h",
+					"type": "tag",
+					"value": {
+						"tag-label-1": [
+							"tag-label-1-1"
+						]
+					}
+				}
+			]
+		}
+	}
+}} />
diff --git a/src/pages/schema.pre-annotation.video/index.tsx b/src/pages/schema.pre-annotation.video/index.tsx
new file mode 100644
index 00000000..ba6fec16
--- /dev/null
+++ b/src/pages/schema.pre-annotation.video/index.tsx
@@ -0,0 +1,11 @@
+import MarkdownWithHighlight from '@/components/markdown-with-highlight';
+
+import Markdown from './example.mdx';
+
+export default function AudioSegmentSchema() {
+  return (
+    <MarkdownWithHighlight>
+      <Markdown />
+    </MarkdownWithHighlight>
+  );
+}
diff --git a/src/pages/schema.pre-annotation.video/schema.json b/src/pages/schema.pre-annotation.video/schema.json
new file mode 100644
index 00000000..e88cd6f4
--- /dev/null
+++ b/src/pages/schema.pre-annotation.video/schema.json
@@ -0,0 +1,818 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "type": "object",
+  "properties": {
+    "sample_name": {
+      "type": "string",
+      "description": "The name of the sample file with extension"
+    },
+    "config": {
+      "type": "object",
+      "properties": {
+        "videoSegmentTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "videoFrameTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/LabelItem"
+          }
+        },
+        "textTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/TextAttribute"
+          }
+        },
+        "tagTool": {
+          "type": "array",
+          "items": {
+            "$ref": "#/definitions/EnumAttribute"
+          }
+        }
+      }
+    },
+    "meta_data": {
+      "type": "object",
+      "properties": {
+        "duration": {
+          "type": "number"
+        }
+      }
+    },
+    "annotations": {
+      "type": "object",
+      "properties": {
+        "videoSegmentTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "videoSegmentTool"
+            },
+            "result": {
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/SegmentTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "videoFrameTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "videoFrameTool"
+            },
+            "result": {
+              "type": "array",
+              "items": {
+                "$ref": "#/definitions/FrameTool"
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "textTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "textTool",
+              "default": "textTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "type": "object",
+                "properties": {
+                  "id": {
+                    "type": "string",
+                    "description": "唯一标识"
+                  },
+                  "type": {
+                    "type": "string",
+                    "const": "text",
+                    "description": "文本类型: text（文本）"
+                  },
+                  "value": {
+                    "type": "object",
+                    "additionalProperties": {
+                      "anyOf": [
+                        {
+                          "type": "string"
+                        }
+                      ]
+                    },
+                    "description": "文本内容"
+                  }
+                }
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        },
+        "tagTool": {
+          "type": "object",
+          "properties": {
+            "toolName": {
+              "type": "string",
+              "const": "tagTool",
+              "default": "tagTool"
+            },
+            "result": {
+              "description": "标注结果",
+              "type": "array",
+              "items": {
+                "type": "object",
+                "properties": {
+                  "id": {
+                    "type": "string",
+                    "description": "唯一标识"
+                  },
+                  "type": {
+                    "type": "string",
+                    "const": "tag"
+                  },
+                  "value": {
+                    "type": "object",
+                    "additionalProperties": {
+                      "anyOf": [
+                        {
+                          "type": "array",
+                          "items": {
+                            "type": "string"
+                          }
+                        }
+                      ]
+                    }
+                  }
+                }
+              }
+            }
+          },
+          "required": ["toolName", "result"]
+        }
+      }
+    }
+  },
+  "required": ["sample_name", "annotations", "config"],
+  "definitions": {
+    "LabelItem": {
+      "type": "object",
+      "properties": {
+        "color": {
+          "type": "string",
+          "description": "标签颜色"
+        },
+        "key": {
+          "type": "string",
+          "description": "标签名称"
+        },
+        "value": {
+          "type": "string",
+          "description": "标签值"
+        },
+        "attributes": {
+          "type": "array",
+          "items": {
+            "anyOf": [
+              {
+                "$ref": "#/definitions/TextAttribute"
+              },
+              {
+                "$ref": "#/definitions/EnumAttribute"
+              }
+            ]
+          }
+        }
+      },
+      "required": ["key", "value"]
+    },
+    "TextAttribute": {
+      "type": "object",
+      "properties": {
+        "type": {
+          "type": "string",
+          "const": "string",
+          "description": "标签属性为文本类型",
+          "default": "string"
+        },
+        "max_length": {
+          "type": ["number", "null"],
+          "description": "最大字符长度"
+        },
+        "regexp": {
+          "type": "string",
+          "description": "字符正则验证"
+        },
+        "stringType": {
+          "type": "string",
+          "enum": ["text", "number", "regexp", "english", "order"],
+          "default": "text",
+          "description": "字符类型"
+        },
+        "defaultValue": {
+          "type": "string",
+          "description": "默认值"
+        }
+      },
+      "required": ["type"]
+    },
+    "EnumAttribute": {
+      "type": "object",
+      "properties": {
+        "type": {
+          "type": "string",
+          "enum": ["array", "enum"],
+          "description": "标签属性为选择类型",
+          "default": "enum"
+        },
+        "options": {
+          "type": "array",
+          "items": {
+            "type": "object",
+            "properties": {
+              "required": {
+                "type": "boolean",
+                "default": false
+              },
+              "key": {
+                "type": "string"
+              },
+              "value": {
+                "type": "string"
+              }
+            },
+            "required": ["key", "value"]
+          }
+        }
+      }
+    },
+    "PointTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "x": {
+          "type": "number",
+          "description": "x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "y坐标"
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["x", "y", "id", "order", "label"]
+    },
+    "LineTool": {
+      "title": "Generated schema for Root",
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "lineType": {
+          "type": "string",
+          "description": "线条类型: line（直线），spline（曲线）",
+          "default": "line",
+          "enum": ["line", "spline"]
+        },
+        "controlPoints": {
+          "type": "array",
+          "description": "控制点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "points": {
+          "type": "array",
+          "description": "线条点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "number",
+          "description": "标注顺序"
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["lineType", "points", "id", "", "order", "label"]
+    },
+    "PolygonTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "lineType": {
+          "type": "string",
+          "description": "线条类型: line（直线），spline（曲线）",
+          "default": "line",
+          "enum": ["line", "spline"]
+        },
+        "controlPoints": {
+          "type": "array",
+          "description": "控制点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "points": {
+          "type": "array",
+          "description": "线条点列表",
+          "items": {
+            "$ref": "#/definitions/Point"
+          }
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["lineType", "points", "x", "y", "width", "height", "id", "order", "label"]
+    },
+    "RectTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "x": {
+          "type": "number",
+          "description": "拉框左上角x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "拉框左上角y坐标"
+        },
+        "width": {
+          "type": "number",
+          "description": "拉框宽度"
+        },
+        "height": {
+          "type": "number",
+          "description": "拉框高度"
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "CuboidTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "direction": {
+          "type": "string",
+          "description": "正面方向: front（前面），back（后面），left（左侧面），right（右侧面）",
+          "default": "front"
+        },
+        "front": {
+          "type": "object",
+          "description": "正面四个点坐标",
+          "properties": {
+            "tl": {
+              "type": "object",
+              "description": "左上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "tr": {
+              "type": "object",
+              "description": "右上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "br": {
+              "type": "object",
+              "description": "右下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "bl": {
+              "type": "object",
+              "description": "左下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            }
+          },
+          "required": ["tl", "tr", "br", "bl"]
+        },
+        "back": {
+          "type": "object",
+          "description": "背面四个点坐标",
+          "properties": {
+            "tl": {
+              "type": "object",
+              "description": "左上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "tr": {
+              "type": "object",
+              "description": "右上角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "br": {
+              "type": "object",
+              "description": "右下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            },
+            "bl": {
+              "type": "object",
+              "description": "左下角坐标",
+              "properties": {
+                "x": {
+                  "type": "number"
+                },
+                "y": {
+                  "type": "number"
+                }
+              },
+              "required": ["x", "y"]
+            }
+          },
+          "required": ["tl", "tr", "br", "bl"]
+        },
+        "visible": {
+          "type": "boolean",
+          "description": "是否可见",
+          "default": true
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        }
+      },
+      "required": ["direction", "front", "back", "x", "y", "width", "height", "id", "order", "label"]
+    },
+    "FrameTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "time": {
+          "type": "number",
+          "description": "时间点"
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "SegmentTool": {
+      "type": "object",
+      "properties": {
+        "id": {
+          "type": "string",
+          "description": "唯一标识"
+        },
+        "time": {
+          "type": "number",
+          "description": "时间点"
+        },
+        "order": {
+          "type": "integer",
+          "description": "标注顺序",
+          "minimum": 0
+        },
+        "label": {
+          "type": "string",
+          "description": "标注类别"
+        },
+        "attributes": {
+          "type": "object",
+          "description": "类别属性，键值对",
+          "additionalProperties": {
+            "anyOf": [
+              {
+                "type": "string"
+              },
+              {
+                "type": "array",
+                "items": {
+                  "type": "string"
+                }
+              }
+            ]
+          }
+        }
+      },
+      "required": ["x", "y", "width", "height", "id", "order", "label"]
+    },
+    "TextTool": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "唯一标识"
+          },
+          "type": {
+            "type": "string",
+            "const": "text",
+            "description": "文本类型: text（文本）"
+          },
+          "value": {
+            "type": "object",
+            "additionalProperties": {
+              "anyOf": [
+                {
+                  "type": "string"
+                }
+              ]
+            },
+            "description": "文本内容"
+          }
+        }
+      }
+    },
+    "TagTool": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "id": {
+            "type": "string",
+            "description": "唯一标识"
+          },
+          "type": {
+            "type": "string",
+            "const": "tag"
+          },
+          "value": {
+            "type": "object",
+            "additionalProperties": {
+              "anyOf": [
+                {
+                  "type": "array",
+                  "items": {
+                    "type": "string"
+                  }
+                }
+              ]
+            }
+          }
+        }
+      }
+    },
+    "Attribute": {
+      "type": "object",
+      "description": "类别属性，键值对",
+      "additionalProperties": {
+        "anyOf": [
+          {
+            "type": "string"
+          },
+          {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        ]
+      }
+    },
+    "Point": {
+      "type": "object",
+      "properties": {
+        "x": {
+          "type": "number",
+          "description": "x坐标"
+        },
+        "y": {
+          "type": "number",
+          "description": "y坐标"
+        }
+      },
+      "required": ["x", "y"]
+    }
+  }
+}
diff --git a/src/pages/schema.reference.tag-attribute/example.mdx b/src/pages/schema.reference.tag-attribute/example.mdx
new file mode 100644
index 00000000..eaf9cd44
--- /dev/null
+++ b/src/pages/schema.reference.tag-attribute/example.mdx
@@ -0,0 +1,23 @@
+
+import jsonschema from './schema.json';
+import JsonSchemaTable from '../../components/schema-table';
+import CodePreview from '../../components/code-preview';
+
+## Tag attribute config Schema
+
+<JsonSchemaTable schema={jsonschema} />
+
+## Example
+
+<CodePreview value={{
+        "key": "标签-1",
+        "value": "tag-label-1",
+        "required": true,
+        "type": "enum",
+        "options": [
+            {
+                "key": "标签-1-1",
+                "value": "tag-label-1-1"
+            }
+        ]
+    }} />
diff --git a/src/pages/schema.reference.tag-attribute/index.tsx b/src/pages/schema.reference.tag-attribute/index.tsx
new file mode 100644
index 00000000..fcfb0dda
--- /dev/null
+++ b/src/pages/schema.reference.tag-attribute/index.tsx
@@ -0,0 +1,11 @@
+import MarkdownWithHighlight from '@/components/markdown-with-highlight';
+
+import Markdown from './example.mdx';
+
+export default function AttributeSchema() {
+  return (
+    <MarkdownWithHighlight>
+      <Markdown />
+    </MarkdownWithHighlight>
+  );
+}
diff --git a/src/pages/schema.reference.tag-attribute/schema.json b/src/pages/schema.reference.tag-attribute/schema.json
new file mode 100644
index 00000000..f8979532
--- /dev/null
+++ b/src/pages/schema.reference.tag-attribute/schema.json
@@ -0,0 +1,46 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Generated schema for Root",
+  "type": "object",
+  "properties": {
+    "key": {
+      "type": "string",
+      "description": "标签名称"
+    },
+    "value": {
+      "type": "string",
+      "description": "标签值"
+    },
+    "type": {
+      "type": "string",
+      "enum": ["array", "enum"],
+      "description": "标签属性为选择类型",
+      "default": "enum"
+    },
+    "required": {
+      "type": "boolean",
+      "default": false
+    },
+
+    "options": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "isDefault": {
+            "type": "boolean",
+            "default": false
+          },
+          "key": {
+            "type": "string"
+          },
+          "value": {
+            "type": "string"
+          }
+        },
+        "required": ["key", "value"]
+      }
+    }
+  },
+  "required": ["key", "value", "type", "options"]
+}
diff --git a/src/pages/schema.reference.text-attribute/example.mdx b/src/pages/schema.reference.text-attribute/example.mdx
new file mode 100644
index 00000000..c2536f54
--- /dev/null
+++ b/src/pages/schema.reference.text-attribute/example.mdx
@@ -0,0 +1,19 @@
+import jsonschema from './schema.json';
+import JsonSchemaTable from '../../components/schema-table';
+import CodePreview from '../../components/code-preview';
+
+## Text attribute config Schema
+
+<JsonSchemaTable schema={jsonschema} />
+
+## Example
+
+<CodePreview value={{
+    "key": "标签-1",
+    "value": "text-label-1",
+    "required": true,
+    "type": "string",
+    "maxLength": 1000,
+    "stringType": "text",
+    "defaultValue": ""
+}} />
diff --git a/src/pages/schema.reference.text-attribute/index.tsx b/src/pages/schema.reference.text-attribute/index.tsx
new file mode 100644
index 00000000..fcfb0dda
--- /dev/null
+++ b/src/pages/schema.reference.text-attribute/index.tsx
@@ -0,0 +1,11 @@
+import MarkdownWithHighlight from '@/components/markdown-with-highlight';
+
+import Markdown from './example.mdx';
+
+export default function AttributeSchema() {
+  return (
+    <MarkdownWithHighlight>
+      <Markdown />
+    </MarkdownWithHighlight>
+  );
+}
diff --git a/src/pages/schema.reference.text-attribute/schema.json b/src/pages/schema.reference.text-attribute/schema.json
new file mode 100644
index 00000000..77cc7ea4
--- /dev/null
+++ b/src/pages/schema.reference.text-attribute/schema.json
@@ -0,0 +1,40 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Generated schema for Root",
+  "type": "object",
+  "properties": {
+    "key": {
+      "type": "string",
+      "description": "标签名称"
+    },
+    "value": {
+      "type": "string",
+      "description": "标签值"
+    },
+    "type": {
+      "type": "string",
+      "const": "string",
+      "description": "标签属性为文本类型",
+      "default": "string"
+    },
+    "max_length": {
+      "type": ["number", "null"],
+      "description": "最大字符长度"
+    },
+    "regexp": {
+      "type": "string",
+      "description": "字符正则验证"
+    },
+    "stringType": {
+      "type": "string",
+      "enum": ["text", "number", "regexp", "english", "order"],
+      "default": "text",
+      "description": "字符类型"
+    },
+    "defaultValue": {
+      "type": "string",
+      "description": "默认值"
+    }
+  },
+  "required": ["key", "value", "type"]
+}
diff --git a/src/pages/schema.tag/example.mdx b/src/pages/schema.tag/example.mdx
new file mode 100644
index 00000000..2f9b0faa
--- /dev/null
+++ b/src/pages/schema.tag/example.mdx
@@ -0,0 +1,24 @@
+import jsonschema from './schema.json';
+import JsonSchemaTable from '../../components/schema-table';
+import CodePreview from '../../components/code-preview';
+
+## Tag Schema
+
+<JsonSchemaTable schema={jsonschema} />
+
+## Example
+
+<CodePreview value={{
+    "toolName": "tagTool",
+    "result": [
+        {
+            "id": "kgou2hwrq4",
+            "type": "tag",
+            "value": {
+                "tag-label-1": [
+                    "tag-label-1-1"
+                ]
+            }
+        }
+    ]
+}} />
diff --git a/src/pages/schema.tag/index.tsx b/src/pages/schema.tag/index.tsx
new file mode 100644
index 00000000..671bc7a1
--- /dev/null
+++ b/src/pages/schema.tag/index.tsx
@@ -0,0 +1,11 @@
+import MarkdownWithHighlight from '@/components/markdown-with-highlight';
+
+import Markdown from './example.mdx';
+
+export default function TagSchema() {
+  return (
+    <MarkdownWithHighlight>
+      <Markdown />
+    </MarkdownWithHighlight>
+  );
+}
diff --git a/src/pages/schema.tag/schema.json b/src/pages/schema.tag/schema.json
new file mode 100644
index 00000000..f0696ff1
--- /dev/null
+++ b/src/pages/schema.tag/schema.json
@@ -0,0 +1,29 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Generated schema for Root",
+  "type": "object",
+  "properties": {
+    "id": {
+      "type": "string",
+      "description": "唯一标识"
+    },
+    "type": {
+      "type": "string",
+      "const": "tag",
+      "default": "tag"
+    },
+    "value": {
+      "type": "object",
+      "description": "标签分类",
+      "additionalProperties": {
+        "anyOf": [
+          {
+            "type": "string"
+          }
+        ]
+      }
+    }
+
+  },
+  "required": ["id", "type"]
+}
diff --git a/src/pages/schema.text/example.mdx b/src/pages/schema.text/example.mdx
new file mode 100644
index 00000000..9026883e
--- /dev/null
+++ b/src/pages/schema.text/example.mdx
@@ -0,0 +1,22 @@
+import jsonschema from './schema.json';
+import JsonSchemaTable from '../../components/schema-table';
+import CodePreview from '../../components/code-preview';
+
+## Text Schema
+
+<JsonSchemaTable schema={jsonschema} />
+
+## Example
+
+<CodePreview value={{
+    "toolName": "textTool",
+    "result": [
+        {
+            "id": "nm5qolxg7tr",
+            "type": "text",
+            "value": {
+                "text-label-1": "This is a description",
+            }
+        }
+    ]
+}} />
diff --git a/src/pages/schema.text/index.tsx b/src/pages/schema.text/index.tsx
new file mode 100644
index 00000000..ddec352a
--- /dev/null
+++ b/src/pages/schema.text/index.tsx
@@ -0,0 +1,11 @@
+import MarkdownWithHighlight from '@/components/markdown-with-highlight';
+
+import Markdown from './example.mdx';
+
+export default function TextSchema() {
+  return (
+    <MarkdownWithHighlight>
+      <Markdown />
+    </MarkdownWithHighlight>
+  );
+}
diff --git a/src/pages/schema.text/schema.json b/src/pages/schema.text/schema.json
new file mode 100644
index 00000000..be680226
--- /dev/null
+++ b/src/pages/schema.text/schema.json
@@ -0,0 +1,29 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "title": "Generated schema for Root",
+  "type": "object",
+  "properties": {
+    "id": {
+      "type": "string",
+      "description": "唯一标识"
+    },
+    "type": {
+      "type": "string",
+      "const": "text",
+      "default": "text"
+    },
+    "value": {
+      "type": "object",
+      "description": "文本内容",
+      "additionalProperties": {
+        "anyOf": [
+          {
+            "type": "string"
+          }
+        ]
+      }
+    }
+
+  },
+  "required": ["id", "type"]
+}
diff --git a/src/pages/schema.video.frame/example.mdx b/src/pages/schema.video.frame/example.mdx
index 94909ec5..8a2f413e 100644
--- a/src/pages/schema.video.frame/example.mdx
+++ b/src/pages/schema.video.frame/example.mdx
@@ -11,15 +11,6 @@ import CodePreview from '../../components/code-preview';
 <CodePreview value={{
   "toolName": "videoFrameTool",
   "result": [
-    {
-      "id": "cbqbst6gj5f",
-      "time": 5.6555891238670695,
-      "label": "label-1",
-      "order": 3,
-      "attributes": {
-        "contains": "Hello"
-      }
-    },
     {
       "id": "c8il22ceipi",
       "time": 7.917824773413897,
diff --git a/src/pages/schema.video.frame/schema.json b/src/pages/schema.video.frame/schema.json
index 1185af04..45718365 100644
--- a/src/pages/schema.video.frame/schema.json
+++ b/src/pages/schema.video.frame/schema.json
@@ -17,8 +17,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     },
     "attributes": {
       "type": "object",
diff --git a/src/pages/schema.video.segment/example.mdx b/src/pages/schema.video.segment/example.mdx
index 33f84e32..cefae1a2 100644
--- a/src/pages/schema.video.segment/example.mdx
+++ b/src/pages/schema.video.segment/example.mdx
@@ -11,16 +11,6 @@ import CodePreview from '../../components/code-preview';
 <CodePreview value={{
   "toolName": "videoSegmentTool",
   "result": [
-    {
-      "id": "58gz4irdvip",
-      "start": 4.2634441087613295,
-      "end": 8.845921,
-      "order": 1,
-      "label": "label-1",
-      "attributes": {
-        "car": ["bmw"]
-      }
-    },
     {
       "id": "dtgvrzgfgcp",
       "start": 5.713595166163143,
@@ -28,7 +18,7 @@ import CodePreview from '../../components/code-preview';
       "order": 2,
       "label": "label-1",
       "attributes": {
-        "car": ["bmw"]
+        "car": ["smart"]
       }
     }
   ]
diff --git a/src/pages/schema.video.segment/schema.json b/src/pages/schema.video.segment/schema.json
index a1ae433f..e2d84be7 100644
--- a/src/pages/schema.video.segment/schema.json
+++ b/src/pages/schema.video.segment/schema.json
@@ -21,8 +21,7 @@
     },
     "label": {
       "type": "string",
-      "description": "标注类别",
-      "default": "none"
+      "description": "标注类别"
     },
     "attributes": {
       "type": "object",
diff --git a/src/routes.tsx b/src/routes.tsx
index ea2dbe10..f2c52652 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -26,6 +26,13 @@ import PolygonSchema from './pages/schema.image.polygon';
 import CuboidSchema from './pages/schema.image.cuboid';
 import AudioSegmentSchema from './pages/schema.audio.segment';
 import AudioFrameSchema from './pages/schema.audio.frame';
+import GeneralTagSchema from './pages/schema.tag';
+import GeneralTextSchema from './pages/schema.text';
+import PreAnnotationImage from './pages/schema.pre-annotation.image';
+import PreAnnotationAudio from './pages/schema.pre-annotation.audio';
+import PreAnnotationVideo from './pages/schema.pre-annotation.video';
+import TextAttributeRef from './pages/schema.reference.text-attribute';
+import TagAttributeRef from './pages/schema.reference.tag-attribute';
 
 export interface RouteWithName extends NonIndexRouteObject {
   name?: string;
@@ -179,6 +186,24 @@ const routes = [
           </MDXProvider>
         ),
         children: [
+          {
+            path: 'text',
+            handle: {
+              crumb: () => {
+                return i18n.t('general.text');
+              },
+            },
+            element: <GeneralTextSchema />,
+          },
+          {
+            path: 'tag',
+            handle: {
+              crumb: () => {
+                return i18n.t('general.tag');
+              },
+            },
+            element: <GeneralTagSchema />,
+          },
           {
             path: 'image',
             element: <Outlet />,
@@ -293,6 +318,73 @@ const routes = [
               },
             ],
           },
+          {
+            path: 'pre-annotation',
+            element: <Outlet />,
+            handle: {
+              crumb: () => {
+                return i18n.t('pre-annotation');
+              },
+            },
+            children: [
+              {
+                path: 'image',
+                handle: {
+                  crumb: () => {
+                    return i18n.t('guide.task-annotation.image');
+                  },
+                },
+                element: <PreAnnotationImage />,
+              },
+              {
+                path: 'audio',
+                handle: {
+                  crumb: () => {
+                    return i18n.t('guide.task-annotation.audio');
+                  },
+                },
+                element: <PreAnnotationAudio />,
+              },
+              {
+                path: 'video',
+                handle: {
+                  crumb: () => {
+                    return i18n.t('guide.task-annotation.video');
+                  },
+                },
+                element: <PreAnnotationVideo />,
+              },
+            ],
+          },
+          {
+            path: 'reference',
+            element: <Outlet />,
+            handle: {
+              crumb: () => {
+                return i18n.t('reference');
+              },
+            },
+            children: [
+              {
+                path: 'text-attribute',
+                handle: {
+                  crumb: () => {
+                    return 'TextAttribute';
+                  },
+                },
+                element: <TextAttributeRef />,
+              },
+              {
+                path: 'enum-attribute',
+                handle: {
+                  crumb: () => {
+                    return 'TagAttribute';
+                  },
+                },
+                element: <TagAttributeRef />,
+              },
+            ],
+          },
         ],
       },
     ],