diff --git a/ide/server/main.go b/ide/server/main.go
index 63db8b8ef3216ed7c0f66be9eb4cb6ab767ece10..25bf7ce822d00c5fdfc4ff489a6d8558fc190f8d 100644
--- a/ide/server/main.go
+++ b/ide/server/main.go
@@ -128,8 +128,8 @@ func main() {
         mime.AddExtensionType(".js", "application/javascript")
         log.Println(mime.TypeByExtension(".js"))
         mux.HandleFunc("/logger", consoleHandler)
-        mux.Handle("/application/upload/", http.StripPrefix("/upload/", http.FileServer(http.Dir(filepath.FromSlash(exPath+"/upload")))))
-        mux.HandleFunc("/application//download-file", downloadHandler)
+        mux.Handle("/application/upload/", http.StripPrefix("/application/upload/", http.FileServer(http.Dir(filepath.FromSlash(exPath+"/upload")))))
+        mux.HandleFunc("/application/download-file", downloadHandler)
         mux.HandleFunc("/application/serverInfo", serverInfo)
         fs := http.FileServer(http.Dir(exPath + "/"))
         mux.Handle("/application/", http.StripPrefix("/application/", cors(fs, version)))
@@ -273,7 +273,7 @@ func get(url string) (*http.Response, error) {
 }
 
 func clearOverdueFile() {
-    MkDir(filepath.FromSlash(fmt.Sprintf("./upload/")))
+    MkDir(filepath.FromSlash(fmt.Sprintf("./application/upload/")))
     now := time.Now()
     loc, err := time.LoadLocation("Asia/Shanghai")
     if err != nil {
@@ -291,7 +291,7 @@ func clearOverdueFile() {
         }
         return false
     }
-    slash := filepath.FromSlash(fmt.Sprintf("./upload/"))
+    slash := filepath.FromSlash(fmt.Sprintf("./application/upload/"))
     filepath.WalkDir(slash, func(path string, d fs.DirEntry, err error) error {
         if checkDue(d.Name()) {
             fmt.Println(now, "delete->", path, d.Name(), err)
@@ -344,7 +344,7 @@ func downloadHandler(w http.ResponseWriter, r *http.Request) {
                 resp(&w)(false, -1, err.Error(), nil)
                 return
             }
-            pth := filepath.FromSlash(fmt.Sprintf("/upload/%s%s", time.Now().Format("20060102150405000"), getSuffixByUrl(url).suffix))
+            pth := filepath.FromSlash(fmt.Sprintf("/application/upload/%s%s", time.Now().Format("20060102150405000"), getSuffixByUrl(url).suffix))
             MkDir("." + pth)
             create, err := os.Create("." + pth)
             if err != nil {
@@ -357,7 +357,7 @@ func downloadHandler(w http.ResponseWriter, r *http.Request) {
                 return
             }
             fmt.Println(url, written)
-            pth = "/application" + pth
+            pth = "/application/" + pth
             resp(&w)(true, 0, "success", map[string]interface{}{
                 "url":  pth,
                 "size": written,
diff --git a/ide/src/base-ui/select/LitAllocationSelect.ts b/ide/src/base-ui/select/LitAllocationSelect.ts
index 39587dc56a8663e57bc180dc5a5fbb4514af972e..d39a5099bade11575e17126d240e33c00082ead0 100644
--- a/ide/src/base-ui/select/LitAllocationSelect.ts
+++ b/ide/src/base-ui/select/LitAllocationSelect.ts
@@ -216,7 +216,14 @@ export class LitAllocationSelect extends BaseElement {
         `;
   }
 
-  connectedCallback() {}
+  connectedCallback() {
+    this.selectAllocationInputEl!.onkeydown = (ev): void => {
+      // @ts-ignore
+      if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
+      }
+    };
+  }
 
   initData() {
     this.selectAllocationInputEl = this.shadowRoot!.querySelector('input');
diff --git a/ide/src/base-ui/select/LitSelect.ts b/ide/src/base-ui/select/LitSelect.ts
index 28d1dded6c73574fe769a0d79efafc5356f86aab..ad6e60f1d2fa64490a1667f119310a393ed5cdee 100644
--- a/ide/src/base-ui/select/LitSelect.ts
+++ b/ide/src/base-ui/select/LitSelect.ts
@@ -439,6 +439,8 @@ export class LitSelect extends BaseElement {
             );
           }
         }
+      } else if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
       }
     };
   }
diff --git a/ide/src/base-ui/select/LitSelectV.ts b/ide/src/base-ui/select/LitSelectV.ts
index dc032a0738a2adaa9c8a64647a771c34a5d92529..32b2c054fe0c4ba05c4588d472762464746594bc 100644
--- a/ide/src/base-ui/select/LitSelectV.ts
+++ b/ide/src/base-ui/select/LitSelectV.ts
@@ -158,6 +158,18 @@ export class LitSelectV extends BaseElement {
     this.selectVBody = this.shadowRoot!.querySelector('.body') as HTMLDivElement;
     this.selectVOptions = this.shadowRoot!.querySelector('.body-opt') as HTMLDivElement;
     this.selectVIconEl = this.shadowRoot!.querySelector('.icon');
+    this.selectVInputEl!.onkeydown = (ev: KeyboardEvent) => {
+      // @ts-ignore
+      if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
+      }
+    };
+    this.selectVSearchInputEl!.onkeydown = (ev: KeyboardEvent) => {
+      // @ts-ignore
+      if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
+      }
+    };
     this.onclick = (ev: any) => {
       if (this.focused === false) {
         this.focused = true;
diff --git a/ide/src/base-ui/slider/LitSlider.ts b/ide/src/base-ui/slider/LitSlider.ts
index 060e6812b87832aa102e07a084f4874a5fa936f4..eeb8b4287de3361a48ceebe3d43bedd126c057db 100644
--- a/ide/src/base-ui/slider/LitSlider.ts
+++ b/ide/src/base-ui/slider/LitSlider.ts
@@ -268,9 +268,17 @@ export class LitSlider extends BaseElement {
     // Add a slider for input event listeners
     this.litSlider?.addEventListener('input', this.inputChangeEvent);
     this.litSlider?.addEventListener('change', this.inputChangeEvent);
+    this.litSlider?.addEventListener('keydown', this.inputKeyDownEvent);
     this.litSliderStyle = this.sliderStyle;
   }
 
+  // @ts-ignore
+  inputKeyDownEvent = (ev) => {
+    if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+      ev.preventDefault();
+    }
+  };
+
   inputChangeEvent = (event: any) => {
     if (this.litSlider) {
       this.currentValue = parseInt(this.litSlider?.value);
@@ -293,6 +301,7 @@ export class LitSlider extends BaseElement {
   disconnectedCallback() {
     this.litSlider?.removeEventListener('input', this.inputChangeEvent);
     this.litSlider?.removeEventListener('change', this.inputChangeEvent);
+    this.litSlider?.removeEventListener('change', this.inputKeyDownEvent);
   }
 
   adoptedCallback() {}
diff --git a/ide/src/base-ui/table/LitPageTable.ts b/ide/src/base-ui/table/LitPageTable.ts
index dc147693c2ab1ed9b27ffdc733ef62a2a205eff4..93876573cc6af2c544e6bbd3c219b0b691cee4e8 100644
--- a/ide/src/base-ui/table/LitPageTable.ts
+++ b/ide/src/base-ui/table/LitPageTable.ts
@@ -424,6 +424,10 @@ export class LitPageTable extends BaseElement {
         :host([hideDownload]) .export{
             display: none;
         }
+        .td::-webkit-scrollbar {
+          width: 0;
+          background-color: transparent;
+        }
         </style>
         <lit-progress-bar id="export_progress_bar" class="progress"></lit-progress-bar>
         <slot id="slot" style="display: none"></slot>
@@ -1274,7 +1278,7 @@ export class LitPageTable extends BaseElement {
       let td: any;
       td = document.createElement('div');
       td.classList.add('td');
-      td.style.overflow = 'hidden';
+      td.style.overflow = 'scroll hidden';
       td.style.textOverflow = 'ellipsis';
       td.style.whiteSpace = 'nowrap';
       td.dataIndex = dataIndex;
diff --git a/ide/src/index.html b/ide/src/index.html
index fc79a7f22c5efe2c8a15c6d428fabe31f2b3b1ab..370f725d06731899f00321a5acb48f6c87ca0039 100644
--- a/ide/src/index.html
+++ b/ide/src/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html>
-  <head>
+  <head>  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
     <title>Trace Example</title>
     <style>
       * {
diff --git a/ide/src/trace/SpApplication.ts b/ide/src/trace/SpApplication.ts
index 6fb8caf98fff78d3225fe4268290467191ebc4db..e268dadef7aa1da48b2db8613f598fe26a9541f6 100644
--- a/ide/src/trace/SpApplication.ts
+++ b/ide/src/trace/SpApplication.ts
@@ -1390,17 +1390,20 @@ export class SpApplication extends BaseElement {
             },
             async (res) => {
               let existFtrace = await queryExistFtrace();
-              let traceHeadData = new Uint8Array(DbPool.sharedBuffer!.slice(0, 10));
-              let enc = new TextDecoder();
-              let headerStr = enc.decode(traceHeadData);
-              let rowTraceStr = Array.from(new Uint8Array(DbPool.sharedBuffer!.slice(0, 2)))
+              let isAllowTrace = true;
+              if (DbPool.sharedBuffer) {
+                let traceHeadData = new Uint8Array(DbPool.sharedBuffer!.slice(0, 10));
+                let enc = new TextDecoder();
+                let headerStr = enc.decode(traceHeadData);
+                let rowTraceStr = Array.from(new Uint8Array(DbPool.sharedBuffer!.slice(0, 2)))
                 .map((byte) => byte.toString(16).padStart(2, '0'))
                 .join('');
+                if (headerStr.indexOf('OHOSPROF') !== 0 && rowTraceStr.indexOf('49df') !== 0) {
+                  isAllowTrace = false;
+                }
+              }
               let index = 2;
-              if (
-                existFtrace.length > 0 &&
-                (headerStr.indexOf('OHOSPROF') === 0 || rowTraceStr.indexOf('49df') === 0)
-              ) {
+              if (existFtrace.length > 0 && isAllowTrace) {
                 mainMenu.menus!.splice(2, 1, {
                   collapsed: false,
                   title: 'Convert trace',
@@ -1940,9 +1943,8 @@ export class SpApplication extends BaseElement {
         sidebarButton.style.width = open ? `0px` : '48px';
       }
     };
-
-    let urlParams = this.getUrlParams(window.location.href);
-    if (urlParams && urlParams.trace && urlParams.link) {
+    let urlParams = new URL(window.location.href).searchParams;
+    if (urlParams && urlParams.get('trace') && urlParams.get('link')) {
       openFileInit();
       openMenu(false);
       litSearch.clear();
@@ -1950,36 +1952,36 @@ export class SpApplication extends BaseElement {
       that.search = true;
       progressEL.loading = true;
       let downloadLineFile = false;
-      if (urlParams.local) {
+      if (urlParams.get('local')) {
         downloadLineFile = false;
       } else {
         downloadLineFile = true;
       }
       setProgress(downloadLineFile ? 'download trace file' : 'open trace file');
       this.downloadOnLineFile(
-        urlParams.trace,
+        urlParams.get('trace') as string,
         downloadLineFile,
         (arrayBuf, fileName, showFileName, fileSize) => {
           handleWasmMode(new File([arrayBuf], fileName), showFileName, fileSize, fileName);
         },
         (localPath) => {
-          let path = urlParams.trace as string;
+          let path = urlParams.get('trace') as string;
           let fileName: string = '';
           let showFileName: string = '';
-          if (urlParams.local) {
+          if (urlParams.get('local')) {
             openMenu(true);
-            fileName = urlParams.traceName as string;
+            fileName = urlParams.get('traceName') as string;
           } else {
             fileName = path.split('/').reverse()[0];
           }
           that.traceFileName = fileName;
           showFileName = fileName.lastIndexOf('.') == -1 ? fileName : fileName.substring(0, fileName.lastIndexOf('.'));
           TraceRow.rangeSelectObject = undefined;
-          let localUrl = downloadLineFile ? `${window.location.origin}${localPath}` : urlParams.trace;
+          let localUrl = downloadLineFile ? `${window.location.origin}${localPath}` : urlParams.get('trace')!;
           fetch(localUrl)
             .then((res) => {
               res.arrayBuffer().then((arrayBuf) => {
-                if (urlParams.local) {
+                if (urlParams.get('local')) {
                   URL.revokeObjectURL(localUrl);
                 }
                 let fileSize = (arrayBuf.byteLength / 1048576).toFixed(1);
@@ -2221,18 +2223,6 @@ export class SpApplication extends BaseElement {
     }
   }
 
-  private getUrlParams(url: string) {
-    const _url = url || window.location.href;
-    const _urlParams = _url.match(/([?&])(.+?=[^&]+)/gim);
-    return _urlParams
-      ? _urlParams.reduce((a: any, b) => {
-          const value = b.slice(1).split('=');
-          a[`${value[0]}`] = decodeURIComponent(value[1]);
-          return a;
-        }, {})
-      : {};
-  }
-
   private croppingFile(progressEL: LitProgressBar, litSearch: LitSearch) {
     let cutLeftNs = TraceRow.rangeSelectObject?.startNS || 0;
     let cutRightNs = TraceRow.rangeSelectObject?.endNS || 0;
diff --git a/ide/src/trace/bean/BoxSelection.ts b/ide/src/trace/bean/BoxSelection.ts
index 3a95a14cdd7bb8892171083b96486083e8e1f526..60daf4f477833c32a40bd8bd760198ed3938d5e3 100644
--- a/ide/src/trace/bean/BoxSelection.ts
+++ b/ide/src/trace/bean/BoxSelection.ts
@@ -107,7 +107,6 @@ export class SelectionParam {
   dmaVmTrackerData: Array<any> = [];
   gpuMemoryTrackerData: Array<any> = [];
   hiLogs: Array<LogStruct> = [];
-  hiLogSummary: Array<LogStruct> = [];
 }
 
 export class BoxJumpParam {
diff --git a/ide/src/trace/bean/perfStruct.ts b/ide/src/trace/bean/perfStruct.ts
deleted file mode 100644
index 80345f1cacf6ffc5905f9129755898ffa633f0fd..0000000000000000000000000000000000000000
--- a/ide/src/trace/bean/perfStruct.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-const ROW_TYPE = 'hiperf';
-
-
-export class perfFireChartStruct {
-    thread_id:number;
-    name: string;
-    depth: number;
-    selfTime: number;
-    totalTime: number;
-    id: number;
-
-    constructor(
-        id: number,
-        name: string,
-        depth: number,
-        selfTime: number,
-        totalTime: number,
-        thread_id:number,
-    ) {
-        this.id = id;
-        this.name = name;
-        this.depth = depth;
-        this.selfTime = selfTime;
-        this.totalTime = totalTime;
-        this.thread_id = thread_id;
-    }
-}
-
-// 绘图所需树结构模板
-export class hiPerfchartFrame extends perfFireChartStruct {
-    startTime: number;
-    endTime: number;
-    children: Array<hiPerfchartFrame>;
-    isSelect: boolean = false;
-    line: number = 0;
-    column: number = 0;
-    thread_id: number=0;
-
-    constructor(
-        id: number,
-        name: string,
-        startTime: number,
-        endTime: number,
-        totalTime: number,
-        depth: number,
-        thread_id:number,
-    ) {
-        super(id, name, depth, 0, totalTime,thread_id);
-        this.id = id;
-        this.startTime = startTime;
-        this.endTime = endTime;
-        this.thread_id = thread_id;
-        this.children = new Array<hiPerfchartFrame>();
-    }
-}
\ No newline at end of file
diff --git a/ide/src/trace/component/SpSystemTrace.ts b/ide/src/trace/component/SpSystemTrace.ts
index 4c25011f35c890d7f918e5fdf741d1955770635f..cacdb93d4dd994fea3570292a60f15540ee62047 100644
--- a/ide/src/trace/component/SpSystemTrace.ts
+++ b/ide/src/trace/component/SpSystemTrace.ts
@@ -103,7 +103,6 @@ import { TabPaneCounterSample } from './trace/sheet/cpu/TabPaneCounterSample.js'
 import { LitSearch } from './trace/search/Search.js';
 import { TabPaneFlag } from './trace/timer-shaft/TabPaneFlag.js';
 import { LitTabpane } from '../../base-ui/tabs/lit-tabpane.js';
-import { HiPerfCallChartStruct } from '../database/ui-worker/ProcedureWorkerHiPerfCallChart.js';
 
 function dpr() {
   return window.devicePixelRatio || 1;
@@ -734,8 +733,8 @@ export class SpSystemTrace extends BaseElement {
 
           let isIntersect = (filterFunc: FuncStruct, rangeData: RangeSelectStruct) =>
             Math.max(filterFunc.startTs! + filterFunc.dur!, rangeData!.endNS || 0) -
-            Math.min(filterFunc.startTs!, rangeData!.startNS || 0) <
-            filterFunc.dur! + (rangeData!.endNS || 0) - (rangeData!.startNS || 0) &&
+              Math.min(filterFunc.startTs!, rangeData!.startNS || 0) <
+              filterFunc.dur! + (rangeData!.endNS || 0) - (rangeData!.startNS || 0) &&
             filterFunc.funName!.indexOf('H:Task ') >= 0;
           let taskData = it.dataList.filter((taskData: FuncStruct) => {
             taskData!.tid = parseInt(it.rowId!);
@@ -1091,7 +1090,7 @@ export class SpSystemTrace extends BaseElement {
         } else if (it.rowType == TraceRow.ROW_TYPE_JANK) {
           let isIntersect = (filterJank: JanksStruct, rangeData: RangeSelectStruct) =>
             Math.max(filterJank.ts! + filterJank.dur!, rangeData!.endNS || 0) -
-            Math.min(filterJank.ts!, rangeData!.startNS || 0) <
+              Math.min(filterJank.ts!, rangeData!.startNS || 0) <
             filterJank.dur! + (rangeData!.endNS || 0) - (rangeData!.startNS || 0);
           if (it.name == 'Actual Timeline') {
             selection.jankFramesData = [];
@@ -1174,7 +1173,7 @@ export class SpSystemTrace extends BaseElement {
         } else if (it.rowType == TraceRow.ROW_TYPE_FRAME_ANIMATION) {
           let isIntersect = (animationStruct: FrameAnimationStruct, selectStruct: RangeSelectStruct) =>
             Math.max(animationStruct.startTs! + animationStruct.dur!, selectStruct!.endNS || 0) -
-            Math.min(animationStruct.startTs!, selectStruct!.startNS || 0) <
+              Math.min(animationStruct.startTs!, selectStruct!.startNS || 0) <
             animationStruct.dur! + (selectStruct!.endNS || 0) - (selectStruct!.startNS || 0);
           let frameAnimationList = it.dataList.filter((frameAnimationBean: FrameAnimationStruct) => {
             return isIntersect(frameAnimationBean, TraceRow.rangeSelectObject!);
@@ -1223,7 +1222,6 @@ export class SpSystemTrace extends BaseElement {
           let currentIndex = 0;
           while (currentIndex < totalLogs) {
             let batch = systemLogs.slice(currentIndex, currentIndex + batchSize);
-            selection.hiLogSummary.push(...batch);
             selection.hiLogs.push(...batch);
             currentIndex += batchSize;
           }
@@ -1348,7 +1346,7 @@ export class SpSystemTrace extends BaseElement {
     window.subscribe(window.SmartEvent.UI.SliceMark, (data) => {
       this.sliceMarkEventHandler(data);
     });
-    window.subscribe(window.SmartEvent.UI.TraceRowComplete, (tr) => { });
+    window.subscribe(window.SmartEvent.UI.TraceRowComplete, (tr) => {});
     window.subscribe(window.SmartEvent.UI.RefreshCanvas, () => {
       this.refreshCanvas(false);
     });
@@ -1723,7 +1721,7 @@ export class SpSystemTrace extends BaseElement {
     this.isMouseLeftDown = true;
     if (ev.ctrlKey) {
       ev.preventDefault();
-      this.style.cursor = 'move'; 
+      this.style.cursor = 'move';
       this.mouseCurrentPosition = ev.clientX;
       return;
     }
@@ -1776,12 +1774,11 @@ export class SpSystemTrace extends BaseElement {
       ev.stopPropagation();
       return;
     }
-    
     this.isMouseLeftDown = false;
     if (ev.ctrlKey) {
       ev.preventDefault();
       this.offsetMouse = 0;
-      this.mouseCurrentPosition = 0; 
+      this.mouseCurrentPosition = 0;
       this.style.cursor = 'default';
       return;
     }
@@ -1802,7 +1799,7 @@ export class SpSystemTrace extends BaseElement {
           // 如果没有找到帽子，则绘制一个旗子
           let time = Math.round(
             (x * (TraceRow.range?.endNS! - TraceRow.range?.startNS!)) / this.timerShaftEL!.canvas!.offsetWidth +
-            TraceRow.range?.startNS!
+              TraceRow.range?.startNS!
           );
           this.timerShaftEL!.sportRuler!.drawTriangle(time, 'squre');
         }
@@ -1979,13 +1976,13 @@ export class SpSystemTrace extends BaseElement {
       this.timerShaftEL?.setSlicesMark(
         FrameAnimationStruct.selectFrameAnimationStruct.startTs || 0,
         (FrameAnimationStruct.selectFrameAnimationStruct.startTs || 0) +
-        (FrameAnimationStruct.selectFrameAnimationStruct.dur || 0)
+          (FrameAnimationStruct.selectFrameAnimationStruct.dur || 0)
       );
     } else if (JsCpuProfilerStruct.selectJsCpuProfilerStruct) {
       this.timerShaftEL?.setSlicesMark(
         JsCpuProfilerStruct.selectJsCpuProfilerStruct.startTime || 0,
         (JsCpuProfilerStruct.selectJsCpuProfilerStruct.startTime || 0) +
-        (JsCpuProfilerStruct.selectJsCpuProfilerStruct.totalTime || 0)
+          (JsCpuProfilerStruct.selectJsCpuProfilerStruct.totalTime || 0)
       );
     } else {
       this.slicestime = this.timerShaftEL?.setSlicesMark();
@@ -2474,11 +2471,6 @@ export class SpSystemTrace extends BaseElement {
         JsCpuProfilerStruct.hoverJsCpuProfilerStruct !== null &&
         JsCpuProfilerStruct.hoverJsCpuProfilerStruct !== undefined,
     ],
-    [TraceRow.ROW_TYPE_PERF_CALLCHART,
-      ()=>
-      HiPerfCallChartStruct.hoverPerfCallCutStruct !==null &&
-      HiPerfCallChartStruct.hoverPerfCallCutStruct !== undefined,
-    ],
     [
       TraceRow.ROW_TYPE_PURGEABLE_TOTAL_ABILITY,
       () => SnapshotStruct.hoverSnapshotStruct !== null && SnapshotStruct.hoverSnapshotStruct !== undefined,
@@ -2539,20 +2531,23 @@ export class SpSystemTrace extends BaseElement {
     // 判断点击的线程是否在唤醒树内
     let timeoutJudge = setTimeout(() => {
       if (SpSystemTrace.wakeupList.length && CpuStruct.selectCpuStruct) {
-        let checkHandlerKey:boolean = true;
-        let saveSelectCpuStruct:any = JSON.parse(sessionStorage.getItem('saveselectcpustruct')!)
+        let checkHandlerKey: boolean = true;
+        let saveSelectCpuStruct: any = JSON.parse(sessionStorage.getItem('saveselectcpustruct')!);
         for (const item of SpSystemTrace.wakeupList) {
           if (item.ts === CpuStruct.selectCpuStruct.startTime && item.dur === CpuStruct.selectCpuStruct.dur) {
             checkHandlerKey = false;
             if (SpSystemTrace.wakeupList[0].schedulingDesc) {
-              SpSystemTrace.wakeupList.unshift(saveSelectCpuStruct)
+              SpSystemTrace.wakeupList.unshift(saveSelectCpuStruct);
             }
             this.refreshCanvas(true);
             break;
-          }else if (saveSelectCpuStruct.startTime === CpuStruct.selectCpuStruct.startTime && saveSelectCpuStruct.dur === CpuStruct.selectCpuStruct.dur) {
+          } else if (
+            saveSelectCpuStruct.startTime === CpuStruct.selectCpuStruct.startTime &&
+            saveSelectCpuStruct.dur === CpuStruct.selectCpuStruct.dur
+          ) {
             // 如果点击的是第一层，保持唤醒树不变
             checkHandlerKey = false;
-            this.refreshCanvas(true)
+            this.refreshCanvas(true);
             break;
           }
         }
@@ -3881,6 +3876,12 @@ export class SpSystemTrace extends BaseElement {
       this.shadowRoot!.querySelectorAll<TraceRow<any>>(`trace-row[row-type='process'][scene]`).forEach((row) => {
         processList.push(row.rowId!);
       });
+      if (query.includes('_')) {
+        query = query.replace('_', '\\_');
+      }
+      if (query.includes('%')) {
+        query = query.replace('%', '\\%');
+      }
       let list = await querySceneSearchFunc(query, processList);
       cpuList = cpuList.concat(list);
       cpuList.sort((a, b) => (a.startTime || 0) - (b.startTime || 0));
@@ -3947,9 +3948,9 @@ export class SpSystemTrace extends BaseElement {
         }
       }
     } else {
-      if(currentIndex==-1) {
-        findIndex=0
-      }else{
+      if (currentIndex == -1) {
+        findIndex = 0;
+      } else {
         findIndex = structs.findIndex((it, idx) => {
           return (
             idx > currentIndex &&
@@ -4254,8 +4255,8 @@ export class SpSystemTrace extends BaseElement {
     HeapDataInterface.getInstance().clearData();
     procedurePool.clearCache();
     Utils.clearData();
-    procedurePool.submitWithName('logic0', 'clear', {}, undefined, (res: any) => { });
-    procedurePool.submitWithName('logic1', 'clear', {}, undefined, (res: any) => { });
+    procedurePool.submitWithName('logic0', 'clear', {}, undefined, (res: any) => {});
+    procedurePool.submitWithName('logic1', 'clear', {}, undefined, (res: any) => {});
   }
 
   init = async (param: { buf?: ArrayBuffer; url?: string }, wasmConfigUri: string, progress: Function) => {
@@ -4383,11 +4384,11 @@ export class SpSystemTrace extends BaseElement {
         it.childrenList.forEach((child) => {
           if (child.hasAttribute('scene') && !child.collect) {
             child.rowHidden = true;
+            this.intersectionObserver?.unobserve(child);
           }
           if (child.folder) {
             child.removeEventListener('expansion-change', this.extracted(child));
           }
-          this.intersectionObserver?.unobserve(child);
         });
         this.linkNodes.map((value) => {
           if ('task' === value[0].business && value[0].rowEL.parentRowEl?.rowId === it.rowId) {
@@ -4412,7 +4413,7 @@ export class SpSystemTrace extends BaseElement {
     }
     if (this.tipEL) {
       this.tipEL.innerHTML = html;
-      if (row.rowType === TraceRow.ROW_TYPE_JS_CPU_PROFILER ||row.rowType === TraceRow.ROW_TYPE_PERF_CALLCHART) {
+      if (row.rowType === TraceRow.ROW_TYPE_JS_CPU_PROFILER) {
         this.tipEL.style.maxWidth = row.clientWidth / 3 + 'px';
         this.tipEL.style.wordBreak = ' break-all';
         this.tipEL.style.height = 'unset';
diff --git a/ide/src/trace/component/chart/SpHiPerf.ts b/ide/src/trace/component/chart/SpHiPerf.ts
index 312fb1029a7bdf74c0f210e6e05315fc4120159b..6058aee8c386d07a023cffceea5d896983c17b63 100644
--- a/ide/src/trace/component/chart/SpHiPerf.ts
+++ b/ide/src/trace/component/chart/SpHiPerf.ts
@@ -28,7 +28,6 @@ import {
 import { Utils } from '../trace/base/Utils.js';
 import { PerfThread } from '../../bean/PerfProfile.js';
 import { HiperfCpuRender, HiPerfCpuStruct } from '../../database/ui-worker/ProcedureWorkerHiPerfCPU.js';
-import { HiperfCallChartRender, HiPerfCallChartStruct } from '../../database/ui-worker/ProcedureWorkerHiPerfCallChart.js';
 import { HiperfThreadRender, HiPerfThreadStruct } from '../../database/ui-worker/ProcedureWorkerHiPerfThread.js';
 import { HiperfProcessRender, HiPerfProcessStruct } from '../../database/ui-worker/ProcedureWorkerHiPerfProcess.js';
 import { info } from '../../../log/Log.js';
@@ -38,8 +37,6 @@ import { renders } from '../../database/ui-worker/ProcedureWorker.js';
 import { EmptyRender } from '../../database/ui-worker/ProcedureWorkerCPU.js';
 import { type HiPerfReportStruct } from '../../database/ui-worker/ProcedureWorkerHiPerfReport.js';
 import { SpChartManager } from './SpChartManager.js';
-import { procedurePool } from '../../database/Procedure.js';
-import { hiPerfchartFrame } from '../../bean/perfStruct.js';
 
 export interface ResultData {
   existA: boolean | null | undefined;
@@ -61,10 +58,6 @@ export class SpHiPerf {
   private group: any;
   private rowList: TraceRow<any>[] | undefined;
   private eventTypeList: Array<{ id: number; report_value: string }> = [];
-  private allCombineDataMap = new Map<number, hiPerfchartFrame>();
-  
-  public perfCallDataList: any = [];
-  public threadDataList: any = [];
 
   constructor(trace: SpSystemTrace) {
     this.trace = trace;
@@ -77,14 +70,10 @@ export class SpHiPerf {
     this.eventTypeList = await queryHiPerfEventList();
     info('PerfThread Data size is: ', this.perfThreads!.length);
     this.group = Utils.groupBy(this.perfThreads || [], 'pid');
-    Reflect.ownKeys(this.group).forEach((v, i) => {
-      this.threadDataList.push((this.group[v] as Array<PerfThread>).filter((item: any) => { return item.pid === item.tid })[0])
-    })
     this.cpuData = await queryHiPerfCpuMergeData2();
     this.maxCpuId = this.cpuData.length > 0 ? this.cpuData[0].cpu_id : -Infinity;
     if (this.cpuData.length > 0) {
       await this.initFolder();
-      await this.initCallChart()
       await this.initCpuMerge();
       await this.initCpu();
       await this.initProcess();
@@ -202,39 +191,6 @@ export class SpHiPerf {
     this.rowList?.push(cpuMergeRow);
   }
 
-  // callchart泳道
-  async initCallChart() {
-    let perfCallCutRow = TraceRow.skeleton<HiPerfCallChartStruct>();
-    perfCallCutRow.rowId = `HiPerf-callchart`;
-    perfCallCutRow.index = 0;
-    perfCallCutRow.rowType = TraceRow.ROW_TYPE_PERF_CALLCHART;
-    perfCallCutRow.rowParentId = 'HiPerf';
-    perfCallCutRow.rowHidden = !this.rowFolder.expansion;
-    perfCallCutRow.folder = false;
-    perfCallCutRow.name = 'callchart';
-    perfCallCutRow.setAttribute('children', '');
-    perfCallCutRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
-    perfCallCutRow.selectChangeHandler = this.trace.selectChangeHandler;
-    this.rowFolder.addChildTraceRow(perfCallCutRow);
-    perfCallCutRow.focusHandler = (): void => {
-      this.trace?.displayTip(
-        perfCallCutRow!,
-        HiPerfCallChartStruct.hoverPerfCallCutStruct,
-        `<span style='font-weight: bold;color:"#000"'>Name: </span>
-        <span>${HiPerfCallChartStruct.hoverPerfCallCutStruct?.name || ''}</span><br>
-        <span style='font-weight: bold;'>Self Time: </span>
-        <span>${HiPerfCallChartStruct.hoverPerfCallCutStruct?.totalTime || ''}</span><br>
-        <span style='font-weight: bold;'>Event Type: </span>
-        <span>${HiPerfCallChartStruct.hoverPerfCallCutStruct?.totalTime || ''}</span><br>`
-      );
-    };
-    this.rowList?.push(perfCallCutRow);
-    perfCallCutRow.findHoverStruct = () => {
-      HiPerfCallChartStruct.hoverPerfCallCutStruct = perfCallCutRow.getHoverStruct();
-    };
-    await this.setCallTotalRow(perfCallCutRow, this.cpuData, this.threadDataList);
-  }
-
   async initCpu() {
     for (let i = 0; i <= this.maxCpuId; i++) {
       let perfCpuRow = TraceRow.skeleton<HiPerfCpuStruct>();
@@ -379,131 +335,6 @@ export class SpHiPerf {
     });
   }
 
-  // callchart级联单选按钮
-  async setCallTotalRow(row: any, cpuData: any = Array, threadData: any = Array) {
-    row.addTemplateTypes('Hiperf-callchart');
-    row.rowSetting = 'enable';
-    row.rowSettingList = [
-      {
-        key: "cpu",
-        title: 'cpu',
-        children: [
-          ...cpuData.reverse().map(
-            (
-              it: any
-            ): {
-              key: string;
-              title: string;
-            } => {
-              return {
-                key: `${it.cpu_id}c`,
-                title: `cpu${it.cpu_id}`,
-              };
-            }
-          ),
-        ]
-      },
-      {
-        key: "thread",
-        title: 'thread',
-        children: [
-          ...threadData.map(
-            (it: any): {
-              key: string;
-              title: string;
-            } => {
-              return {
-                key: `${it.tid}t`,
-                title: `${it.threadName || 'thread'}[${it.tid}] `
-              }
-            }
-          )
-        ]
-      }
-
-    ];
-    row.onRowSettingChangeHandler = (setting: any): void => {
-      if (setting && setting.length > 0) {
-        // 0:cpu,1:thread
-        this.initHiPerfChartData(setting[0].indexOf('c') > -1 ? 0 : 1, Number(setting[0].indexOf('c') > -1 ?
-          setting[0].substring(0, setting[0].indexOf('c')) : setting[0].substring(0, setting[0].indexOf('t'))), row);
-        row.name = `callchart[${setting[0].indexOf('c') > -1 ? 'cpu' : 'thread'}${setting[0].substring(0, setting[0].length - 1)}]`;
-      }
-      row.clearCanvas();
-      row.onThreadHandler = (useCache: any) => {
-        row.dataList = this.perfCallDataList;
-        let context: CanvasRenderingContext2D;
-        if (row.currentContext) {
-          context = row.currentContext;
-        } else {
-          context = row.collect ? this.trace.canvasFavoritePanelCtx! : this.trace.canvasPanelCtx!;
-        }
-        row.canvasSave(context);
-        (renders['Hiperf-callchart'] as HiperfCallChartRender).renderMainThread(
-          {
-            context: context,
-            useCache: useCache,
-            type: `Hiperf-callchart`,
-          },
-          row
-        );
-        row.canvasRestore(context);
-      };
-    };
-  }
-
-  /*
-   *  callchart请求数据
-   */
-  async initHiPerfChartData(type: number, id: number, perfCpuRow: any) {
-    await procedurePool.submitWithName(
-      'logic0',
-      'perf-fire',
-      [
-        type, id
-      ],
-      undefined,
-      (res: Array<hiPerfchartFrame>) => {
-        let allCombineData: Array<hiPerfchartFrame> = [];
-        this.getAllCombineData(res, allCombineData);
-        this.allCombineDataMap = new Map<number, hiPerfchartFrame>();
-        for (let data of allCombineData) {
-          this.allCombineDataMap.set(data.id, data);
-        }
-        // let max = Math.max(...allCombineData.map((it) => it.depth || 0)) + 1;
-        let max = 0;
-        for (let i = 0; i < allCombineData.length; i++) {
-          if (allCombineData[i].depth > max) {
-            max = allCombineData[i].depth
-          } else {
-
-          }
-          i++;
-        }
-        let maxHeight = max * 20;
-        perfCpuRow!.style.height = `${maxHeight}px`;
-        perfCpuRow.supplier = (): Promise<Array<any>> =>
-          new Promise<Array<any>>((resolve) => resolve(allCombineData));
-        this.perfCallDataList = allCombineData
-      }
-    )
-  }
-
-  getAllCombineData(
-    combineData: Array<hiPerfchartFrame>,
-    allCombineData: Array<hiPerfchartFrame>
-  ): void {
-    for (let data of combineData) {
-      if (data.name != 'name') {
-        allCombineData.push(data);
-      }
-      if (data.children && data.children.length > 0) {
-        this.getAllCombineData(data.children, allCombineData);
-      }
-    }
-  }
-
-
   updateChartData() {
     this.rowList?.forEach((it) => {
       it.dataList = [];
diff --git a/ide/src/trace/component/setting/SpAllocations.ts b/ide/src/trace/component/setting/SpAllocations.ts
index d8b15a347d0bbe035b1f816aa9f38f67854598b0..b04c73e1635118702e80253c40b487102f206b54 100644
--- a/ide/src/trace/component/setting/SpAllocations.ts
+++ b/ide/src/trace/component/setting/SpAllocations.ts
@@ -130,6 +130,27 @@ export class SpAllocations extends BaseElement {
     return false;
   }
 
+  connectedCallback() {
+    this.unwindEL?.addEventListener('keydown', this.handleInputChange);
+    this.shareMemory?.addEventListener('keydown', this.handleInputChange);
+    this.shareMemoryUnit?.addEventListener('keydown', this.handleInputChange);
+    this.filterMemory?.addEventListener('keydown', this.handleInputChange);
+  }
+
+  disconnectedCallback() {
+    this.unwindEL?.removeEventListener('keydown', this.handleInputChange);
+    this.shareMemory?.removeEventListener('keydown', this.handleInputChange);
+    this.shareMemoryUnit?.removeEventListener('keydown', this.handleInputChange);
+    this.filterMemory?.removeEventListener('keydown', this.handleInputChange);
+  }
+
+  handleInputChange = (ev: KeyboardEvent) => {
+    // @ts-ignore
+    if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+      ev.preventDefault();
+    }
+  };
+
   initElements(): void {
     this.processId = this.shadowRoot?.getElementById('pid') as LitAllocationSelect;
     let process = this.processId.shadowRoot?.querySelector('.multipleSelect') as HTMLDivElement;
diff --git a/ide/src/trace/component/setting/SpFileSystem.ts b/ide/src/trace/component/setting/SpFileSystem.ts
index 5f1092d5d689a5773f39bcd6c2ba3eef94b9d120..716a4df7b2cc557a9c71848882fd48159d9b3c53 100644
--- a/ide/src/trace/component/setting/SpFileSystem.ts
+++ b/ide/src/trace/component/setting/SpFileSystem.ts
@@ -205,6 +205,12 @@ export class SpFileSystem extends BaseElement {
 
   connectedCallback(): void {
     let traceMode = this.shadowRoot!.querySelector('#traceMode') as HTMLDivElement;
+    this.maximum!.onkeydown = (ev): void => {
+      // @ts-ignore
+      if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
+      }
+    };
     let isLongTrace = SpApplication.isLongTrace;
     if (isLongTrace) {
       traceMode!.style.display = 'block';
diff --git a/ide/src/trace/component/setting/SpProbesConfig.ts b/ide/src/trace/component/setting/SpProbesConfig.ts
index c36578d0711e34a93b2d5cd087537758bc72b31c..30daee5873f63479a5d2a4f0715b1b8cfb697baa 100644
--- a/ide/src/trace/component/setting/SpProbesConfig.ts
+++ b/ide/src/trace/component/setting/SpProbesConfig.ts
@@ -312,6 +312,12 @@ export class SpProbesConfig extends BaseElement {
     };
     let ftraceBufferSizeSliderParent = ftraceBufferSizeSlider!.parentNode as Element;
     let ftraceBuffSizeResultInput = this.shadowRoot?.querySelector('.ftrace-buff-size-result') as HTMLInputElement;
+    ftraceBuffSizeResultInput!.onkeydown = (ev): void => {
+      // @ts-ignore
+      if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
+      }
+    };
     ftraceBuffSizeResultInput.value = ftraceBufferSizeSlider.sliderStyle.defaultValue;
     ftraceBufferSizeSlider.addEventListener('input', (evt) => {
       ftraceBuffSizeResultInput.parentElement!.classList.remove('border-red');
diff --git a/ide/src/trace/component/setting/SpRecordPerf.ts b/ide/src/trace/component/setting/SpRecordPerf.ts
index 42c147eeea581496eb3407a505a44ba68c3e2049..8fae2ddcac36f6f0ecaf7ff1e470797e6d1e843b 100644
--- a/ide/src/trace/component/setting/SpRecordPerf.ts
+++ b/ide/src/trace/component/setting/SpRecordPerf.ts
@@ -448,7 +448,14 @@ export class SpRecordPerf extends BaseElement {
       }
     });
 
+
     this.frequencySetInput = this.shadowRoot?.querySelector<HTMLInputElement>("input[title='Frequency']");
+    this.frequencySetInput!.onkeydown = (ev): void => {
+      // @ts-ignore
+      if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
+      }
+    };
     this.offCPUSwitch = this.shadowRoot?.querySelector<LitSwitch>("lit-switch[title='Off CPU']");
     this.callSelect = this.shadowRoot?.querySelector<LitSelect>("lit-select[title='Call Stack']");
     this.addOptionButton!.addEventListener('click', (event) => {
diff --git a/ide/src/trace/component/setting/SpRecordSetting.ts b/ide/src/trace/component/setting/SpRecordSetting.ts
index 83d462a186e6c1d7aecb4b2f2abcaaa59a7fbdab..757f4a3d4138dce1331713a508f4e53cb66121f4 100644
--- a/ide/src/trace/component/setting/SpRecordSetting.ts
+++ b/ide/src/trace/component/setting/SpRecordSetting.ts
@@ -131,6 +131,15 @@ export class SpRecordSetting extends BaseElement {
   initElements(): void {
     this.bufferNumber = this.shadowRoot?.querySelector('.buffer-size') as HTMLElement;
     this.durationNumber = this.shadowRoot?.querySelector('.max-duration') as HTMLElement;
+    let inputs = this.shadowRoot?.querySelectorAll('input');
+    inputs!.forEach(item => {
+      item.addEventListener('keydown', (ev) => {
+        // @ts-ignore
+        if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+          ev.preventDefault();
+        }
+      });
+    });
     let bu = this.shadowRoot?.querySelector('.record') as HTMLDivElement;
     this.shadowRoot?.querySelectorAll<HTMLButtonElement>('.MenuButton').forEach((button) => {
       button!.addEventListener('mouseenter', (e) => {
@@ -167,6 +176,12 @@ export class SpRecordSetting extends BaseElement {
     let maxSingleFileEl = longTraceMaxSlide.querySelector<HTMLDivElement>('.max-single-file-size');
     let maxSizeSliders = longTraceMaxSlide.querySelector('#max-size') as LitSlider;
     let maxSizeInput = longTraceMaxSlide.querySelector('.max_size_result') as HTMLInputElement;
+    maxSizeInput!.onkeydown = (ev): void => {
+      // @ts-ignore
+      if (ev.key === '0' && ev.target.value.length === 1 && ev.target.value === '0') {
+        ev.preventDefault();
+      }
+    };
     let maxSizeParentElement = maxSizeSliders.parentNode as Element;
     maxSizeSliders.sliderStyle = {
       minRange: 200,
diff --git a/ide/src/trace/component/trace/base/TraceRow.ts b/ide/src/trace/component/trace/base/TraceRow.ts
index 0bde914f3d23ff976cf62efc3df0db7c064f65a2..5852e647234ecb81188962b28f02e483ccb97ae1 100644
--- a/ide/src/trace/component/trace/base/TraceRow.ts
+++ b/ide/src/trace/component/trace/base/TraceRow.ts
@@ -55,7 +55,6 @@ export class TraceRow<T extends BaseStruct> extends HTMLElement {
   static ROW_TYPE_NATIVE_MEMORY = 'native-memory';
   static ROW_TYPE_HIPERF = 'hiperf';
   static ROW_TYPE_DELIVER_INPUT_EVENT = 'DeliverInputEvent';
-  static ROW_TYPE_PERF_CALLCHART = 'Hiperf-callchart';
   static ROW_TYPE_HIPERF_CPU = 'hiperf-cpu';
   static ROW_TYPE_HIPERF_PROCESS = 'hiperf-process';
   static ROW_TYPE_HIPERF_THREAD = 'hiperf-thread';
@@ -679,7 +678,7 @@ export class TraceRow<T extends BaseStruct> extends HTMLElement {
     this.funcExpand = true;
 
     this.nameEL!.onclick = () => {
-      if (this.rowType === TraceRow.ROW_TYPE_FUNC || TraceRow.ROW_TYPE_PERF_CALLCHART) {
+      if (this.rowType === TraceRow.ROW_TYPE_FUNC) {
         if (this.funcExpand) {
           this.funcMaxHeight = this.clientHeight;
           this.style.height = '20px';
diff --git a/ide/src/trace/component/trace/base/TraceSheet.ts b/ide/src/trace/component/trace/base/TraceSheet.ts
index c2188448129205da80014b135b481a2731d3cbd9..5d70b53052238df7ce3708b2a5e560523c521146 100644
--- a/ide/src/trace/component/trace/base/TraceSheet.ts
+++ b/ide/src/trace/component/trace/base/TraceSheet.ts
@@ -36,7 +36,7 @@ import { type IrqStruct } from '../../../database/ui-worker/ProcedureWorkerIrq.j
 import { type JankStruct } from '../../../database/ui-worker/ProcedureWorkerJank.js';
 import { type HeapStruct } from '../../../database/ui-worker/ProcedureWorkerHeap.js';
 import { type LitTable } from '../../../../base-ui/table/lit-table.js';
-import { queryNativeHookResponseTypes, threadPool } from '../../../database/SqlLite.js';
+import { threadPool } from '../../../database/SqlLite.js';
 import { type HeapSnapshotStruct } from '../../../database/ui-worker/ProcedureWorkerHeapSnapshot.js';
 import { type TabPaneNMStatisticAnalysis } from '../sheet/native-memory/TabPaneNMStatisticAnalysis.js';
 import { type TabPaneCurrent } from '../sheet/TabPaneCurrent.js';
@@ -49,9 +49,7 @@ import { type FrameDynamicStruct } from '../../../database/ui-worker/ProcedureWo
 import { type TabPaneFrameDynamic } from '../sheet/frame/TabPaneFrameDynamic.js';
 import { type FrameSpacingStruct } from '../../../database/ui-worker/ProcedureWorkerFrameSpacing.js';
 import { type TabFrameSpacing } from '../sheet/frame/TabFrameSpacing.js';
-import { procedurePool } from '../../../database/Procedure.js';
 import { type JsCpuProfilerChartFrame } from '../../../bean/JsStruct.js';
-import { TabPaneJsCpuTopDown } from '../sheet/ark-ts/TabPaneJsCpuCallTree.js';
 import { type TabPaneComparison } from '../sheet/ark-ts/TabPaneComparison.js';
 import { type TabPaneSummary } from '../sheet/ark-ts/TabPaneSummary.js';
 import { type TabPaneGpuClickSelect } from '../sheet/gpu/TabPaneGpuClickSelect.js';
@@ -618,19 +616,9 @@ export class TraceSheet extends BaseElement {
     if (tblHiLogPanel) {
       let tblHiLog = tblHiLogPanel.querySelector<TabPaneHiLogs>('tab-hi-log');
       if (tblHiLog) {
-        tblHiLog.parentElement!.style.overflow = 'hidden';
         tblHiLog.initTabSheetEl(this);
       }
     }
-    let tblSummaryPanel = this.shadowRoot?.querySelector<LitTabpane>("lit-tabpane[id='box-hilogs-summary']");
-    if (tblSummaryPanel) {
-      let tblSummary = tblSummaryPanel.querySelector<TabPaneHiLogSummary>('tab-hi-log-summary');
-      if (tblSummary) {
-        tblSummary.parentElement!.style.overflow = 'hidden';
-        tblSummary.style.overflow = 'hidden';
-        tblSummary.initTabSheetEl(tblSummary.parentElement!);
-      }
-    }
   };
 
   rangeSelect(selection: SelectionParam, restore = false): boolean {
@@ -685,7 +673,7 @@ export class TraceSheet extends BaseElement {
       let param: SelectionParam = new SelectionParam();
       Object.assign(param, this.selection);
       if (param.nativeMemory.length > 0 || param.nativeMemoryStatistic.length > 0) {
-        this.initFilterLibList(param);
+        Utils.getInstance().initResponseTypeList(param);
       }
       this.rangeSelect(param, true);
       return true;
@@ -694,24 +682,6 @@ export class TraceSheet extends BaseElement {
     }
   }
 
-  initFilterLibList(param: SelectionParam | any) {
-    let nmTypes: Array<string> = [];
-    if (param.nativeMemory.indexOf('All Heap & Anonymous VM') !== -1) {
-      nmTypes.push("'AllocEvent'");
-      nmTypes.push("'MmapEvent'");
-    } else {
-      if (param.nativeMemory.indexOf('All Heap') !== -1) {
-        nmTypes.push("'AllocEvent'");
-      }
-      if (param.nativeMemory.indexOf('All Anonymous VM') !== -1) {
-        nmTypes.push("'MmapEvent'");
-      }
-    }
-    queryNativeHookResponseTypes(param.leftNs, param.rightNs, nmTypes).then((res) => {
-      procedurePool.submitWithName('logic1', 'native-memory-init-responseType', res, undefined, () => {});
-    });
-  }
-
   showUploadSoBt(selection: SelectionParam | null | undefined): void {
     if (
       selection &&
diff --git a/ide/src/trace/component/trace/base/TraceSheetConfig.ts b/ide/src/trace/component/trace/base/TraceSheetConfig.ts
index e636bc5631a27368e177593c17b7eb7088906f25..7b2f793a28726fcf3274eec1a02243f7111461d3 100644
--- a/ide/src/trace/component/trace/base/TraceSheetConfig.ts
+++ b/ide/src/trace/component/trace/base/TraceSheetConfig.ts
@@ -120,7 +120,6 @@ import { TabPaneGpuResourceVmTracker } from '../sheet/vmtracker/TabPaneGpuResour
 import { TabPaneGpuGraph } from '../sheet/gpu/TabPaneGraph.js';
 import { TabPaneFreqUsage } from '../sheet/frequsage/TabPaneFreqUsage.js';
 import { TabPaneFreqDataCut } from '../sheet/frequsage/TabPaneFreqDataCut.js';
-import { TabpanePerfBinaryTree } from '../sheet/hiperf/TabPerfBinaryTree.js';
 
 export let tabConfig: any = {
   'current-selection': {
@@ -613,7 +612,7 @@ export let tabConfig: any = {
   'box-hilogs-summary': {
     title: 'Summary',
     type: TabPaneHiLogSummary,
-    require: (param: SelectionParam) => param.hiLogSummary.length > 0,
+    require: (param: SelectionParam) => param.hiLogs.length > 0,
   },
   'box-sched-priority': {
     title: 'Sched Priority',
@@ -628,21 +627,15 @@ export let tabConfig: any = {
     title: 'M Selection',
     type: TabPaneCurrent,
     require: (param: SelectionParam) => param.isCurrentPane,
-  }, 
+  }, //current selection
   'tabpane-frequsage': {
     title: 'Freq Usage',
     type: TabPaneFreqUsage,
     require: (param: SelectionParam) => param.threadIds.length > 0 && param.threadIds.length < 2,
-  }, 
+  },
   'tabpane-freqdatacut': {
     title: 'Freq DataCut',
     type: TabPaneFreqDataCut,
     require: (param: SelectionParam) => param.threadIds.length > 0 && param.threadIds.length < 2,
-  }, 
-  }, //current selection
-  'box-perf-Binary': {
-    title: 'BinaryTree',
-    type: TabpanePerfBinaryTree,
-    require: (param: SelectionParam) => param.perfSampleIds.length > 0,
   },
 };
diff --git a/ide/src/trace/component/trace/base/Utils.ts b/ide/src/trace/component/trace/base/Utils.ts
index 09d569dd29b50208b3597bbd928a1c745d2b9383..57c435742d5fddbc30aca5ae89b1e6f20cf0df66 100644
--- a/ide/src/trace/component/trace/base/Utils.ts
+++ b/ide/src/trace/component/trace/base/Utils.ts
@@ -13,6 +13,10 @@
  * limitations under the License.
  */
 
+import { SelectionParam } from '../../../bean/BoxSelection.js';
+import { procedurePool } from '../../../database/Procedure.js';
+import { queryNativeHookResponseTypes } from '../../../database/SqlLite.js';
+
 export class Utils {
   private static statusMap: Map<string, string> = new Map<string, string>();
   private static instance: Utils | null = null;
@@ -451,4 +455,35 @@ export class Utils {
   public static getTimeIsCross(startTime: number, endTime: number, startTime1: number, endTime1: number) {
     return Math.max(startTime, startTime1) <= Math.min(endTime, endTime1);
   }
+
+  initResponseTypeList(val: SelectionParam | any) {
+    const isStatistic = val.nativeMemoryStatistic.length > 0;
+    const selection = isStatistic ? val.nativeMemoryStatistic : val.nativeMemory;
+    let types: Array<string | number> = [];
+    if (selection.indexOf('All Heap & Anonymous VM') != -1) {
+      if (isStatistic) {
+        types.push(0, 1);
+      } else {
+        types.push("'AllocEvent'", "'MmapEvent'");
+      }
+    } else {
+      if (selection.indexOf('All Heap') != -1) {
+        if (isStatistic) {
+          types.push(0);
+        } else {
+          types.push("'AllocEvent'");
+        }
+      }
+      if (selection.indexOf('All Anonymous VM') != -1) {
+        if (isStatistic) {
+          types.push(1);
+        } else {
+          types.push("'MmapEvent'");
+        }
+      }
+    }
+    queryNativeHookResponseTypes(val.leftNs, val.rightNs, types, isStatistic).then((res) => {
+      procedurePool.submitWithName('logic1', 'native-memory-init-responseType', res, undefined, () => {});
+    });
+  }
 }
diff --git a/ide/src/trace/component/trace/search/Search.ts b/ide/src/trace/component/trace/search/Search.ts
index 24454769724250b718525a674e4eda1fcd84ba90..ca4a4517604c0128051a53e1c5244cf33e04590c 100644
--- a/ide/src/trace/component/trace/search/Search.ts
+++ b/ide/src/trace/component/trace/search/Search.ts
@@ -227,8 +227,8 @@ export class LitSearch extends BaseElement {
     this.searchHistoryListEL = this.shadowRoot!.querySelector<HTMLUListElement>('.search-history-list');
 
     this._retarge_index = this.shadowRoot!.querySelector<HTMLInputElement>("input[name='retarge_index']");
-    let _root = this.shadowRoot!.querySelector<HTMLInputElement>(".root")
-    let _prompt = this.shadowRoot!.querySelector<HTMLInputElement>("#prompt")
+    let _root = this.shadowRoot!.querySelector<HTMLInputElement>('.root');
+    let _prompt = this.shadowRoot!.querySelector<HTMLInputElement>('#prompt');
 
     this.search!.addEventListener('focus', () => {
       this.searchFocusListener();
@@ -238,7 +238,7 @@ export class LitSearch extends BaseElement {
     });
     this.search!.addEventListener('change', (event) => {
       this.index = -1;
-      this._retarge_index!.value = ""
+      this._retarge_index!.value = '';
     });
     this.search!.addEventListener('keyup', (e: KeyboardEvent) => {
       this._retarge_index!.value = ""
@@ -264,10 +264,10 @@ export class LitSearch extends BaseElement {
       );
     });
 
-        // 添加翻页监听事件
+    // 添加翻页监听事件
     this.shadowRoot?.querySelector("input[name='retarge_index']")?.addEventListener('keyup', (e: any) => {
       if (e.keyCode == 13) {
-        this.retarget_index = Number(this._retarge_index!.value)
+        this.retarget_index = Number(this._retarge_index!.value);
         if (this.retarget_index <= this._list.length && this.retarget_index != 0) {
           this.dispatchEvent(
             new CustomEvent('retarget-data', {
@@ -277,18 +277,17 @@ export class LitSearch extends BaseElement {
             })
           );
         } else if (this.retarget_index == 0) {
-          return
+          return;
         } else {
           _prompt!.style.display = 'block';
           _root!.style.display = 'none';
-          _prompt!.innerHTML = `${this._list.length} pages in total, please re-enter`
+          _prompt!.innerHTML = `${this._list.length} pages in total, please re-enter`;
           setTimeout(() => {
             _prompt!.style.display = 'none';
             _root!.style.display = 'flex';
-            this._retarge_index!.value = ""
-          }, 2000)
+            this._retarge_index!.value = '';
+          }, 2000);
         }
-
       }
       e.stopPropagation();
     });
@@ -450,12 +449,12 @@ export class LitSearch extends BaseElement {
       searchInfoOption.textContent = historyInfo.searchContent;
       searchInfoOption.addEventListener('click', () => {
         if (searchInfoOption.textContent) {
-          let flag=this.search!.value
+          let flag = this.search!.value;
           this.search!.value = searchInfoOption.textContent;
           this.valueChangeHandler?.(this.search!.value);
-          if(flag!=searchInfoOption.textContent) {
-            this._retarge_index!.value = ""
-            this.index=-1
+          if (flag != searchInfoOption.textContent) {
+            this._retarge_index!.value = '';
+            this.index = -1;
           }
         }
       });
diff --git a/ide/src/trace/component/trace/sheet/TabPaneFilter.ts b/ide/src/trace/component/trace/sheet/TabPaneFilter.ts
index 0ecd256f5534c55f8fe51b5ad155250107932dfd..51a1fb9e3deff407e92d354757bf326c9551c89b 100644
--- a/ide/src/trace/component/trace/sheet/TabPaneFilter.ts
+++ b/ide/src/trace/component/trace/sheet/TabPaneFilter.ts
@@ -58,6 +58,7 @@ export class TabPaneFilter extends BaseElement {
 
   private cutList: Array<any> | undefined;
   private libraryList: Array<any> | undefined;
+  private transferChecked: string | undefined;
 
   filterData(type: string, data: object = {}) {
     return {
@@ -102,6 +103,7 @@ export class TabPaneFilter extends BaseElement {
     this.markButtonEL = this.shadowRoot?.querySelector('#mark');
     this.iconEL = this.shadowRoot?.querySelector<LitIcon>('#icon');
     this.statisticsName = this.shadowRoot?.querySelector<HTMLDivElement>('.statistics-name');
+    let transferEL = this.shadowRoot?.querySelector<HTMLDivElement>('.transfer-text');
     this.iconEL!.onclick = (e) => {
       if (this.iconEL!.name == 'statistics') {
         this.iconEL!.name = 'menu';
@@ -118,12 +120,16 @@ export class TabPaneFilter extends BaseElement {
         if (this.getFilter) {
           this.getFilter(this.filterData('icon'));
         }
-        if (this.getAttribute('perf') == 'perf') {
+        if(this.getAttribute('perf') == 'perf') {
           this.disabledTransfer(true);
         }
       }
     };
 
+    transferEL!.onclick = () => {
+      this.getTransferList();
+    };
+
     this.markButtonEL!.onclick = (e) => {
       if (this.getFilter) {
         this.getFilter(this.filterData('mark', { mark: true }));
@@ -431,7 +437,12 @@ export class TabPaneFilter extends BaseElement {
   initializeTreeTransfer() {
     let radioList = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.radio');
     let divElement = this.shadowRoot!.querySelectorAll<HTMLDivElement>('.tree-radio');
-    radioList![radioList.length - 1].checked = true;
+
+    if (this.transferChecked && this.transferChecked !== 'count') {
+      radioList![Number(this.transferChecked)].checked = true;
+    } else if (this.transferChecked && this.transferChecked == 'count') {
+      radioList![radioList.length - 1].checked = true;
+    }
 
     divElement!.forEach((divEl, idx) => {
       divEl.addEventListener('click', () => {
@@ -449,17 +460,27 @@ export class TabPaneFilter extends BaseElement {
           inputs[1].value = '∞';
         }
         this.filterInputEL!.value = ''
-
+        this.transferChecked = radioList![idx].value;
         radioList![idx].checked = true;
         if (this.getCallTransfer) {
           this.getCallTransfer({
-            eventTypeId: radioList![idx].value
-          })
+            value: radioList![idx].value,
+          });
         }
       });
     });
   }
 
+  refreshTreeTransfer() {
+    let radioList = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.radio');
+    if (this.transferChecked && this.transferChecked !== 'count') {
+      radioList![Number(this.transferChecked)].checked = false;
+    } else if (this.transferChecked && this.transferChecked == 'count') {
+      radioList![radioList.length - 1].checked = false;
+    }
+    this.transferChecked = '';
+  }
+
   initializeTreeConstraints() {
     let inputs = this.shadowRoot!.querySelectorAll<HTMLInputElement>('.constraints-input');
     let check = this.shadowRoot!.querySelector<LitCheckBox>('#constraints-check');
@@ -505,8 +526,9 @@ export class TabPaneFilter extends BaseElement {
     let html = ``;
     this.cutList!.forEach((a, b) => {
       html += `<div style="display: flex;padding: 4px 7px;" class="mining-checked" ${a.highlight ? 'highlight' : ''}>
-                        <lit-check-box class="lit-check-box" not-close ${a.checked ? 'checked' : ''
-        } style="display: flex"></lit-check-box>
+                        <lit-check-box class="lit-check-box" not-close ${
+                          a.checked ? 'checked' : ''
+                        } style="display: flex"></lit-check-box>
                         <div id="title" title="${a.name}">${a.name}</div></div>`;
     });
 
@@ -538,8 +560,9 @@ export class TabPaneFilter extends BaseElement {
     let html = ``;
     this.libraryList!.forEach((a, b) => {
       html += `<div style="display: flex;padding: 4px 7px;" class="library-checked" ${a.highlight ? 'highlight' : ''}>
-                        <lit-check-box class="lit-check-box" not-close ${a.checked ? 'checked' : ''
-        } style="display: flex"></lit-check-box>
+                        <lit-check-box class="lit-check-box" not-close ${
+                          a.checked ? 'checked' : ''
+                        } style="display: flex"></lit-check-box>
                         <div id="title" title="${a.name}">${a.name}</div></div>`;
     });
 
diff --git a/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts b/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts
index 0fc72add145602e020114fb52478a85b22b7db8c..2306d1da1ba8fef0d52ac01d98f43962e41fbfb8 100644
--- a/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts
+++ b/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts
@@ -17,34 +17,25 @@ import { BaseElement, element } from '../../../../../base-ui/BaseElement.js';
 import { LitTable } from '../../../../../base-ui/table/lit-table.js';
 import { SelectionParam } from '../../../../bean/BoxSelection.js';
 import { getTabPaneFrequencySampleData, getTabPaneCounterSampleData } from '../../../../database/SqlLite.js';
-import { LitProgressBar } from '../../../../../base-ui/progress-bar/LitProgressBar.js';
-import { Utils } from '../../base/Utils.js';
 import { ColorUtils } from '../../base/ColorUtils.js';
 import { resizeObserver } from '../SheetUtils.js';
 import { CpuFreqStruct } from '../../../../database/ui-worker/ProcedureWorkerFreq.js';
 import { SpSystemTrace } from '../../../SpSystemTrace.js';
 import { TraceRow } from '../../base/TraceRow.js';
 import {
-  dataFilterHandler,
   drawLines,
-  isFrameContainPoint,
 } from '../../../../database/ui-worker/ProcedureWorkerCommon.js';
-import { RangeSelect } from '../../base/RangeSelect.js';
 
 @element('tabpane-frequency-sample')
 export class TabPaneFrequencySample extends BaseElement {
   private frequencySampleTbl: LitTable | null | undefined;
-  private range: HTMLLabelElement | null | undefined;
-  private loadDataInCache: boolean = true;
   private selectionParam: SelectionParam | null | undefined;
   private frequencyLoadingPage: any;
-  private frequencyLoadingList: number[] = [];
   private frequencySampleSource: any[] = [];
   private frequencySampleSortKey: string = 'counter';
   private frequencySampleSortType: number = 0;
   private systemTrace: SpSystemTrace | undefined | null;
   private _rangeRow: Array<TraceRow<any>> | undefined | null;
-  private frequencySampleClickKey: string = 'busyTimeStr';
   private frequencySampleClickType: boolean = false;
   private busyTimeLoadingHide: boolean = false;
   private freqBusyDataList: Array<any> = [];
@@ -70,8 +61,8 @@ export class TabPaneFrequencySample extends BaseElement {
     this.frequencyLoadingPage = this.shadowRoot!.querySelector('.loadingFre');
     this.frequencySampleTbl = this.shadowRoot!.querySelector<LitTable>('#tb-states');
     this.systemTrace = document
-      .querySelector('body > sp-application')?.
-      shadowRoot!.querySelector<SpSystemTrace>('#sp-system-trace');
+      .querySelector('body > sp-application')
+      ?.shadowRoot!.querySelector<SpSystemTrace>('#sp-system-trace');
     this.frequencySampleTbl!.addEventListener('column-click', (evt) => {
       // @ts-ignore
       this.frequencySampleSortKey = evt.detail.key;
@@ -101,7 +92,7 @@ export class TabPaneFrequencySample extends BaseElement {
                 freqFilter[i].value === data.value &&
                 freqFilter[i].cpu === data.cpu &&
                 Math.max(TraceRow.rangeSelectObject?.startNS!, freqFilter[i].startNS!) <
-                Math.min(TraceRow.rangeSelectObject?.endNS!, freqFilter[i].startNS! + freqFilter[i].dur!)
+                  Math.min(TraceRow.rangeSelectObject?.endNS!, freqFilter[i].startNS! + freqFilter[i].dur!)
               ) {
                 CpuFreqStruct.hoverCpuFreqStruct = freqFilter[i];
               }
@@ -136,10 +127,10 @@ export class TabPaneFrequencySample extends BaseElement {
     this.frequencySampleTbl!.addEventListener('button-click', (evt) => {
       //@ts-ignore
       this.frequencySampleClickKey = evt.detail.key;
-      this.frequencySampleClickType = !this.frequencySampleClickType
+      this.frequencySampleClickType = !this.frequencySampleClickType;
       //@ts-ignore
-      this.handleClick(evt.detail.key, this.frequencySampleClickType)
-    })
+      this.handleClick(evt.detail.key, this.frequencySampleClickType);
+    });
   }
 
   connectedCallback() {
@@ -159,7 +150,7 @@ export class TabPaneFrequencySample extends BaseElement {
       frqSampleParam.leftNs + frqSampleParam.recordStartNs,
       frqSampleParam.rightNs + frqSampleParam.recordStartNs,
       frqSampleParam.cpuFreqFilterIds
-    )
+    );
     this.freqResult = result;
     frqSampleParam.cpuFreqFilterIds.forEach((a: number) => {
       this.getInitTime(
@@ -184,9 +175,11 @@ export class TabPaneFrequencySample extends BaseElement {
       });
     } else {
       frqSampleParam.cpuFreqFilterNames.forEach((item: string) => {
-        let cpuStateIds = frqSampleParam.cpuStateRowsId.filter((it: any) => it.cpu == item.replace(/[^\d]/g, ' ').trim());
+        let cpuStateIds = frqSampleParam.cpuStateRowsId.filter(
+          (it: any) => it.cpu == item.replace(/[^\d]/g, ' ').trim()
+        );
         stateFiliterIds.push(cpuStateIds[0].filterId);
-        cpuFiliterOrder.push(cpuStateIds[0].cpu)
+        cpuFiliterOrder.push(cpuStateIds[0].cpu);
       });
       let res = await getTabPaneCounterSampleData(
         frqSampleParam.leftNs + frqSampleParam.recordStartNs,
@@ -200,7 +193,7 @@ export class TabPaneFrequencySample extends BaseElement {
         result,
         sampleMap,
         res,
-        cpuFiliterOrder
+        cpuFiliterOrder,
       };
       this.worker!.postMessage(msg);
       this.worker!.onmessage = (event: MessageEvent) => {
@@ -212,7 +205,7 @@ export class TabPaneFrequencySample extends BaseElement {
         //当busyTimebutton的状态为true但busyTime的计算未完成时
         if (this.frequencySampleClickType) {
           this.handleClick(this.frequencySampleSortKey, this.frequencySampleClickType);
-        };
+        }
         this.worker!.terminate();
       };
     }
@@ -245,7 +238,7 @@ export class TabPaneFrequencySample extends BaseElement {
           counter: 'Cpu ' + item.cpu,
           valueStr: ColorUtils.formatNumberComma(item.value),
           busyTimeStr: '-',
-          busyTime: 0
+          busyTime: 0,
         });
       }
     });
@@ -254,7 +247,9 @@ export class TabPaneFrequencySample extends BaseElement {
   //点击按钮控制busyTime显示与否
   handleClick(key: string, type: boolean) {
     let res = new Array();
-    if (this.freqResult.length == 0) return;
+    if (this.freqResult.length == 0) {
+      return;
+    }
     //当busyTime的值计算完毕后进入if判断
     if (this.busyTimeLoadingHide) {
       this.busyTimeLoadingHide = false;
@@ -265,8 +260,8 @@ export class TabPaneFrequencySample extends BaseElement {
     if (this.freqBusyDataList.length > 0) {
       this.frequencySampleTbl!.recycleDataSource.forEach((value) => {
         value.busyTimeStr = type ? value.busyTime : '-';
-        res.push(value)
-      })
+        res.push(value);
+      });
       this.frequencySampleTbl!.recycleDataSource = res;
     }
   }
diff --git a/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqDataCut.ts b/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqDataCut.ts
index 55bd1b18ca2c89b33daf1174fce11d46ee6307cf..4551fab84c4c6e9f8006c91a260506ff4ac1c268 100644
--- a/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqDataCut.ts
+++ b/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqDataCut.ts
@@ -114,6 +114,39 @@ export class TabPaneFreqDataCut extends BaseElement {
                         }
                         // 深拷贝，用来进行数据切割操作，避免数据污染
                         this.initData = JSON.parse(JSON.stringify(resultList));
+                        //合并同一线程内，当运行所在cpu和频点相同时，dur及percent进行累加求和，或许可以进行算法优化
+                        for (let i = 0; i < resultList.length; i++) {
+                            for (let j = i + 1; j < resultList.length; j++) {
+                                if (resultList[i].cpu == resultList[j].cpu && resultList[i].freq == resultList[j].freq) {
+                                    resultList[i].dur += resultList[j].dur;
+                                    resultList[i].percent += resultList[j].percent;
+                                    resultList[i].count += resultList[j].count;
+                                    resultList.splice(j, 1);
+                                    j--;
+                                }
+                            }
+                            resultList[i].percent = Number((resultList[i].percent).toFixed(2));
+                            resultList[i].ts = (resultList[i].ts * tsMutiple - threadStatesParam.recordStartNs) / tsMutiple;
+                        }
+                        finalResultArr[0].children.sort((a: any, b: any) => a.cpu - b.cpu);
+                        // 转成树结构数据进行展示
+                        for (let i = 0; i < finalResultArr[0].children.length; i++) {
+                            for (let j = 0; j < resultList.length; j++) {
+                                if (finalResultArr[0].children[i].cpu == resultList[j].cpu) {
+                                    finalResultArr[0].children[i].children.push(resultList[j]);
+                                    finalResultArr[0].children[i].dur += resultList[j].dur;
+                                    finalResultArr[0].children[i].percent += resultList[j].percent;
+                                    finalResultArr[0].children[i].count += resultList[j].count;
+                                    resultList.splice(j, 1);
+                                    j--;
+                                }
+                            }
+                            finalResultArr[0].children[i].percent = finalResultArr[0].children[i].percent.toFixed(2);
+                            finalResultArr[0].dur += finalResultArr[0].children[i].dur;
+                            finalResultArr[0].count += finalResultArr[0].children[i].count;
+                        }
+                        this.threadStatesTblSource = finalResultArr;
+                        this.threadStatesTbl!.recycleDataSource = finalResultArr;
                     } else {
                         this.threadStatesTblSource = [];
                         this.threadStatesTbl!.recycleDataSource = [];
@@ -203,8 +236,8 @@ export class TabPaneFreqDataCut extends BaseElement {
         let tableValue: any = this.threadStatesTbl;
         tableValue.value = [];
         if (/^[0-9]*$/.test(threadIdValue)) {
-            querySearchFuncData(threadFuncName, Number(threadIdValue), leftNS, rightNS).then(res => {
-                let display = JSON.parse(JSON.stringify(resultList));
+            querySearchFuncData(threadFuncName, threadIdValue, leftNS, rightNS).then(res => {
+                let displayArr = JSON.parse(JSON.stringify(resultList));
                 let timeDur = this.currentSelectionParam.recordStartNs;
                 let cutArr = new Array();
                 // 根据线程id及方法名获取的数据，处理后用作切割时间依据，时间跨度为整个方法开始时间到末个方法开始时间
@@ -215,9 +248,8 @@ export class TabPaneFreqDataCut extends BaseElement {
                 let finalArr = new Array();
                 let finalResultArr = new Array();
                 const tsMutiple = 1000000000;
-                finalResultArr.push({ 'thread': display[0].thread, 'ts': '', 'count': 0, 'cpu': '', 'freq': '', 'dur': 0, 'percent': 0, 'state': 'Running', children: new Array() });
+                finalResultArr.push({ 'thread': displayArr[0].thread, 'ts': '', 'count': 0, 'cpu': '', 'freq': '', 'dur': 0, 'percent': 0, 'state': 'Running', children: new Array() });
                 for (let i = 0; i < cutArr.length - 1; i++) {
-                    let displayArr = JSON.parse(JSON.stringify(display));
                     for (let j = 0; j < displayArr.length; j++) {
                         displayArr[j].ts = displayArr[j].ts * tsMutiple;
                         if (displayArr[j].ts >= cutArr[i].ts) {
@@ -272,8 +304,8 @@ export class TabPaneFreqDataCut extends BaseElement {
         let tableValue: any = this.threadStatesTbl;
         tableValue.value = [];
         if (/^[0-9]*$/.test(threadIdValue)) {
-            querySearchFuncData(threadFuncName, Number(threadIdValue), leftNS, rightNS).then(result => {
-                let [...target] = JSON.parse(JSON.stringify(resultList));
+            querySearchFuncData(threadFuncName, threadIdValue, leftNS, rightNS).then(result => {
+                let [...targetList] = JSON.parse(JSON.stringify(resultList));
                 let timeDur = this.currentSelectionParam.recordStartNs;
                 let dealArr = new Array();
                 for (let i of result) {
@@ -282,11 +314,10 @@ export class TabPaneFreqDataCut extends BaseElement {
                     }
                 }
                 let finalResultArr = new Array();
-                finalResultArr.push({ 'thread': target[0].thread, 'ts': '', 'count': 0, 'cpu': '', 'freq': '', 'dur': 0, 'percent': 0, 'state': 'Running', children: new Array() });
+                finalResultArr.push({ 'thread': targetList[0].thread, 'ts': '', 'count': 0, 'cpu': '', 'freq': '', 'dur': 0, 'percent': 0, 'state': 'Running', children: new Array() });
                 let resList = new Array();
                 const tsMutiple = 1000000000;
                 for (let i = 0; i < dealArr.length; i++) {
-                    let targetList = JSON.parse(JSON.stringify(target));
                     for (let j = 0; j < targetList.length; j++) {
                         targetList[j].ts = targetList[j].ts * tsMutiple;
                         if (dealArr[i].ts < targetList[j].ts) {
diff --git a/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts b/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts
index 8c75ee2fd0963ae698c9bce66c69879e540c2c6d..d0301e1c7caea81794dce3f1668ae2faaa7cc91c 100644
--- a/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts
+++ b/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts
@@ -16,142 +16,213 @@
 import { BaseElement, element } from '../../../../../base-ui/BaseElement.js';
 import { LitTable } from '../../../../../base-ui/table/lit-table';
 import { SelectionData, SelectionParam } from '../../../../bean/BoxSelection';
-import '../../../StackBar.js'
+import '../../../StackBar.js';
 import { getTabRunningPercent, queryCpuFreqUsageData, queryCpuFreqFilterId } from '../../../../database/SqlLite.js';
 import { Utils } from '../../base/Utils.js';
 import { resizeObserver } from '../SheetUtils.js';
 
 @element('tabpane-frequsage')
 export class TabPaneFreqUsage extends BaseElement {
-    private threadStatesTbl: LitTable | null | undefined;
-    private threadStatesTblSource: Array<SelectionData> = [];
-    private currentSelectionParam: Selection | undefined;
+  private threadStatesTbl: LitTable | null | undefined;
+  private threadStatesTblSource: Array<SelectionData> = [];
+  private currentSelectionParam: Selection | undefined;
 
-    set data(threadStatesParam: SelectionParam | any) {
-        if (this.currentSelectionParam === threadStatesParam) {
-            return;
-        }
-        this.currentSelectionParam = threadStatesParam;
-        this.threadStatesTblSource = [];
-        this.threadStatesTbl!.recycleDataSource = [];
-        let tableValue:any = this.threadStatesTbl;
-        tableValue.value = [];
-        getTabRunningPercent(threadStatesParam.threadIds, threadStatesParam.leftNs, threadStatesParam.rightNs).then((result) => {
-            queryCpuFreqFilterId().then(r => {
-                let IdMap = new Map();
-                let queryId = new Array();
-                for (let i = 0; i < r.length; i++) {
-                    queryId.push(r[i].id);
-                    IdMap.set(r[i].id, r[i].cpu);
+  set data(threadStatesParam: SelectionParam | any) {
+    if (this.currentSelectionParam === threadStatesParam) {
+      return;
+    }
+    this.currentSelectionParam = threadStatesParam;
+    this.threadStatesTblSource = [];
+    this.threadStatesTbl!.recycleDataSource = [];
+    let tableValue: any = this.threadStatesTbl;
+    tableValue.value = [];
+    getTabRunningPercent(threadStatesParam.threadIds, threadStatesParam.leftNs, threadStatesParam.rightNs).then(
+      (result) => {
+        queryCpuFreqFilterId().then((r) => {
+          let IdMap = new Map();
+          let queryId = new Array();
+          for (let i = 0; i < r.length; i++) {
+            queryId.push(r[i].id);
+            IdMap.set(r[i].id, r[i].cpu);
+          }
+          queryCpuFreqUsageData(queryId).then((res) => {
+            if (result != null && result.length > 0) {
+              let sum = 0;
+              let dealArr = new Array();
+              for (let i of res) {
+                dealArr.push({
+                  startNS: i.startNS + threadStatesParam.recordStartNs,
+                  dur: i.dur,
+                  value: i.value,
+                  cpu: IdMap.get(i.filter_id),
+                });
+              }
+              let targetList = new Array();
+              let cpuArr = new Array();
+              let finalResultArr = new Array();
+              finalResultArr.push({
+                thread: '',
+                count: 0,
+                cpu: '',
+                freq: '',
+                dur: 0,
+                percent: '100.00',
+                state: 'Running',
+                children: new Array(),
+              });
+              for (let e of result) {
+                if (threadStatesParam.processIds.includes(e.pid) && e.state == 'Running') {
+                  let process = Utils.PROCESS_MAP.get(e.pid);
+                  let thread = Utils.THREAD_MAP.get(e.tid);
+                  e.process = process == null || process.length == 0 ? '[NULL]' : process;
+                  e.thread = thread == null || thread.length == 0 ? '[NULL]' : thread;
+                  e.stateJX = e.state;
+                  e.state = Utils.getEndState(e.stateJX);
+                  sum += e.dur;
+                  targetList.push(e);
+                  if (!cpuArr.includes(e.cpu)) {
+                    cpuArr.push(e.cpu);
+                    finalResultArr[0].thread =
+                      finalResultArr[0].thread == '' ? e.tid + '_' + e.thread : finalResultArr[0].thread;
+                    finalResultArr[0].children.push({
+                      thread: e.tid + '_' + e.thread,
+                      count: 0,
+                      cpu: e.cpu,
+                      freq: '',
+                      dur: 0,
+                      percent: 0,
+                      state: 'Running',
+                      children: new Array(),
+                    });
+                  }
                 }
-                queryCpuFreqUsageData(queryId).then((res) => {
-                    if (result != null && result.length > 0) {
-                        let sum = 0;
-                        let dealArr = new Array();
-                        for (let i of res) {
-                            dealArr.push({ 'startNS': i.startNS + threadStatesParam.recordStartNs, 'dur': i.dur, 'value': i.value, 'cpu': IdMap.get(i.filter_id) });
-                        }
-                        let targetList = new Array();
-                        let cpuArr = new Array();
-                        let finalResultArr = new Array();
-                        finalResultArr.push({ 'thread': '', 'count': 0, 'cpu': '', 'freq': '', 'dur': 0, 'percent': '100.00', 'state': 'Running', children: new Array() });
-                        for (let e of result) {
-                            if (threadStatesParam.processIds.includes(e.pid) && e.state == 'Running') {
-                                let process = Utils.PROCESS_MAP.get(e.pid);
-                                let thread = Utils.THREAD_MAP.get(e.tid);
-                                e.process = process == null || process.length == 0 ? '[NULL]' : process;
-                                e.thread = thread == null || thread.length == 0 ? '[NULL]' : thread;
-                                e.stateJX = e.state;
-                                e.state = Utils.getEndState(e.stateJX);
-                                sum += e.dur;
-                                targetList.push(e);
-                                if (!cpuArr.includes(e.cpu)) {
-                                    cpuArr.push(e.cpu);
-                                    finalResultArr[0].thread = finalResultArr[0].thread == '' ? e.tid + '_' + e.thread : finalResultArr[0].thread;
-                                    finalResultArr[0].children.push({ 'thread': e.tid + '_' + e.thread, 'count': 0, 'cpu': e.cpu, 'freq': '', 'dur': 0, 'percent': 0, 'state': 'Running', children: new Array() });
-                                }
-                            }
-                        }
-                        let resultList = new Array();
-                        for (let i = 0; i < targetList.length; i++) {
-                            for (let j = 0; j < dealArr.length; j++) {
-                                if (targetList[i].cpu == dealArr[j].cpu) {
-                                    if (targetList[i].ts > dealArr[j].startNS) {
-                                        if (targetList[i].ts < (dealArr[j].startNS + dealArr[j].dur)) {
-                                            if (targetList[i].dur < (dealArr[j].startNS + dealArr[j].dur - targetList[i].ts)) {
-                                                resultList.push({ 'thread': targetList[i].tid + '_' + targetList[i].thread, 'count': (dealArr[j].value * targetList[i].dur) / 1000, 'cpu': targetList[i].cpu, 'freq': dealArr[j].value, 'dur': targetList[i].dur, 'percent': targetList[i].dur / sum * 100, 'state': 'Running', 'ts': targetList[i].ts });
-                                                break;
-                                            } else {
-                                                resultList.push({ 'thread': targetList[i].tid + '_' + targetList[i].thread, 'count': (dealArr[j].value * (dealArr[j].startNS + dealArr[j].dur - targetList[i].ts)) / 1000, 'cpu': targetList[i].cpu, 'freq': dealArr[j].value, 'dur': (dealArr[j].startNS + dealArr[j].dur - targetList[i].ts), 'percent': (dealArr[j].startNS + dealArr[j].dur - targetList[i].ts) / sum * 100, 'state': 'Running', 'ts': targetList[i].ts });
-                                            }
-                                        }
-                                    } else {
-                                        if ((targetList[i].ts + targetList[i].dur) > dealArr[j].startNS) {
-                                            if ((targetList[i].dur + targetList[i].ts - dealArr[j].startNS) < dealArr[j].dur) {
-                                                resultList.push({ 'thread': targetList[i].tid + '_' + targetList[i].thread, 'count': (dealArr[j].value * (targetList[i].dur + targetList[i].ts - dealArr[j].startNS)) / 1000, 'cpu': targetList[i].cpu, 'freq': dealArr[j].value, 'dur': (targetList[i].dur + targetList[i].ts - dealArr[j].startNS), 'percent': (targetList[i].dur + targetList[i].ts - dealArr[j].startNS) / sum * 100, 'state': 'Running', 'ts': dealArr[j].startNS });
-                                                break;
-                                            } else {
-                                                resultList.push({ 'thread': targetList[i].tid + '_' + targetList[i].thread, 'count': (dealArr[j].value * dealArr[j].dur) / 1000, 'cpu': targetList[i].cpu, 'freq': dealArr[j].value, 'dur': dealArr[j].dur, 'percent': dealArr[j].dur / sum * 100, 'state': 'Running', 'ts': dealArr[j].startNS });
-                                            }
-                                        } else {
-                                            resultList.push({ 'thread': targetList[i].tid + '_' + targetList[i].thread, 'count': 0, 'cpu': targetList[i].cpu, 'freq': 'unknown', 'dur': targetList[i].dur, 'percent': targetList[i].dur / sum * 100, 'state': 'Running', 'ts': targetList[i].ts });
-                                            break;
-                                        }
-                                    }
-                                }
-                            }
+              }
+              let resultList = new Array();
+              for (let i = 0; i < targetList.length; i++) {
+                for (let j = 0; j < dealArr.length; j++) {
+                  if (targetList[i].cpu == dealArr[j].cpu) {
+                    if (targetList[i].ts > dealArr[j].startNS) {
+                      if (targetList[i].ts < dealArr[j].startNS + dealArr[j].dur) {
+                        if (targetList[i].dur < dealArr[j].startNS + dealArr[j].dur - targetList[i].ts) {
+                          resultList.push({
+                            thread: targetList[i].tid + '_' + targetList[i].thread,
+                            count: (dealArr[j].value * targetList[i].dur) / 1000,
+                            cpu: targetList[i].cpu,
+                            freq: dealArr[j].value,
+                            dur: targetList[i].dur,
+                            percent: (targetList[i].dur / sum) * 100,
+                            state: 'Running',
+                            ts: targetList[i].ts,
+                          });
+                          break;
+                        } else {
+                          resultList.push({
+                            thread: targetList[i].tid + '_' + targetList[i].thread,
+                            count: (dealArr[j].value * (dealArr[j].startNS + dealArr[j].dur - targetList[i].ts)) / 1000,
+                            cpu: targetList[i].cpu,
+                            freq: dealArr[j].value,
+                            dur: dealArr[j].startNS + dealArr[j].dur - targetList[i].ts,
+                            percent: ((dealArr[j].startNS + dealArr[j].dur - targetList[i].ts) / sum) * 100,
+                            state: 'Running',
+                            ts: targetList[i].ts,
+                          });
                         }
-                        //合并同一线程内，当运行所在cpu和频点相同时，dur及percent进行累加求和，或许可以进行算法优化
-                        for (let i = 0; i < resultList.length; i++) {
-                            for (let j = i + 1; j < resultList.length; j++) {
-                                if (resultList[i].cpu == resultList[j].cpu && resultList[i].freq == resultList[j].freq) {
-                                    resultList[i].dur += resultList[j].dur;
-                                    resultList[i].percent += resultList[j].percent;
-                                    resultList[i].count += resultList[j].count;
-                                    resultList.splice(j, 1);
-                                    j--;
-                                }
-                            }
-                            resultList[i].percent = Number((resultList[i].percent).toFixed(2));
-                            resultList[i].ts = resultList[i].ts - threadStatesParam.recordStartNs;
-                        }
-                        finalResultArr[0].children.sort((a: any, b: any) => a.cpu - b.cpu);
-                        // 转成树结构数据进行展示
-                        for (let i = 0; i < finalResultArr[0].children.length; i++) {
-                            for (let j = 0; j < resultList.length; j++) {
-                                if (finalResultArr[0].children[i].cpu == resultList[j].cpu) {
-                                    finalResultArr[0].children[i].children.push(resultList[j]);
-                                    finalResultArr[0].children[i].dur += resultList[j].dur;
-                                    finalResultArr[0].children[i].percent += resultList[j].percent;
-                                    finalResultArr[0].children[i].count += resultList[j].count;
-                                    resultList.splice(j, 1);
-                                    j--;
-                                }
-                            }
-                            finalResultArr[0].children[i].percent = finalResultArr[0].children[i].percent.toFixed(2);
-                            finalResultArr[0].dur += finalResultArr[0].children[i].dur;
-                            finalResultArr[0].count += finalResultArr[0].children[i].count;
-                        }
-                        this.threadStatesTblSource = finalResultArr;
-                        this.threadStatesTbl!.recycleDataSource = finalResultArr;
+                      }
                     } else {
-                        this.threadStatesTblSource = [];
-                        this.threadStatesTbl!.recycleDataSource = [];
+                      if (targetList[i].ts + targetList[i].dur > dealArr[j].startNS) {
+                        if (targetList[i].dur + targetList[i].ts - dealArr[j].startNS < dealArr[j].dur) {
+                          resultList.push({
+                            thread: targetList[i].tid + '_' + targetList[i].thread,
+                            count:
+                              (dealArr[j].value * (targetList[i].dur + targetList[i].ts - dealArr[j].startNS)) / 1000,
+                            cpu: targetList[i].cpu,
+                            freq: dealArr[j].value,
+                            dur: targetList[i].dur + targetList[i].ts - dealArr[j].startNS,
+                            percent: ((targetList[i].dur + targetList[i].ts - dealArr[j].startNS) / sum) * 100,
+                            state: 'Running',
+                            ts: dealArr[j].startNS,
+                          });
+                          break;
+                        } else {
+                          resultList.push({
+                            thread: targetList[i].tid + '_' + targetList[i].thread,
+                            count: (dealArr[j].value * dealArr[j].dur) / 1000,
+                            cpu: targetList[i].cpu,
+                            freq: dealArr[j].value,
+                            dur: dealArr[j].dur,
+                            percent: (dealArr[j].dur / sum) * 100,
+                            state: 'Running',
+                            ts: dealArr[j].startNS,
+                          });
+                        }
+                      } else {
+                        resultList.push({
+                          thread: targetList[i].tid + '_' + targetList[i].thread,
+                          count: 0,
+                          cpu: targetList[i].cpu,
+                          freq: 'unknown',
+                          dur: targetList[i].dur,
+                          percent: (targetList[i].dur / sum) * 100,
+                          state: 'Running',
+                          ts: targetList[i].ts,
+                        });
+                        break;
+                      }
                     }
-                });
-            });
-
-        })
-    }
-    initElements(): void {
-        this.threadStatesTbl = this.shadowRoot?.querySelector<LitTable>('#tb-running-percent');
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        resizeObserver(this.parentElement!, this.threadStatesTbl!);
-    }
-    initHtml(): string {
-        return `
+                  }
+                }
+              }
+              //合并同一线程内，当运行所在cpu和频点相同时，dur及percent进行累加求和，或许可以进行算法优化
+              for (let i = 0; i < resultList.length; i++) {
+                for (let j = i + 1; j < resultList.length; j++) {
+                  if (resultList[i].cpu == resultList[j].cpu && resultList[i].freq == resultList[j].freq) {
+                    resultList[i].dur += resultList[j].dur;
+                    resultList[i].percent += resultList[j].percent;
+                    resultList[i].count += resultList[j].count;
+                    resultList.splice(j, 1);
+                    j--;
+                  }
+                }
+                resultList[i].percent = Number(resultList[i].percent.toFixed(2));
+                resultList[i].ts = resultList[i].ts - threadStatesParam.recordStartNs;
+              }
+              finalResultArr[0].children.sort((a: any, b: any) => a.cpu - b.cpu);
+              // 转成树结构数据进行展示
+              for (let i = 0; i < finalResultArr[0].children.length; i++) {
+                for (let j = 0; j < resultList.length; j++) {
+                  if (finalResultArr[0].children[i].cpu == resultList[j].cpu) {
+                    finalResultArr[0].children[i].children.push(resultList[j]);
+                    finalResultArr[0].children[i].dur += resultList[j].dur;
+                    finalResultArr[0].children[i].percent += resultList[j].percent;
+                    finalResultArr[0].children[i].count += resultList[j].count;
+                    resultList.splice(j, 1);
+                    j--;
+                  }
+                }
+                finalResultArr[0].children[i].percent = finalResultArr[0].children[i].percent.toFixed(2);
+                finalResultArr[0].dur += finalResultArr[0].children[i].dur;
+                finalResultArr[0].count += finalResultArr[0].children[i].count;
+              }
+              this.threadStatesTblSource = finalResultArr;
+              this.threadStatesTbl!.recycleDataSource = finalResultArr;
+            } else {
+              this.threadStatesTblSource = [];
+              this.threadStatesTbl!.recycleDataSource = [];
+            }
+          });
+        });
+      }
+    );
+  }
+  initElements(): void {
+    this.threadStatesTbl = this.shadowRoot?.querySelector<LitTable>('#tb-running-percent');
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    resizeObserver(this.parentElement!, this.threadStatesTbl!);
+  }
+  initHtml(): string {
+    return `
         <style>
         :host{
             padding: 10px 10px;
@@ -175,7 +246,6 @@ export class TabPaneFreqUsage extends BaseElement {
             <lit-table-column class="running-percent-column" width="240px" title="State" data-index="state" key="state" align="flex-start">
             </lit-table-column>
         </lit-table>
-        `
-    }
-
-}
\ No newline at end of file
+        `;
+  }
+}
diff --git a/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogSummary.ts b/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogSummary.ts
index 3034a973c4d6cc9a126777a56fa62adb0ed6c848..be4531768fbd5674a544156994deb6242c6c5b84 100644
--- a/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogSummary.ts
+++ b/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogSummary.ts
@@ -24,7 +24,6 @@ import { LitIcon } from '../../../../../base-ui/icon/LitIcon.js';
 export class TabPaneHiLogSummary extends BaseElement {
   private logSummaryTable: HTMLDivElement | undefined | null;
   private summaryDownLoadTbl: LitTable | undefined | null;
-  private parentTabEl: HTMLElement | undefined | null;
   private systemLogSource: LogStruct[] = [];
   private logTreeNodes: LogTreeNode[] = [];
   private expansionDiv: HTMLDivElement | undefined | null;
@@ -46,7 +45,7 @@ export class TabPaneHiLogSummary extends BaseElement {
     this.expansionDownIcon!.name = 'down';
     this.logSummaryTable!.innerHTML = '';
     this.summaryDownLoadTbl!.recycleDataSource = [];
-    this.systemLogSource = systemLogDetailParam.hiLogSummary;
+    this.systemLogSource = systemLogDetailParam.hiLogs;
     if (this.systemLogSource?.length !== 0 && systemLogDetailParam) {
       this.refreshRowNodeTable();
     }
@@ -59,14 +58,20 @@ export class TabPaneHiLogSummary extends BaseElement {
     this.expansionUpIcon = this.shadowRoot?.querySelector<LitIcon>('.expansion-up-icon');
     this.expansionDownIcon = this.shadowRoot?.querySelector<LitIcon>('.expansion-down-icon');
     let summaryTreeLevel: string[] = ['Level', '/Process', '/Tag', '/Message'];
-    this.shadowRoot?.querySelectorAll<HTMLLabelElement>('.head-label').forEach((summaryTreeHead) => {
-      summaryTreeHead.addEventListener('click', () => {
+    this.shadowRoot?.querySelectorAll<HTMLLabelElement>('.head-label').forEach((summaryTreeHead): void => {
+      summaryTreeHead.addEventListener('click', (): void => {
         this.selectTreeDepth = summaryTreeLevel.indexOf(summaryTreeHead.textContent!);
         this.expandedNodeList.clear();
         this.refreshSelectDepth(this.logTreeNodes);
         this.refreshRowNodeTable(true);
       });
     });
+    this.logSummaryTable!.onscroll = (): void=>{
+      let logTreeTableEl = this.shadowRoot?.querySelector<HTMLDivElement>('.log-tree-table');
+      if (logTreeTableEl) {
+        logTreeTableEl.scrollTop = this.logSummaryTable?.scrollTop || 0;
+      }
+    };
   }
 
   initHtml(): string {
@@ -76,37 +81,55 @@ export class TabPaneHiLogSummary extends BaseElement {
           display: flex;
           flex-direction: column;
         }
-        .tree-row-tr, .tab-summary-head {
+        .tab-summary-head {
+          display: grid;
+          grid-template-columns: 79% 15%;
+          height: 30px;
+          line-height: 30px;
+          align-items: center;
+          background-color: white;
+        }
+        .tree-row-tr {
           display: flex;
           height: 30px;
           line-height: 30px;
           align-items: center;
           background-color: white;
+          width: 100%;
         }
         .tree-row-tr:hover {
           background-color: #DEEDFF;
         }
-        td, .head-label, .head-count {
+        .head-label, .head-count {
           white-space: nowrap;
           overflow: hidden;
         }
         .head-label, .head-count {
           font-weight: bold;
         }
-        .count-column-td, .head-count {
-          margin-left: auto;
-          margin-right: 40%;
-        }
         .row-name-td {
           white-space: nowrap;
-          overflow-x: scroll;
           overflow-y: hidden;
           display: inline-block;
           margin-right: 15px;
+          height: 30px;
+        }
+        tr {
+          height: 30px;
         }
         .row-name-td::-webkit-scrollbar {
           display: none;
         }
+        .log-tree-table {
+          display: grid;
+          overflow: hidden;
+          grid-template-rows: repeat(auto-fit, 30px);
+          position: sticky;
+          top: 0;
+        }
+        .log-tree-table:hover{
+          overflow-x: auto;
+        }
         </style>
         <div class="tab-summary-head">
           <div style="justify-content: flex-start; display: flex">
@@ -121,7 +144,7 @@ export class TabPaneHiLogSummary extends BaseElement {
           </div>
           <label class="head-count">Count</label> 
         </div>
-        <div id="tab-summary" style="overflow: auto"></div>
+        <div id="tab-summary" style="overflow: auto;display: grid; grid-template-columns: 80% 15%;"></div>
         <lit-table id="tb-hilog-summary" style="display: none" tree>
           <lit-table-column title="Level/Process/Tag/Message" data-index="logName" key="logName"></lit-table-column>
           <lit-table-column title="Count" data-index="count" key="count"></lit-table-column>
@@ -129,20 +152,21 @@ export class TabPaneHiLogSummary extends BaseElement {
         `;
   }
 
-  connectedCallback() {
+  connectedCallback(): void {
     super.connectedCallback();
-    new ResizeObserver(() => {
+    new ResizeObserver((): void => {
+      this.parentElement!.style.overflow = 'hidden';
       this.refreshRowNodeTable();
     }).observe(this.parentElement!);
     this.expansionDiv?.addEventListener('click', this.expansionClickEvent);
   }
 
-  disconnectedCallback() {
+  disconnectedCallback(): void {
     super.disconnectedCallback();
     this.expansionDiv?.removeEventListener('click', this.expansionClickEvent);
   }
 
-  expansionClickEvent = () => {
+  expansionClickEvent = (): void => {
     this.expandedNodeList.clear();
     if (this.expansionUpIcon?.name === 'down') {
       this.selectTreeDepth = 0;
@@ -157,8 +181,8 @@ export class TabPaneHiLogSummary extends BaseElement {
     this.refreshRowNodeTable(true);
   };
 
-  private refreshSelectDepth(logTreeNodes: LogTreeNode[]) {
-    logTreeNodes.forEach((item) => {
+  private refreshSelectDepth(logTreeNodes: LogTreeNode[]): void {
+    logTreeNodes.forEach((item): void => {
       if (item.depth < this.selectTreeDepth) {
         this.expandedNodeList.add(item.id);
         if (item.children.length > 0) {
@@ -168,25 +192,24 @@ export class TabPaneHiLogSummary extends BaseElement {
     });
   }
 
-  initTabSheetEl(parentTabEl: HTMLElement) {
-    this.parentTabEl = parentTabEl;
-  }
-
-  private createRowNodeTableEL(rowNodeList: LogTreeNode[], rowColor: string = ''): DocumentFragment {
+  private createRowNodeTableEL(rowNodeList: LogTreeNode[], tableTreeEl: HTMLDivElement, tableCountEl: HTMLDivElement, rowColor: string = ''): void {
     let unitPadding: number = 20;
     let leftPadding: number = 5;
-    let tableFragmentEl: DocumentFragment = document.createDocumentFragment();
-    rowNodeList.forEach((rowNode) => {
-      let tableRowEl: HTMLElement = document.createElement('tr');
-      tableRowEl.className = 'tree-row-tr';
+    rowNodeList.forEach((rowNode): void => {
+      let tableTreeRowEl: HTMLElement = document.createElement('tr');
+      tableTreeRowEl.className = 'tree-row-tr';
+      tableTreeRowEl.title = rowNode.logName + '';
       let leftSpacingEl: HTMLElement = document.createElement('td');
       leftSpacingEl.style.paddingLeft = `${rowNode.depth * unitPadding + leftPadding}px`;
-      tableRowEl.appendChild(leftSpacingEl);
-      this.addToggleIconEl(rowNode, tableRowEl);
+      tableTreeRowEl.appendChild(leftSpacingEl);
+      this.addToggleIconEl(rowNode, tableTreeRowEl);
       let rowNodeTextEL: HTMLElement = document.createElement('td');
-      rowNodeTextEL.textContent = rowNode.logName!;
+      rowNodeTextEL.textContent = rowNode.logName + '';
       rowNodeTextEL.className = 'row-name-td';
-      tableRowEl.appendChild(rowNodeTextEL);
+      tableTreeRowEl.appendChild(rowNodeTextEL);
+      tableTreeEl.appendChild(tableTreeRowEl);
+      let tableCountRowEl: HTMLElement = document.createElement('tr');
+      tableCountRowEl.title = rowNode.count.toString();
       let countEL: HTMLElement = document.createElement('td');
       countEL.textContent = rowNode.count.toString();
       countEL.className = 'count-column-td';
@@ -197,14 +220,12 @@ export class TabPaneHiLogSummary extends BaseElement {
         rowNodeTextEL.style.color = rowColor;
         countEL.style.color = rowColor;
       }
-      tableRowEl.appendChild(countEL);
-      tableFragmentEl.appendChild(tableRowEl);
+      tableCountRowEl.appendChild(countEL);
+      tableCountEl.appendChild(tableCountRowEl);
       if (rowNode.children && this.expandedNodeList.has(rowNode.id)) {
-        let documentFragment = this.createRowNodeTableEL(rowNode.children, countEL.style.color);
-        tableFragmentEl.appendChild(documentFragment);
+        this.createRowNodeTableEL(rowNode.children, tableTreeEl, tableCountEl, countEL.style.color);
       }
     });
-    return tableFragmentEl;
   }
 
   private addToggleIconEl(rowNode: LogTreeNode, tableRowEl: HTMLElement): void {
@@ -216,7 +237,7 @@ export class TabPaneHiLogSummary extends BaseElement {
       // @ts-ignore
       expandIcon.name = this.expandedNodeList.has(rowNode.id) ? 'minus-square' : 'plus-square';
       toggleIconEl.classList.add('expand-icon');
-      toggleIconEl.addEventListener('click', () => {
+      toggleIconEl.addEventListener('click', (): void => {
         let scrollTop = this.logSummaryTable?.scrollTop ?? 0;
         this.changeNode(rowNode.id);
         this.logSummaryTable!.scrollTop = scrollTop;
@@ -236,8 +257,8 @@ export class TabPaneHiLogSummary extends BaseElement {
 
   private refreshRowNodeTable(useCacheRefresh: boolean = false): void {
     this.logSummaryTable!.innerHTML = '';
-    if (this.logSummaryTable && this.parentTabEl) {
-      this.logSummaryTable.style.height = `${this.parentTabEl!.clientHeight - 30}px`;
+    if (this.logSummaryTable && this.parentElement) {
+      this.logSummaryTable.style.height = `${this.parentElement!.clientHeight - 30}px`;
     }
     if (!useCacheRefresh) {
       this.logTreeNodes = this.buildTreeTblNodes(this.systemLogSource);
@@ -247,8 +268,17 @@ export class TabPaneHiLogSummary extends BaseElement {
         this.summaryDownLoadTbl!.recycleDataSource = [];
       }
     }
-    let fragment = this.createRowNodeTableEL(this.logTreeNodes);
-    this.logSummaryTable!.appendChild(fragment);
+    let tableFragmentEl: DocumentFragment = document.createDocumentFragment();
+    let tableTreeEl: HTMLDivElement = document.createElement('div');
+    tableTreeEl.className = 'log-tree-table';
+    let tableCountEl: HTMLDivElement = document.createElement('div');
+    if (this.parentElement) {
+      tableTreeEl.style.height = `${this.parentElement!.clientHeight - 40}px`;
+    }
+    this.createRowNodeTableEL(this.logTreeNodes, tableTreeEl, tableCountEl, '');
+    tableFragmentEl.appendChild(tableTreeEl);
+    tableFragmentEl.appendChild(tableCountEl);
+    this.logSummaryTable!.appendChild(tableFragmentEl);
   }
 
   private buildTreeTblNodes(logTreeNodes: LogStruct[]): LogTreeNode[] {
diff --git a/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts b/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts
index 7ed87405ffbed34984bc5ac3f8eee84da004f8ac..9d235f3c9cce0f1a04b5ba142d88ce63730c9826 100644
--- a/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts
+++ b/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts
@@ -71,7 +71,7 @@ export class TabPaneHiLogs extends BaseElement {
     this.hiLogsTbl!.itemTextHandleMap.set('startTs', (startTs) => {
       return ns2Timestamp(startTs);
     });
-    this.hiLogsTbl!.addEventListener('row-hover', (e)=>{
+    this.hiLogsTbl!.addEventListener('row-hover', (e): void=>{
       // @ts-ignore
       let data = e.detail.data;
       if (data) {
@@ -85,22 +85,36 @@ export class TabPaneHiLogs extends BaseElement {
         this.traceSheetEl!.systemLogFlag = new Flag(Math.floor(pointX), 0, 0, 0, data.startTs!, '#999999', true, '');
         this.spSystemTrace?.refreshCanvas(false);
       }
-    })
+    });
     let tbl = this.hiLogsTbl?.shadowRoot?.querySelector<HTMLDivElement>('.table');
     tbl!.addEventListener('scroll', ()=>{
       this.tableTitleTimeHandle?.();
-    })
+    });
+    this.tagFilterDiv!.onclick = (ev): void => {
+      // @ts-ignore
+      let parentNode = ev.target.parentNode;
+      if (parentNode && this.tagFilterDiv!.contains(parentNode)) {
+        this.tagFilterDiv!.removeChild(parentNode);
+        this.allowTag['delete'](parentNode.textContent.trim().toLowerCase());
+      }
+      this.tableTimeHandle?.();
+    };
+    this.searchFilterInput!.oninput = (): void => {
+      this.tableTimeHandle?.();
+    };
+    this.processFilter!.oninput = (): void => {
+      this.tableTimeHandle?.();
+    };
+    this.levelFilterInput!.onchange = (): void => {
+      this.tableTimeHandle?.();
+    };
   }
 
   connectedCallback(): void {
     super.connectedCallback();
-    this.tagFilterInput?.addEventListener('input', this.tagFilterInputEvent);
     this.tagFilterInput?.addEventListener('keydown', this.tagFilterKeyEvent);
-    this.tagFilterDiv?.addEventListener('click', this.tagFilterDivClickEvent);
-    this.searchFilterInput?.addEventListener('input', this.searchFilterInputEvent);
-    this.processFilter?.addEventListener('input', this.processFilterEvent);
-    this.levelFilterInput?.addEventListener('change', this.levelFilterInputEvent);
-    new ResizeObserver(() => {
+    new ResizeObserver((): void => {
+      this.parentElement!.style.overflow = 'hidden';
       // @ts-ignore
       this.hiLogsTbl?.shadowRoot?.querySelector('.table').style.height = this.parentElement.clientHeight - 20 - 45 + 'px';
       this.tableTimeHandle?.();
@@ -110,12 +124,7 @@ export class TabPaneHiLogs extends BaseElement {
 
   disconnectedCallback(): void {
     super.disconnectedCallback();
-    this.tagFilterInput?.removeEventListener('input', this.tagFilterInputEvent);
     this.tagFilterInput?.removeEventListener('keydown', this.tagFilterKeyEvent);
-    this.tagFilterDiv?.removeEventListener('click', this.tagFilterDivClickEvent);
-    this.searchFilterInput?.removeEventListener('input', this.searchFilterInputEvent);
-    this.processFilter?.removeEventListener('input', this.processFilterEvent);
-    this.levelFilterInput?.removeEventListener('change', this.levelFilterInputEvent);
   }
 
   initHtml(): string {
@@ -176,7 +185,7 @@ export class TabPaneHiLogs extends BaseElement {
         allTdEl[0].style.color = '#3D88C7';
         allTdEl[0].style.textDecoration = 'underline';
         allTdEl[0].style.textDecorationColor = '#3D88C7';
-        trEl.addEventListener('mouseout', () => {
+        trEl.addEventListener('mouseout', (): void => {
           this.traceSheetEl!.systemLogFlag = undefined;
           this.spSystemTrace?.refreshCanvas(false);
         })
@@ -190,7 +199,7 @@ export class TabPaneHiLogs extends BaseElement {
       }
       let tableHeight = Number(tbl!.style.height.replace('px', '')) - tableHeadHeight;
       while (height < tableHeight) {
-        if (height + firstRowHeight > tableHeight) {
+        if (firstRowHeight <= 0 || height + firstRowHeight > tableHeight) {
           break;
         }
         height += firstRowHeight;
@@ -215,25 +224,12 @@ export class TabPaneHiLogs extends BaseElement {
     this.traceSheetEl = traceSheet;
     this.levelFilterInput!.selectedIndex = 0;
     this.tagFilterInput!.value = '';
-    this.tagFilterInput!.placeholder = 'Filter by tag...';
     this.tagFilterDiv!.innerHTML = '';
     this.allowTag.clear();
     this.processFilter!.value = '';
-    this.processFilter!.placeholder = 'Search process name...';
     this.searchFilterInput!.value = '';
-    this.searchFilterInput!.placeholder = 'Search message...';
   }
 
-  tagFilterInputEvent = (): void => {
-    if (this.tagFilterInput) {
-      if (this.tagFilterInput.value === '') {
-        this.tagFilterInput.placeholder = 'Filter by tag...';
-      } else {
-        this.tagFilterInput.placeholder = '';
-      }
-    }
-  };
-
   tagFilterKeyEvent = (e: KeyboardEvent): void => {
     let inputValue = this.tagFilterInput!.value.trim();
     if (e.code === 'Enter') {
@@ -265,42 +261,6 @@ export class TabPaneHiLogs extends BaseElement {
     this.tableTimeHandle?.();
   };
 
-  tagFilterDivClickEvent = (ev: Event): void => {
-    // @ts-ignore
-    let parentNode = ev.target.parentNode;
-    if (parentNode && this.tagFilterDiv!.contains(parentNode)) {
-      this.tagFilterDiv!.removeChild(parentNode);
-      this.allowTag['delete'](parentNode.textContent.trim().toLowerCase());
-    }
-    this.tableTimeHandle?.();
-  };
-
-  searchFilterInputEvent = (): void => {
-    if (this.searchFilterInput) {
-      if (this.searchFilterInput.value === '') {
-        this.searchFilterInput.placeholder = 'Search message...';
-      } else {
-        this.searchFilterInput.placeholder = '';
-      }
-    }
-    this.tableTimeHandle?.();
-  };
-
-  processFilterEvent = (): void => {
-    if (this.processFilter) {
-      if (this.processFilter.value === '') {
-        this.processFilter.placeholder = 'Search process name...';
-      } else {
-        this.processFilter.placeholder = '';
-      }
-    }
-    this.tableTimeHandle?.();
-  };
-
-  levelFilterInputEvent = (): void => {
-    this.tableTimeHandle?.();
-  };
-
   private updateFilterData(): void {
     if (this.systemLogSource?.length > 0) {
       this.filterData = this.systemLogSource.filter((data) => this.isFilterLog(data));
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPerfBinaryTree.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPerfBinaryTree.ts
deleted file mode 100644
index 78c8b033bb8c8b42808d66ac2ff69327a706a498..0000000000000000000000000000000000000000
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPerfBinaryTree.ts
+++ /dev/null
@@ -1,233 +0,0 @@
-/*
- * Copyright (C) 2022 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { BaseElement, element } from '../../../../../base-ui/BaseElement.js';
-import { SelectionParam } from '../../../../bean/BoxSelection.js';
-import { procedurePool } from '../../../../database/Procedure.js';
-
-@element('tabpane-perf-svg')
-export class TabpanePerfBinaryTree extends BaseElement {
-  private svgElement: SVGSVGElement | undefined;
-  private binaryTreeDate: any;
-  private nodeWidth: number = 100;
-  private nodeHeight: number = 50;
-  private nodeGap: number | undefined;
-  private pathOffset: number = 30;
-  private arrowSize: number = 6;
-  private searchValue: string = '';
-  private currentSelection: SelectionParam | undefined;
-
-  set data(perfProfilerSelection: SelectionParam | any) {
-    if (perfProfilerSelection === this.currentSelection) {
-      return;
-    }
-    this.searchValue = '';
-    this.currentSelection = perfProfilerSelection;
-    this.nodeGap = 100;
-    this.getDataByWorker(
-      [
-        {
-          funcName: 'setSearchValue',
-          funcArgs: [''],
-        },
-        {
-          funcName: 'getCurrentDataFromDb',
-          funcArgs: [perfProfilerSelection],
-        },
-      ],
-      (results: any[]) => {
-        // console.log(results,'111');
-        this.binaryTreeDate = results;
-        this.draw();
-      }
-    );
-  }
-
-  initElements(): void {
-    this.svgElement = this.shadowRoot?.querySelector('#binaryTreeSvg') as SVGSVGElement;
-
-  }
-
-  getDataByWorker(args: any[], handler: Function) {
-    procedurePool.submitWithName('logic0', 'perf-action', args, undefined, (results: any) => {
-      handler(results);
-
-    });
-  }
-
-  private draw(): void {
-    if (!this.binaryTreeDate) return;
-    //清空SVG
-    while (this.svgElement?.firstChild) {
-      this.svgElement.firstChild.remove();
-    }
-
-    //计算树的高度和每层节点数量
-    const treeWidth = this.getTreeWidth(this.binaryTreeDate);
-    const treeHeight = this.getTreeHeight(this.binaryTreeDate);
-
-    //计算根节点的位置
-    const rootX = (this.svgElement!.clientWidth - this.nodeWidth) / 2;
-    // console.log(this.svgElement!.clientWidth,'svg可视宽度');
-
-    const rootY = this.nodeGap!;
-
-    //绘制根节点
-    const rootNode = this.createNode(rootX, rootY, this.binaryTreeDate);
-    this.svgElement!.appendChild(rootNode);
-
-    //绘制子节点和连线
-    this.drawChildren(this.binaryTreeDate, rootX, rootY, treeWidth, treeHeight, 0, 0);
-  }
-
-  private drawChildren(
-    nodeData: any,
-    parentX: number,
-    parentY: number,
-    treeWidth: number,
-    treeHeight: number,
-    level: number,
-    index: number
-  ): void {
-    if (nodeData.length === 0) return;
-
-    //计算子节点的位置
-    const startX = parentX - (treeWidth / 2) + (this.nodeWidth + this.nodeGap!) * index;
-    const startY = parentY + this.nodeHeight + this.nodeGap!;
-
-    //循环遍历子节点
-    for (let i = 0; i < nodeData.length; i++) {
-      //计算子节点的x坐标
-      const childX = startX + (this.nodeWidth + this.nodeGap!) * i;
-      const childNode = this.createNode(childX, startY, nodeData[i]);
-      this.svgElement!.appendChild(childNode);
-
-      //绘制连线
-      const pathStartX = parentX + this.nodeWidth / 2;
-      const pathStartY = parentY + this.nodeHeight;
-      const pathEndX = childX + this.nodeWidth / 2;
-      const pathEndY = startY;
-      const pathControlX = (pathStartX + pathEndX) / 2;
-      const pathControlY = pathStartY + this.pathOffset;
-      const path = this.createPath(pathStartX, pathStartY, pathControlX, pathControlY, pathEndX, pathEndY);
-      this.svgElement!.appendChild(path);
-
-      //绘制箭头
-      const arrow = this.createArrow(pathEndX, pathEndY);
-      this.svgElement!.appendChild(arrow);
-
-      // 递归绘制子节点的子节点
-      this.drawChildren(nodeData[i].children, childX, startY, treeWidth, treeHeight, level + 1, i);
-    }
-  }
-
-  private createNode(x: number, y: number, data: any): SVGElement {
-    const group = document.createElementNS("http://www.w3.org/2000/svg", "g");
-
-    const rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-    rect.setAttribute("x", x.toString());
-    rect.setAttribute("y", y.toString());
-    rect.setAttribute("width", this.nodeWidth.toString());
-    rect.setAttribute("height", this.nodeHeight.toString());
-    rect.setAttribute("fill", "#f5c78e");
-    rect.setAttribute("stroke", "#000000");
-    group.appendChild(rect);
-
-    const foreignObject = document.createElementNS("http://www.w3.org/2000/svg", "foreignObject");
-    foreignObject.setAttribute("x", (x + 5).toString());
-    foreignObject.setAttribute("y", (y + 5).toString());
-    foreignObject.setAttribute("width", (this.nodeWidth - 10).toString());
-    foreignObject.setAttribute("height", (this.nodeHeight - 10).toString());
-
-    const div = document.createElement("div");
-    div.style.width = "100%";
-    div.style.height = "100%";
-    div.style.whiteSpace = "nowrap";
-    div.style.textOverflow = "ellipsis";
-    div.style.overflow = "hidden";
-    div.textContent = `${data.symbol}`;
-    foreignObject.appendChild(div);
-
-    group.appendChild(foreignObject);
-
-    return group;
-  }
-
-
-  private createPath(x1: number, y1: number, cx: number, cy: number, x2: number, y2: number): SVGElement {
-    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-    path.setAttribute("d", `M ${x1},${y1} Q ${cx},${cy} ${x2},${y2 - this.arrowSize}`);
-    path.setAttribute("fill", "none");
-    path.setAttribute("stroke", "#000000");
-
-    return path;
-  }
-
-  private createArrow(x: number, y: number): SVGElement {
-    const arrow = document.createElementNS("http://www.w3.org/2000/svg", "path");
-    arrow.setAttribute(
-      "d",
-      `M ${x - this.arrowSize / 2},${y - this.arrowSize} L ${x + this.arrowSize / 2},${y - this.arrowSize} L ${x},${y + this.arrowSize / 2} Z`
-    );
-    arrow.setAttribute("fill", "#000000");
-
-    return arrow;
-  }
-
-
-  private getTreeWidth(nodeData: any): number {
-    if (nodeData.length === 0) return this.nodeWidth;
-
-    const childrenCount = nodeData.length;
-    return childrenCount * (this.nodeWidth + this.nodeGap!) - this.nodeGap!;
-  }
-
-  private getTreeHeight(nodeData: any): number {
-    if (nodeData.length === 0) return this.nodeHeight;
-
-    let maxHeight = 0;
-    const childrenCount = nodeData.length;
-
-    for (let i = 0; i < childrenCount; i++) {
-      //递归计算所有子节点高度
-      const childHeight = this.getTreeHeight(nodeData[i]);
-      if (childHeight > maxHeight) {
-        maxHeight = childHeight;
-
-      }
-    }
-
-    return this.nodeHeight + this.nodeGap! + maxHeight;
-  }
-
-  initHtml(): string {
-    return `<style>
-:host{
-    display: flex;
-    flex-direction: column;
-    padding: 10px 10px;
-    height:100%;
-}
-#binaryTreeSvg{
-  min-width:100%;
-  height:100%;
-}
-</style>
-<div style="height:100%">
-    <svg id='binaryTreeSvg' viewBox="0 0 2000 1000">
-    </svg>
-</div>`;
-  }
-}
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts
index 98a48f761bd9ba910b209aa805e921ddc239f65d..b14aebbc8ceb20c13165cb388af07cf73e79c40f 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts
@@ -67,21 +67,20 @@ export class TabpanePerfProfile extends BaseElement {
       this.perfProfilerFilter!.style.display = 'none';
     }
     this.perfProfilerFilter!.disabledTransfer(false, 'perf');
-    this.perfProfilerFilter!.getTransferList();
     this.perfProfilerFilter!.initializeFilterTree(true, true, true);
     this.perfProfilerFilter!.filterValue = '';
+    this.perfProfilerFilter!.refreshTreeTransfer();
     this.perfProfileProgressEL!.loading = true;
     this.perfProfileLoadingPage.style.visibility = 'visible';
     this.getDataByWorkAndUpDateCanvas(perfProfilerSelection);
   }
 
-  getDataByWorkAndUpDateCanvas(perfProfilerSelection: SelectionParam) {
+  getDataByWorkAndUpDateCanvas(perfProfilerSelection: SelectionParam):void {
     const initWidth = this.clientWidth;
     this.initGetData(perfProfilerSelection, initWidth);
-
-
     this.perfProfilerFilter!.getCallTransferData((data: any) => {
-      this.initGetData(perfProfilerSelection, initWidth, data.eventTypeId);
+      const eventTypeId = data.value !== 'count' ? data.value : undefined;
+      this.initGetData(perfProfilerSelection, initWidth, eventTypeId);
     });
   }
 
@@ -91,7 +90,7 @@ export class TabpanePerfProfile extends BaseElement {
       perfProfileArgs.push({
         funcName: 'setEventTypeId',
         funcArgs: [eventTypeId !== 'count' ? eventTypeId : undefined],
-      })
+      });
     }
     perfProfileArgs.push(
       {
@@ -101,7 +100,8 @@ export class TabpanePerfProfile extends BaseElement {
       {
         funcName: 'getCurrentDataFromDb',
         funcArgs: [perfProfilerSelection],
-      })
+      }
+    );
 
     this.getDataByWorker(perfProfileArgs, (results: any[]) => {
       this.setPerfProfilerLeftTableData(results);
@@ -116,8 +116,7 @@ export class TabpanePerfProfile extends BaseElement {
       this.perfProfileFrameChart!.data = this.perfProfilerDataSource;
       this.switchFlameChart();
       this.perfProfilerFilter!.icon = 'block';
-    })
-
+    });
   }
 
   getParentTree(
diff --git a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMCallTree.ts b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMCallTree.ts
index 2ab7e98f70669b809487d4ca681b5126ebc971d8..490b8ec68419534b9cb2fb4f44a860b335b22117 100644
--- a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMCallTree.ts
+++ b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMCallTree.ts
@@ -26,14 +26,12 @@ import { FileMerageBean } from '../../../../database/logic-worker/ProcedureLogic
 import { queryNativeHookSubType, queryNativeHookStatisticSubType } from '../../../../database/SqlLite.js';
 import { ParseExpression } from '../SheetUtils.js';
 import { NativeMemoryExpression } from '../../../../bean/NativeHook.js';
-import { findSearchNode } from '../../../../database/ui-worker/ProcedureWorkerCommon.js';
 
 @element('tabpane-nm-calltree')
 export class TabpaneNMCalltree extends BaseElement {
   private nmCallTreeTbl: LitTable | null | undefined;
   private filesystemTbr: LitTable | null | undefined;
   private nmCallTreeProgressEL: LitProgressBar | null | undefined;
-  private rightSource: Array<FileMerageBean> = [];
   private nmCallTreeFilter: any;
   private nmCallTreeSource: any[] = [];
   private native_type: Array<string> = ['All Heap & Anonymous VM', 'All Heap', 'All Anonymous VM'];
@@ -59,7 +57,6 @@ export class TabpaneNMCalltree extends BaseElement {
   private lastIsExpression = false;
   private currentNMCallTreeFilter: TabPaneFilter | undefined | null;
   private expressionStruct: NativeMemoryExpression | null = null;
-  private currentNmCallTreeSource: Array<FileMerageBean> = [];
 
   set data(nmCallTreeParam: SelectionParam | any) {
     if (nmCallTreeParam == this.currentSelection) {
@@ -119,7 +116,6 @@ export class TabpaneNMCalltree extends BaseElement {
         this.nmCallTreeFrameChart!.mode = ChartMode.Byte;
         this.nmCallTreeFrameChart?.updateCanvas(true, initWidth);
         this.nmCallTreeFrameChart!.data = this.nmCallTreeSource;
-        this.currentNmCallTreeSource = this.nmCallTreeSource;
         this.switchFlameChart();
         this.nmCallTreeFilter.icon = 'block';
       }
@@ -188,7 +184,6 @@ export class TabpaneNMCalltree extends BaseElement {
         data.libName.endsWith('.so.1') || data.libName.endsWith('.dll') || data.libName.endsWith('.so') ? 0 : 1;
     }
     let resultLength = resultValue.length;
-    this.rightSource = resultValue;
     this.filesystemTbr!.dataSource = resultLength == 0 ? [] : resultValue;
   }
 
@@ -237,50 +232,34 @@ export class TabpaneNMCalltree extends BaseElement {
       addSubType(subTypeList);
     }
 
-    if (this.currentSelection!.nativeMemory.length > 0) {
-      procedurePool.submitWithName('logic1', 'native-memory-get-responseType', {}, undefined, (res: any) => {
-        this.responseTypes = res;
-        let nullIndex = this.responseTypes.findIndex((item) => {
-          return item.key == 0;
-        });
-        if (nullIndex != -1) {
-          this.responseTypes.splice(nullIndex, 1);
-        }
-        this.currentNMCallTreeFilter!.setSelectList(
-          null,
-          secondFilterList,
-          'Allocation Lifespan',
-          'Allocation Type',
-          this.responseTypes.map((item: any) => {
-            return item.value;
-          })
-        );
-        this.currentNMCallTreeFilter!.setFilterModuleSelect('#first-select', 'width', '150px');
-        this.currentNMCallTreeFilter!.setFilterModuleSelect('#second-select', 'width', '150px');
-        this.currentNMCallTreeFilter!.setFilterModuleSelect('#third-select', 'width', '150px');
-        this.currentNMCallTreeFilter!.firstSelect = '0';
-        this.currentNMCallTreeFilter!.secondSelect = '0';
-        this.currentNMCallTreeFilter!.thirdSelect = '0';
-        this.filterAllocationType = '0';
-        this.filterNativeType = '0';
-        this.filterResponseSelect = '0';
-        this.filterResponseType = -1;
+    procedurePool.submitWithName('logic1', 'native-memory-get-responseType', {}, undefined, (res: any) => {
+      this.responseTypes = res;
+      let nullIndex = this.responseTypes.findIndex((item) => {
+        return item.key == 0;
       });
-    } else {
+      if (nullIndex != -1) {
+        this.responseTypes.splice(nullIndex, 1);
+      }
       this.currentNMCallTreeFilter!.setSelectList(
         null,
         secondFilterList,
         'Allocation Lifespan',
         'Allocation Type',
-        undefined
+        this.responseTypes.map((item: any) => {
+          return item.value;
+        })
       );
       this.currentNMCallTreeFilter!.setFilterModuleSelect('#first-select', 'width', '150px');
       this.currentNMCallTreeFilter!.setFilterModuleSelect('#second-select', 'width', '150px');
+      this.currentNMCallTreeFilter!.setFilterModuleSelect('#third-select', 'width', '150px');
       this.currentNMCallTreeFilter!.firstSelect = '0';
       this.currentNMCallTreeFilter!.secondSelect = '0';
+      this.currentNMCallTreeFilter!.thirdSelect = '0';
       this.filterAllocationType = '0';
       this.filterNativeType = '0';
-    }
+      this.filterResponseSelect = '0';
+      this.filterResponseType = -1;
+    });
   }
 
   initElements(): void {
@@ -648,7 +627,7 @@ export class TabpaneNMCalltree extends BaseElement {
     if (this.expressionStruct) {
       groupArgs.set('filterExpression', this.expressionStruct);
       groupArgs.set('filterResponseType', -1);
-      this.currentNMCallTreeFilter!.thirdSelect = this.currentSelection!.nativeMemoryStatistic.length > 0 ? '' : '0';
+      this.currentNMCallTreeFilter!.thirdSelect = '0';
     } else {
       groupArgs.set('filterResponseType', this.filterResponseType);
     }
@@ -834,6 +813,7 @@ export class TabpaneNMCalltree extends BaseElement {
             z-index: 999999;
         }
     </style>
+
     <div class="nm-call-tree-content" style="display: flex;flex-direction: row">
     
     <selector id='show_table' class="show">
diff --git a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatisticAnalysis.ts b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatisticAnalysis.ts
index f25d7df9f64372abe729e71470681d4b86a451fb..6f9b782a8bf4ded8cd0e6f1488ae15b19bcc45e7 100644
--- a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatisticAnalysis.ts
+++ b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatisticAnalysis.ts
@@ -122,6 +122,9 @@ export class TabPaneNMStatisticAnalysis extends BaseElement {
       this.eventTypeData.shift(this.typeStatisticsData);
       return;
     }
+    if (statisticAnalysisParam.nativeMemoryStatistic.length > 0) {
+      Utils.getInstance().initResponseTypeList(statisticAnalysisParam);
+    }
     // @ts-ignore
     this.tableType?.shadowRoot?.querySelector('.table').style.height = this.parentElement.clientHeight - 30 + 'px';
     // @ts-ignore
diff --git a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatstics.ts b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatstics.ts
index 1a47327a1f9ed342bf1440bdc121af936f3236a1..35577c37faf8000a7b81f05b90ab9259b5051ace 100644
--- a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatstics.ts
+++ b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMStatstics.ts
@@ -17,7 +17,6 @@ import { BaseElement, element } from '../../../../../base-ui/BaseElement.js';
 import { LitTable } from '../../../../../base-ui/table/lit-table.js';
 import { SelectionParam } from '../../../../bean/BoxSelection.js';
 import {
-  queryNativeHookResponseTypes,
   queryNativeHookStatistics,
   queryNativeHookStatisticsMalloc,
   queryNativeHookStatisticsSubType,
@@ -51,7 +50,9 @@ export class TabPaneNMStatstics extends BaseElement {
     SpNativeMemoryChart.EVENT_HEAP.map((heap) => {
       this.allMax += heap.sumHeapSize;
     });
-    this.initResponseTypeList(nativeStatisticsParam);
+    if (nativeStatisticsParam.nativeMemory.length > 0) {
+      Utils.getInstance().initResponseTypeList(nativeStatisticsParam);
+    }
     // @ts-ignore
     this.nativeStatisticsTbl?.shadowRoot.querySelector('.table').style.height =
       this.parentElement!.clientHeight - 25 + 'px';
@@ -138,24 +139,6 @@ export class TabPaneNMStatstics extends BaseElement {
     });
   }
 
-  initResponseTypeList(val: SelectionParam | any) {
-    let types: Array<string> = [];
-    if (val.nativeMemory.indexOf('All Heap & Anonymous VM') != -1) {
-      types.push("'AllocEvent'");
-      types.push("'MmapEvent'");
-    } else {
-      if (val.nativeMemory.indexOf('All Heap') != -1) {
-        types.push("'AllocEvent'");
-      }
-      if (val.nativeMemory.indexOf('All Anonymous VM') != -1) {
-        types.push("'MmapEvent'");
-      }
-    }
-    queryNativeHookResponseTypes(val.leftNs, val.rightNs, types).then((res) => {
-      procedurePool.submitWithName('logic1', 'native-memory-init-responseType', res, undefined, () => {});
-    });
-  }
-
   setMemoryTypeData(val: SelectionParam, result: Array<NativeHookMalloc>, arr: Array<NativeHookStatisticsTableData>) {
     let all: NativeHookStatisticsTableData | null = null;
     let heap: NativeHookStatisticsTableData | null = null;
diff --git a/ide/src/trace/component/trace/sheet/task/TabPaneTaskFrames.ts b/ide/src/trace/component/trace/sheet/task/TabPaneTaskFrames.ts
index c050252ad7eb675d51b44c0911e18d449a2697f0..7b9bb689dc4eabc8dfef9e4c3b2378e677c71b99 100644
--- a/ide/src/trace/component/trace/sheet/task/TabPaneTaskFrames.ts
+++ b/ide/src/trace/component/trace/sheet/task/TabPaneTaskFrames.ts
@@ -281,24 +281,11 @@ export class TabPaneTaskFrames extends BaseElement {
   }
 
   static getExecuteId(funName: string): string {
-    let strArray = funName.split(',');
-    let executeStr = '';
-    let executeId = '';
-    let endStr = '';
-    if (strArray.length >= 2) {
-      executeStr = strArray[1];
-      if (funName.indexOf(ALLOCATION_TASK) >= 0 || funName.indexOf(PERFORM_TASK) >= 0) {
-        executeId = executeStr.split(':')[1].trim();
-      } else if (funName.indexOf(END_TASK) >= 0) {
-        endStr = executeStr.split(':')[1].trim();
-        if (endStr.indexOf('[') >= 0) {
-          executeId = endStr.substring(0, endStr.indexOf('['));
-        } else {
-          executeId = endStr;
-        }
-      }
+    const executeIdMatch = funName.match(/executeId\s*:\s*(\d+)/i);
+    if (executeIdMatch && executeIdMatch.length > 1) {
+      return executeIdMatch[1];
     }
-    return executeId;
+    return '';
   }
 
   static getPriorityId(funName: string): number {
diff --git a/ide/src/trace/database/SqlLite.ts b/ide/src/trace/database/SqlLite.ts
index c0852e003f09cda89922795a81430cf8f2e3b328..6ee980f1d694d5cd4ac2304989923ce6d14aeb43 100644
--- a/ide/src/trace/database/SqlLite.ts
+++ b/ide/src/trace/database/SqlLite.ts
@@ -296,8 +296,8 @@ export class DbPool {
             }
           }
         };
-        thread!.onmessageerror = (e) => { };
-        thread!.onerror = (e) => { };
+        thread!.onmessageerror = (e) => {};
+        thread!.onerror = (e) => {};
         thread!.id = i;
         thread!.busy = false;
         this.works?.push(thread!);
@@ -1271,7 +1271,8 @@ export const queryVirtualMemory = (): Promise<Array<any>> =>
 export const queryVirtualMemoryData = (filterId: number): Promise<Array<any>> =>
   query(
     'queryVirtualMemoryData',
-    `select ts-${(window as any).recordStartNS
+    `select ts-${
+      (window as any).recordStartNS
     } as startTime,value,filter_id as filterID from sys_mem_measure where filter_id=$filter_id`,
     { $filter_id: filterId }
   );
@@ -1690,23 +1691,28 @@ export const queryAllHookData = (rightNs: number): Promise<Array<NativeHookSampl
 export const queryNativeHookResponseTypes = (
   leftNs: number,
   rightNs: number,
-  types: Array<string>
-): Promise<Array<any>> =>
-  query(
+  types: Array<string | number>,
+  isStatistic: boolean
+): Promise<Array<any>> => {
+  const table = isStatistic ? 'native_hook_statistic' : 'native_hook';
+  const tsKey = isStatistic ? 'ts' : 'start_ts';
+  const type = isStatistic ? 'type' : 'event_type';
+  return query(
     'queryNativeHookResponseTypes',
     `
-        select 
-          distinct last_lib_id as lastLibId,
-          data_dict.data as value 
-        from 
-          native_hook A ,trace_range B
-          left join data_dict on A.last_lib_id = data_dict.id 
-        where
-        A.start_ts - B.start_ts
-        between ${leftNs} and ${rightNs} and A.event_type in (${types.join(',')});
-    `,
+          select 
+            distinct last_lib_id as lastLibId,
+            data_dict.data as value 
+          from 
+            ${table} A ,trace_range B
+            left join data_dict on A.last_lib_id = data_dict.id 
+          where
+          A.${tsKey} - B.start_ts
+          between ${leftNs} and ${rightNs} and A.${type} in (${types.join(',')});
+      `,
     { $leftNs: leftNs, $rightNs: rightNs, $types: types }
   );
+};
 /**
  * HiPerf
  */
@@ -3838,9 +3844,11 @@ export const queryEbpfSamplesCount = (startTime: number, endTime: number, ipids:
     select
 fsCount,
     vmCount from
-(select count(1) as fsCount from file_system_sample s,trace_range t where s.end_ts between $startTime + t.start_ts and $endTime + t.start_ts ${ipids.length > 0 ? `and s.ipid in (${ipids.join(',')})` : ''
+(select count(1) as fsCount from file_system_sample s,trace_range t where s.end_ts between $startTime + t.start_ts and $endTime + t.start_ts ${
+      ipids.length > 0 ? `and s.ipid in (${ipids.join(',')})` : ''
     })
-,(select count(1) as vmCount from paged_memory_sample s,trace_range t where s.end_ts between $startTime + t.start_ts and $endTime + t.start_ts ${ipids.length > 0 ? `and s.ipid in (${ipids.join(',')})` : ''
+,(select count(1) as vmCount from paged_memory_sample s,trace_range t where s.end_ts between $startTime + t.start_ts and $endTime + t.start_ts ${
+      ipids.length > 0 ? `and s.ipid in (${ipids.join(',')})` : ''
     });
 `,
     { $startTime: startTime, $endTime: endTime }
@@ -5492,7 +5500,7 @@ export const queryTraceType = (): Promise<
 export const queryTransferList = (): Promise<Array<{ id: number; cmdStr: string }>> =>
   query('queryTransferList', `select id, report_value as cmdStr from perf_report where report_type = 'config_name'`);
 
-export const getTabRunningPercent = (tIds: Array<number>, leftNS: number, rightNS: number): Promise<Array<any>> =>
+  export const getTabRunningPercent = (tIds: Array<number>, leftNS: number, rightNS: number): Promise<Array<any>> =>
   query<SelectionData>(
     'getTabRunningPercent',
     `
@@ -5513,7 +5521,7 @@ export const getTabRunningPercent = (tIds: Array<number>, leftNS: number, rightN
     { $leftNS: leftNS, $rightNS: rightNS }
   );
 
-export const querySearchFuncData = (funcName: string, tIds: number, leftNS: number, rightNS: number): Promise<Array<SearchFuncBean>> =>
+export const querySearchFuncData = (funcName: string, tIds: Array<number>, leftNS: number, rightNS: number): Promise<Array<SearchFuncBean>> =>
   query(
     'querySearchFuncData',
     `
@@ -5580,4 +5588,4 @@ export const queryCpuFreqFilterId = (): Promise<Array<any>> =>
       or
         name='cpu_frequency'
     `
-  );
\ No newline at end of file
+  );
diff --git a/ide/src/trace/database/logic-worker/ProcedureLogicWorkerCommon.ts b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerCommon.ts
index 285735beeea55582f91c611e3e4f06c91d770827..578e4fee2ee156c7f779e84387af37f523192b7f 100644
--- a/ide/src/trace/database/logic-worker/ProcedureLogicWorkerCommon.ts
+++ b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerCommon.ts
@@ -37,25 +37,6 @@ export class Msg {
   data: Array<any> = [];
 }
 
-export class hiperfSymbol {
-  id: number = 0;
-  startTime: number = 0;
-  endTime: number = 0;
-  cpu_id: number = 0;
-  depth: number = 0;
-  children?: Array<hiperfSymbol>;
-  callchain_id: number = 0;
-  thread_id:number = 0;
-  name:string='';
-
-  public clone(): hiperfSymbol {
-    const cloneSymbol = new hiperfSymbol();
-    cloneSymbol.children = new Array<hiperfSymbol>();
-    cloneSymbol.depth = this.depth;
-    return cloneSymbol;
-  }
-}
-
 export class MerageBean extends ChartStruct {
   #parentNode: MerageBean | undefined = undefined;
   #total = 0;
@@ -615,9 +596,6 @@ export class DataCache {
   public perfCallChainMap: Map<number, PerfCall> = new Map<number, PerfCall>();
   public jsCallChain: Array<JsProfilerSymbol> | undefined;
   public jsSymbolMap = new Map<number, JsProfilerSymbol>();
-  public perfCallFireMap = new Map<string, hiperfSymbol>();
-  public perfCallChain: Array<hiperfSymbol> | undefined;
-  public perfSymbolMap = new Map<string, hiperfSymbol>()
 
   public static getInstance(): DataCache {
     if (!this.instance) {
diff --git a/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
index c4b66c101e19fdf644a845d5f9568d89b2887fb5..75146687810bae95e8e786e72b25cd4ebcd9abbe 100644
--- a/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
+++ b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
@@ -13,9 +13,8 @@
  * limitations under the License.
  */
 
-import { LogicHandler, ChartStruct, convertJSON, DataCache, PerfCall,hiperfSymbol } from './ProcedureLogicWorkerCommon.js';
+import { LogicHandler, ChartStruct, convertJSON, DataCache, PerfCall } from './ProcedureLogicWorkerCommon.js';
 import { PerfBottomUpStruct } from '../../bean/PerfBottomUpStruct.js';
-import { hiPerfchartFrame } from '../../bean/perfStruct.js';
 
 const systemRuleName = '/system/';
 const numRuleName = '/max/min/';
@@ -37,11 +36,9 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
   currentEventId: string = '';
   isAnalysis: boolean = false;
   isPerfBottomUp: boolean = false;
-  perfCallData: any[] = [];
-  eventTypeId: string = '';
+  eventTypeId?: string = '';
 
   private dataCache = DataCache.getInstance();
-  private samplesCpu = Array<hiPrefSample>();
 
   handle(data: any): void {
     this.currentEventId = data.id;
@@ -51,28 +48,6 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
           this.dataCache.perfCountToMs = data.params.fValue;
           this.initPerfFiles();
           break;
-          case 'perf-fire':
-            this.perfCallData = data.params
-            this.initPerfFire();
-            break;
-          case 'perf-call-chain':
-            if (!this.dataCache.perfCallChain || this.dataCache.perfCallChain.length === 0) {
-              this.dataCache.perfCallChain = convertJSON(data.params.list) || [];
-              this.createCallChain();
-            }
-            this.queryCallData(this.perfCallData);
-            break;
-          // 查perf_sample表并处理
-          case 'perf-sample-cpu':
-            // 拿到的sample的数据
-            this.samplesCpu = convertJSON(data.params.list) || [];
-            // 处理sample数据
-            self.postMessage({
-              id: data.id,
-              action: data.action,
-              results: this.combinePerfSampleBycallChainId(this.samplesCpu)
-            });
-            break;
         case 'perf-queryPerfFiles':
           let files = convertJSON(data.params.list) || [];
           files.forEach((file: any) => {
@@ -169,29 +144,6 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     );
   }
 
-  initPerfFire() {
-    this.clearAll();
-    this.queryData(
-      this.currentEventId,
-      'perf-call-chain',
-      `select name,
-       depth,
-      callchain_id from perf_callchain`,
-      {}
-    )
-  }
-
-  queryCallData(data: any) {
-    const sql = `SELECT id,
-    callchain_id,
-    timestamp_trace - start_ts AS timeTip,
-    thread_id,
-    cpu_id
-  FROM
-    perf_sample,trace_range where ${data[0] == 0 ? 'cpu_id=' : 'thread_id='}${data[1]}`;
-    this.queryData(this.currentEventId!, 'perf-sample-cpu', sql, {});
-  }
-
   initPerfThreads() {
     this.queryData(
       this.currentEventId,
@@ -230,12 +182,11 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     );
   }
 
-  getCurrentDataFromDb(selectionParam: any):void {
+  getCurrentDataFromDb(selectionParam: any): void {
     const cpus = selectionParam.perfAll ? [] : selectionParam.perfCpus;
     const processes = selectionParam.perfAll ? [] : selectionParam.perfProcess;
     const threads = selectionParam.perfAll ? [] : selectionParam.perfThread;
     let filterSql = '';
-    let eventTypeFilter = '';
     if (cpus.length != 0 || processes.length != 0 || threads.length != 0) {
       const cpuFilter = cpus.length > 0 ? `or s.cpu_id in (${cpus.join(',')}) ` : '';
       const processFilter = processes.length > 0 ? `or thread.process_id in (${processes.join(',')}) ` : '';
@@ -243,7 +194,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
       let arg = `${cpuFilter}${processFilter}${threadFilter}`.substring(3);
       filterSql = ` and (${arg})`;
     }
-    eventTypeFilter = this.eventTypeId ? ` and s.event_type_id = ${this.eventTypeId}` : '';
+    const eventTypeFilter = this.eventTypeId ? ` and s.event_type_id = ${this.eventTypeId}` : '';
     filterSql += eventTypeFilter;
     this.queryData(
       this.currentEventId,
@@ -275,125 +226,6 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     );
   }
 
-  // 将perf_sample表的数据根据callchain_id分组并赋值startTime,endTime等等
-  combinePerfSampleBycallChainId(sampleList: Array<hiPrefSample>) {
-    let arr: any = new Array();
-    let num = undefined;
-    for (let i = 0; i < sampleList.length; i++) {
-      // 若不是相同的callchain_id,赋值
-      if (sampleList[i].callchain_id != num) {
-        arr.push(new hiPrefSample());
-        arr[arr.length - 1].children = new Array<hiperfSymbol>();
-        arr[arr.length - 1].children[0] = new hiperfSymbol();
-        arr[arr.length - 1].depth = -1;
-        arr[arr.length - 1].name = 'name';
-        arr[arr.length - 1].callchain_id = sampleList[i].callchain_id;
-        arr[arr.length - 1].thread_id = sampleList[i].thread_id;
-        arr[arr.length - 1].id = sampleList[i].id;
-        if (i !== 0 && i !== sampleList.length - 1 && sampleList[i].callchain_id !== sampleList[i - 1].callchain_id && sampleList[i].callchain_id !== sampleList[i + 1].callchain_id) {
-          arr[arr.length - 1].startTime = sampleList[i - 1].timeTip;
-        } else {
-          arr[arr.length - 1].startTime = sampleList[i].timeTip
-        }
-      }
-      arr[arr.length - 1].endTime = sampleList[i].timeTip
-      arr[arr.length - 1].totalTime = arr[arr.length - 1].endTime - arr[arr.length - 1].startTime
-      num = sampleList[i].callchain_id
-    }
-    return this.combineChartData(arr);
-    // return arr;
-  }
-  /**
-   * 建立callChain每个函数的联系，设置depth跟children
-   */
-  private createCallChain(): void {
-    const jsSymbolMap = this.dataCache.perfCallFireMap;
-    for (const item of this.dataCache.perfCallChain!) {
-      jsSymbolMap.set(item.callchain_id.toString() + item.depth, item);
-      let parentSymbol = jsSymbolMap.get(item.callchain_id.toString() + (item.depth - 1));
-      if (parentSymbol) {
-        switch (parentSymbol.callchain_id) {
-          case item.callchain_id:
-            switch (parentSymbol.depth) {
-              case item.depth - 1:
-                parentSymbol.children = new Array<hiperfSymbol>();
-                parentSymbol.children?.push(item)
-                break;
-            }
-            break;
-        }
-      }
-    }
-  }
-
-  combineChartData(samples: any): Array<hiPerfchartFrame> {
-    let combineSample: any = [];
-    // 遍历sample表查到的数据，并且为其匹配相应的callchain数据
-    for (let sample of samples) {
-      let stackTopSymbol = JSON.parse(JSON.stringify(this.dataCache.perfCallFireMap.get(sample.callchain_id.toString() + '0'))) || new hiperfSymbol();
-      stackTopSymbol.startTime = sample.startTime;
-      stackTopSymbol.endTime = sample.endTime;
-      stackTopSymbol.totalTime = sample.totalTime;
-      stackTopSymbol.thread_id = sample.thread_id;
-      stackTopSymbol.cpu_id = sample.thread_id;
-      this.setDur(stackTopSymbol)
-      sample.children = new Array<hiperfSymbol>();
-      sample.children.push(stackTopSymbol)
-      // 每一项都和combineSample对比
-      if (combineSample.length === 0) {
-        combineSample.push(sample)
-      } else {
-        if (this.perfCallData[0] === 0) {
-          if (combineSample[combineSample.length - 1].thread_id === sample.thread_id) {
-            this.combinePerfCallData(combineSample[combineSample.length - 1], sample)
-          } else { combineSample.push(sample) };
-        } else {
-          if (combineSample[combineSample.length - 1].cpu_id === sample.cpu_id) {
-            this.combinePerfCallData(combineSample[combineSample.length - 1], sample)
-          } else { combineSample.push(sample) };
-        }
-      }
-    }
-    return combineSample;
-  }
-
-  // 递归设置dur,startTime,endTime
-  setDur(data: any) {
-    if (data.children && data.children.length > 0) {
-      data.children[0].totalTime = data.totalTime;
-      data.children[0].startTime = data.startTime;
-      data.children[0].endTime = data.endTime;
-      data.children[0].thread_id = data.thread_id;
-      data.children[0].cpu_id = data.cpu_id;
-      this.setDur(data.children[0])
-    } else {
-      return
-    }
-  }
-
-  // hiperf火焰图合并逻辑
-  combinePerfCallData(data1: any, data2: any) {
-    if (data1.depth === data2.depth && data1.name === data2.name) {
-      data1.endTime = data2.endTime;
-      data1.totalTime = data1.endTime - data1.startTime;
-      if (data1.children && data1.children.length > 0 && data2.children && data2.children.length > 0) {
-        if (data1.children[data1.children.length - 1].depth === data2.children[0].depth && data1.children[data1.children.length - 1].name !== data2.children[0].name) {
-          data1.children.push(data2.children[0])
-        } else {
-          this.combinePerfCallData(data1.children[data1.children.length - 1], data2.children[0]);
-        }
-      } else if (data2.children && data2.children.length > 0 && (!data1.children || data1.children.length === 0)) {
-        data1.endTime = data2.endTime;
-        data1.totalTime = data1.endTime - data1.endTime;
-        data1.children = new Array<hiperfSymbol>();
-        data1.children.push(data2.children[0]);
-      } else {
-      }
-    }
-    else { }
-    return
-  }
-
   clearAll() {
     this.filesData = {};
     this.samplesData = {};
@@ -406,6 +238,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     this.dataSource = [];
     this.allProcess = [];
     this.dataCache.clearPerf();
+    this.eventTypeId = undefined;
   }
 
   initPerfCallChainBottomUp(callChains: PerfCallChain[]) {
@@ -920,12 +753,12 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
             case 'splitTree':
               this.splitPerfTree(this.allProcess, item.funcArgs[0], item.funcArgs[1], item.funcArgs[2]);
               break;
-            case 'setEventTypeId':
-              this.eventTypeId = item.funcArgs[0];
-              break;
             case 'setSearchValue':
               this.searchValue = item.funcArgs[0];
               break;
+            case 'setEventTypeId':
+              this.eventTypeId = item.funcArgs[0];
+              break;
             case 'setCombineCallChain':
               this.isAnalysis = true;
               break;
@@ -1357,18 +1190,3 @@ export function timeMsFormat2p(ns: number) {
   }
   return perfResult;
 }
-
-
-class hiPrefSample {
-  name: string = "";
-  depth: number = 0;
-  callchain_id: number = 0;
-  totalTime: number = 0;
-  thread_id: number = 0;
-  id: number = 0;
-  startTime: number = 0;
-  endTime: number = 0;
-  timeTip: number = 0;
-  cpu_id: number = 0;
-  stack?: Array<hiperfSymbol>;
-}
\ No newline at end of file
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorker.ts b/ide/src/trace/database/ui-worker/ProcedureWorker.ts
index 7ae2190c07e5c0fc5b23d65052d5555c7d5afb5f..bfeef7d29c5227d57ad61572dfb30c8b86b15ad9 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorker.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorker.ts
@@ -56,7 +56,6 @@ import { FrameSpacingRender } from './ProcedureWorkerFrameSpacing.js';
 import { JsCpuProfilerRender } from './ProcedureWorkerCpuProfiler.js';
 import { SnapshotRender } from './ProcedureWorkerSnapshot.js';
 import { LogRender } from './ProcedureWorkerLog.js';
-import { HiperfCallChartRender } from './ProcedureWorkerHiPerfCallChart.js';
 
 let dataList: any = {};
 let dataList2: any = {};
@@ -87,7 +86,6 @@ export let renders: any = {
   'HiPerf-Group': new EmptyRender(),
   monitorGroup: new EmptyRender(),
   'HiPerf-Cpu': new HiperfCpuRender(),
-  'Hiperf-callchart':new HiperfCallChartRender(), 
   'HiPerf-Process': new HiperfProcessRender(),
   'HiPerf-Thread': new HiperfThreadRender(),
   'HiPerf-Report-Event': new HiperfEventRender(),
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerCPU.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerCPU.ts
index 8884cf98d8b7c7db1b405abdeb5f4e6824350b09..7bb0d61b57bd7cfc57e19623f136ea53faaeed86 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerCPU.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerCPU.ts
@@ -373,9 +373,7 @@ export class CpuStruct extends BaseStruct {
         }
       }
       if (data.nofinish && width > 4) {
-        ctx.fillStyle = ColorUtils.funcTextColor(
-          ColorUtils.colorForTid((data.processId || 0) > 0 ? data.processId || 0 : data.tid || 0)
-        );
+        ctx.fillStyle = '#fff';
         let ruptureWidth = 4;
         let ruptureNode = 8;
         ctx.moveTo(data.frame.x + data.frame.width - 1, data.frame.y);
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerHiPerfCallChart.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerHiPerfCallChart.ts
deleted file mode 100644
index 53e0ff6cba4135e463962b1bad8f4f444a4519f4..0000000000000000000000000000000000000000
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerHiPerfCallChart.ts
+++ /dev/null
@@ -1,202 +0,0 @@
-/*
- * Copyright (C) 2022 Huawei Device Co., Ltd.
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-import { ColorUtils } from '../../component/trace/base/ColorUtils.js';
-import {
-  BaseStruct,
-  type Rect,
-  ns2x,
-  drawString,
-  Render,
-  isFrameContainPoint
-} from './ProcedureWorkerCommon.js';
-import { TraceRow } from '../../component/trace/base/TraceRow.js';
-import { HiPerfThreadStruct } from './ProcedureWorkerHiPerfThread.js';
-import { hiPerfchartFrame } from '../../bean/perfStruct.js';
-
-export class HiperfCallChartRender extends Render {
-  renderMainThread(req: any, row: TraceRow<HiPerfCallChartStruct>): void {
-    let list = row.dataList;
-    let filter = row.dataListCache;
-    hiperf(
-      list,
-      filter,
-      TraceRow.range!.startNS,
-      TraceRow.range!.endNS,
-      TraceRow.range!.totalNS,
-      row.frame,
-      req.useCache || !TraceRow.range!.refresh
-    );
-    req.context.beginPath();;
-    let find = false;
-    let offset = 5;
-    for (let re of filter) {
-      HiPerfCallChartStruct.draw(req.context, re);
-      if (row.isHover) {
-        if (re.endTime - re.startTime === 0 ||
-          re.endTime - re.startTime == null ||
-          re.endTime - re.startTime === undefined) {
-          if (re.frame &&
-            row.hoverX >= re.frame.x - offset &&
-            row.hoverX <= re.frame.x + re.frame.width + offset &&
-            row.hoverY >= re.frame.y &&
-            row.hoverY <= re.frame.y + re.frame.height) {
-              HiPerfCallChartStruct.hoverPerfCallCutStruct = re;
-            find = true;
-          }
-        } else {
-          if (re.frame && isFrameContainPoint(re.frame, row.hoverX, row.hoverY)) {
-            HiPerfCallChartStruct.hoverPerfCallCutStruct = re;
-            find = true
-          }
-        }
-      }
-      if (!find && row.isHover) {
-        HiPerfCallChartStruct.hoverPerfCallCutStruct = undefined
-      }
-    }
-    req.context.closePath();
-  }
-}
-
-// 火焰图数据模板
-let padding = 1;
-export class HiPerfCallChartStruct extends BaseStruct {
-  static selectStruct: HiPerfCallChartStruct | undefined;
-  static hoverPerfCallCutStruct: HiPerfCallChartStruct | undefined;
-  id: number = 0;
-  name: string = '';
-  startTime: number = 0;
-  endTime: number = 0;
-  depth: number = 0;
-  children!: Array<hiPerfchartFrame>;
-  isSelect: boolean = false;
-  totalTime: number = 0;
-  callchain_id:number = 0;
-
-  static setPerfFrame(
-    hiPerfNode: any,
-    startNS: number,
-    endNS: number,
-    totalNS: number,
-    frame: Rect
-  ): void {
-    let x1: number, x2: number;
-    if ((hiPerfNode.startTime || 0) > startNS && (hiPerfNode.startTime || 0) < endNS) {
-      x1 = ns2x(hiPerfNode.startTime || 0, startNS, endNS, totalNS, frame);
-    } else {
-      x1 = 0;
-    }
-    if (
-      (hiPerfNode.startTime || 0) + (hiPerfNode.totalTime || 0) > startNS &&
-      (hiPerfNode.startTime || 0) + (hiPerfNode.totalTime || 0) < endNS
-    ) {
-      x2 = ns2x(
-        (hiPerfNode.startTime || 0) + (hiPerfNode.totalTime || 0),
-        startNS,
-        endNS,
-        totalNS,
-        frame
-      );
-    } else {
-      x2 = frame.width;
-    }
-    if (!hiPerfNode.frame) {
-      hiPerfNode.frame = {};
-    }
-    let getV: number = x2 - x1 < 1 ? 1 : x2 - x1;
-    hiPerfNode.frame.x = Math.floor(x1);
-    hiPerfNode.frame.y = hiPerfNode.depth * 20;
-    hiPerfNode.frame.width = Math.ceil(getV);
-    hiPerfNode.frame.height = 20;
-  }
-
-  static draw(ctx: CanvasRenderingContext2D, data: HiPerfCallChartStruct): void {
-    if (data.frame) {
-      if (data.endTime - data.startTime === undefined || data.endTime - data.startTime === null) {
-      } else {
-        ctx.globalAlpha = 1;
-        if (data.name === '(program)') {
-          ctx.fillStyle = '#ccc';
-        } else if (data.name === '(idle)') {
-          ctx.fillStyle = '#f0f0f0';
-        } else {
-          ctx.fillStyle =
-            ColorUtils.FUNC_COLOR[ColorUtils.hashFunc(data.name || '', 0, ColorUtils.FUNC_COLOR.length)];
-        }
-        let miniHeight = 20;
-        if (HiPerfCallChartStruct.hoverPerfCallCutStruct && data === HiPerfCallChartStruct.hoverPerfCallCutStruct) {
-          ctx.globalAlpha = 0.7;
-        }
-        ctx.fillRect(data.frame.x, data.frame.y, data.frame.width, miniHeight - padding * 2);
-        if (data.frame.width > 8) {
-          ctx.lineWidth = 1;
-          ctx.fillStyle = '#fff';
-          ctx.textBaseline = 'middle';
-          drawString(ctx, `${data.name || ''}`, 4, data.frame, data);
-        }
-        if (data === HiPerfCallChartStruct.selectStruct) {
-          ctx.strokeStyle = '#000';
-          ctx.lineWidth = 2;
-          ctx.strokeRect(
-            data.frame.x + 1,
-            data.frame.y + 1,
-            data.frame.width - 2,
-            miniHeight - padding * 2 - 2
-          );
-        }
-      }
-    }
-  }
-}
-
-export function hiperf(
-  list: Array<any>,
-  filter: Array<any>,
-  startNS: number,
-  endNS: number,
-  totalNS: number,
-  frame: Rect,
-  use: boolean
-): void {
-  if (use && filter.length > 0) {
-    for (let i = 0, len = filter.length; i < len; i++) {
-      if ((filter[i].startTime || 0) + (filter[i].totalTime || 0) >= startNS && (filter[i].startTime || 0) <= endNS) {
-        HiPerfCallChartStruct.setPerfFrame(filter[i], startNS, endNS, totalNS, frame);
-      } else {
-        filter[i].frame = null;
-      }
-    }
-    return;
-  }
-  filter.length = 0;
-  if (list) {
-    let groups = list
-      .filter((it) => (it.startTime ?? 0) + (it.totalTime ?? 0) >= startNS && (it.startTime ?? 0) <= endNS)
-      .map((it) => {
-        HiPerfCallChartStruct.setPerfFrame(it, startNS, endNS, totalNS, frame);
-        return it;
-      })
-      .reduce((pre, current) => {
-        (pre[`${current.frame.x}-${current.depth}`] = pre[`${current.frame.x}-${current.depth}`] || []).push(current);
-        return pre;
-      }, {});
-    Reflect.ownKeys(groups).map((kv) => {
-      // 从小到大排序
-      let arr = groups[kv].sort((a: hiPerfchartFrame, b: hiPerfchartFrame) => b.totalTime - a.totalTime);
-      filter.push(arr[0]);
-    });
-  }
-}