diff --git a/frontend/crawlab-ui/src/i18n/lang/zh/router.ts b/frontend/crawlab-ui/src/i18n/lang/zh/router.ts
index 79e60e28..32ff5a16 100644
--- a/frontend/crawlab-ui/src/i18n/lang/zh/router.ts
+++ b/frontend/crawlab-ui/src/i18n/lang/zh/router.ts
@@ -43,7 +43,7 @@ const router: LRouter = {
         disclaimer: '免责声明',
       },
     },
-    autoprobe: 'AutoProbe',
+    autoprobe: '智探 (AutoProbe)',
   },
 };
 
diff --git a/frontend/crawlab-ui/src/interfaces/models/autoprobe.d.ts b/frontend/crawlab-ui/src/interfaces/models/autoprobe.d.ts
index 9eb78fad..cd3f964a 100644
--- a/frontend/crawlab-ui/src/interfaces/models/autoprobe.d.ts
+++ b/frontend/crawlab-ui/src/interfaces/models/autoprobe.d.ts
@@ -7,7 +7,7 @@ export declare global {
     last_task?: AutoProbeTask;
     default_task_id?: string;
     page_pattern?: PagePattern;
-    page_data?: PageDataRow;
+    page_data?: PageData;
   }
 
   type AutoProbeTaskStatus =
@@ -63,13 +63,23 @@ export declare global {
     query?: string;
     status: AutoProbeTaskStatus;
     error?: string;
+    html?: string;
     page_pattern?: PagePattern;
     page_data?: PageData;
+    page_elements?: PageItemCoordinates[];
     provider_id?: string;
     model?: string;
     usage?: LLMResponseUsage;
   }
 
+  interface AutoProbeTaskResult {
+    html?: string;
+    screenshot_base64?: string;
+    page_pattern?: PagePattern;
+    page_data?: PageData;
+    page_elements?: PageItemCoordinates[];
+  }
+
   type AutoProbeItemType = 'page_pattern' | 'list' | 'field' | 'pagination';
 
   interface AutoProbeNavItem<T = any> extends NavItem<T> {
@@ -99,9 +109,11 @@ export declare global {
     height: number;
   }
 
+  type PageElementType = 'list' | 'list-item' | 'field' | 'pagination';
+
   interface PageItemCoordinates {
-    id: string;
     name: string;
+    type: PageElementType;
     coordinates: ElementCoordinates;
   }
 
diff --git a/frontend/crawlab-ui/src/layouts/components/SidebarItem.vue b/frontend/crawlab-ui/src/layouts/components/SidebarItem.vue
index 956fed65..72a044a2 100644
--- a/frontend/crawlab-ui/src/layouts/components/SidebarItem.vue
+++ b/frontend/crawlab-ui/src/layouts/components/SidebarItem.vue
@@ -27,7 +27,11 @@ defineOptions({ name: 'ClSidebarItem' });
     <cl-menu-item-icon :item="item" size="normal" />
     <template #title>
       <span class="menu-item-title">
-        <el-badge :value="item.badge" :type="item.badgeType" :offset="[12, 0]">
+        <el-badge
+          :value="item.badge ? t(item.badge) : ''"
+          :type="item.badgeType"
+          :offset="[12, 0]"
+        >
           {{ t(item.title) }}
         </el-badge>
       </span>
diff --git a/frontend/crawlab-ui/src/router/index.ts b/frontend/crawlab-ui/src/router/index.ts
index afe2f732..1bcaac7c 100644
--- a/frontend/crawlab-ui/src/router/index.ts
+++ b/frontend/crawlab-ui/src/router/index.ts
@@ -134,7 +134,7 @@ export function getDefaultSidebarMenuItems(): MenuItem[] {
       path: '/autoprobes',
       title: 'router.menuItems.autoprobe',
       icon: getIconByRouteConcept('autoprobe'),
-      badge: t('common.mode.preview'),
+      badge: 'common.mode.preview',
       badgeType: 'primary',
     },
     {