diff --git a/src/workbench/browser/src/app/pages/pages.component.ts b/src/workbench/browser/src/app/pages/pages.component.ts
index e620719b..353794cb 100644
--- a/src/workbench/browser/src/app/pages/pages.component.ts
+++ b/src/workbench/browser/src/app/pages/pages.component.ts
@@ -8,7 +8,7 @@ import { SidebarService } from '../shared/components/sidebar/sidebar.service';
 })
 export class PagesComponent implements OnInit {
   loadedIframe = false;
-  constructor(private cdRef: ChangeDetectorRef, private sidebar: SidebarService) {}
+  constructor(private cdRef: ChangeDetectorRef, public sidebar: SidebarService) {}
   ngOnInit(): void {
     this.watchSidebarItemChange();
   }
diff --git a/src/workbench/browser/src/app/shared/components/sidebar/sidebar.model.ts b/src/workbench/browser/src/app/shared/components/sidebar/sidebar.model.ts
index 8e3e2711..05a68444 100644
--- a/src/workbench/browser/src/app/shared/components/sidebar/sidebar.model.ts
+++ b/src/workbench/browser/src/app/shared/components/sidebar/sidebar.model.ts
@@ -2,18 +2,28 @@
  * Sidebar offical module
  */
 export interface SidebarModuleInfo {
-  // app
-  name: string;
-  //icon or logo image 
-  logo:string;
-  // 模块ID，用于关联
+  /**
+   * icon or logo image
+   **/
+  logo: string;
+  /**
+   * unique extension id
+   **/
   moduleID: string;
-  // 模块名称，用于显示
+  /**
+   * showname
+   **/
   moduleName: string;
-  //is offcial app
+  /**
+   * is offcial app
+   **/
   isOffical: boolean;
-  // module route
+  /**
+   *  module route,click sidebar will navigate this route
+   **/
   route: string;
-  // route active when match string
+  /**
+   *  sidebar active when match activeRoute
+   **/
   activeRoute: string;
 }