diff --git a/.gitignore b/.gitignore
index 50f79f9098f574ada112b1a0c182bc23475a6eb4..6ec0ed2ff1d3a07683876f3720a392400ce96829 100644
--- a/.gitignore
+++ b/.gitignore
@@ -18,7 +18,6 @@ trace_streamer/*.tar.gz
 trace_streamer/*.zip
 ts_tmp.perf.data
 trace_streamer/.cache
-trace_streamer/llvm
 tmp_*
 build-*
 *.pro.use*
diff --git a/ide/src/base-ui/headline/lit-headline.ts b/ide/src/base-ui/headline/lit-headline.ts
index 0beed234ab19c6ab5b4d8752a3ecdd5469aafa6b..b0c7d4a83d8dfaa930cb3ac49abea7fb6243fa9a 100644
--- a/ide/src/base-ui/headline/lit-headline.ts
+++ b/ide/src/base-ui/headline/lit-headline.ts
@@ -41,6 +41,7 @@ export class LitHeadLine extends BaseElement {
   set titleTxt(value: string) {
     this.titleContent = value;
     this._titleContext!.innerHTML = value;
+    this._titleContext?.setAttribute('title', value || '');
   }
   get titleTxt(): string {
     return this.titleContent || '';
diff --git a/ide/src/base-ui/menu/LitMainMenu.ts b/ide/src/base-ui/menu/LitMainMenu.ts
index 833835b5a8cbc21b97e36a731f5baa2dfd133612..ab22f2d6fa3628a7414935bfb1929f83c669a38f 100644
--- a/ide/src/base-ui/menu/LitMainMenu.ts
+++ b/ide/src/base-ui/menu/LitMainMenu.ts
@@ -302,6 +302,7 @@ export class LitMainMenu extends BaseElement {
              <img class="ai_analysis" title="AI Assistant" src="img/ai-analysis.png" style="margin-left: 0.8em;width:16px;height:16px;margin-top: 1.4em;cursor: pointer;">
              <div class="version" style="">
              </div>
+             <div class='extend_connect' style="background-color:red;width: 15px; height: 10px; border-radius: 100%; margin-top: 22px; margin-right: 20px;"></div>
         </div>`;
   }
 }
diff --git a/ide/src/base-ui/popover/LitPopoverV.ts b/ide/src/base-ui/popover/LitPopoverV.ts
index f06f5a6f1a993613f86820028a2423fbb49501e7..adf8163c7d4efd3f6540e2d99697049c79ad3cc8 100644
--- a/ide/src/base-ui/popover/LitPopoverV.ts
+++ b/ide/src/base-ui/popover/LitPopoverV.ts
@@ -15,6 +15,8 @@
 
 import { BaseElement, element } from '../BaseElement';
 import { replacePlaceholders } from '../utils/Template';
+import { SpSystemTrace } from '../../trace/component/SpSystemTrace';
+import { SpChartList } from '../../trace/component/trace/SpChartList';
 let css = `
 <style>
     :host{ 
@@ -440,6 +442,8 @@ export class LitPopover extends BaseElement {
   connectedCallback(): void {
     let popover: unknown = this.shadowRoot!.querySelector('.popover');
     let checkbox: unknown = this.shadowRoot!.querySelector('.trigger-click');
+    let sp = document.querySelector("body > sp-application")?.shadowRoot?.querySelector("#sp-system-trace") as SpSystemTrace;
+    let favoriteList = sp.shadowRoot?.querySelector("#favorite-chart-list") as SpChartList;
     this.setAttribute('tabindex', '1'); // @ts-ignore
     popover.onclick = (e: unknown): void => {
       // @ts-ignore
@@ -460,6 +464,21 @@ export class LitPopover extends BaseElement {
         // @ts-ignore
         this.visible = checkbox.checked;
       }
+      if (sp.collectRows && sp.collectRows.length) {
+        let isHiperf = sp.collectRows.some((row) => {
+          return row.rowId === 'HiPerf-callchart' && row.rowParentId === 'HiPerf';
+        });
+        let isResetHeight = parseFloat(favoriteList.style.height.replace('px', '')) >= 300;
+        let rowHeight = sp.collectRows.reduce((pre, row) => {
+          let height = row._frame?.height;
+          return pre + height!;
+        }, 0);
+        let titleHeight = sp.groupTitle1!.clientHeight || sp.groupTitle2!.clientHeight;
+        if (sp.collectEl1!.innerHTML.trim() !== '' && sp.collectEl2!.innerHTML.trim() !== '') {
+          titleHeight = titleHeight * 2;
+        }
+        favoriteList.style.height = this.visible === 'true' && isHiperf && !isResetHeight ? '300px' : `${rowHeight + titleHeight}px`;
+      }
     }; // @ts-ignore
     popover.onmouseleave = (): void => {
       this.focus();
diff --git a/ide/src/base-ui/select/LitSelectV.ts b/ide/src/base-ui/select/LitSelectV.ts
index b88b8c86b9b2980777e83ba3cee75599d708e23d..4a67e03a962f2f4a0f39a249ccfbf5a59d04cc87 100644
--- a/ide/src/base-ui/select/LitSelectV.ts
+++ b/ide/src/base-ui/select/LitSelectV.ts
@@ -303,6 +303,11 @@ export class LitSelectV extends BaseElement {
           o.removeAttribute('selected');
         });
         option.setAttribute('selected', '');
+        this.dispatchEvent(new CustomEvent('valueChange', {
+          detail: { value: option.textContent! },
+          bubbles: true,
+          composed: true
+        }));
         //@ts-ignore
         this.selectVInputEl!.value = option.textContent!;
         this.currentvalueStr = option.textContent!;
@@ -370,5 +375,15 @@ export class LitSelectV extends BaseElement {
     });
   }
 
+  clearVal(): void {// @ts-ignore
+    this.selectVInputEl!.value = '';
+    this.shadowRoot?.querySelectorAll('lit-select-option').forEach((a) => {
+        if (a.hasAttribute('selected')) {
+          a.removeAttribute('selected');
+        }
+    });
+    this.dataSource([], '');
+  }
+
   attributeChangedCallback(name: unknown, oldValue: unknown, newValue: unknown): void { }
 }
diff --git a/ide/src/base-ui/table/LitPageTable.ts b/ide/src/base-ui/table/LitPageTable.ts
index c9e0540f200900fd305fa67540fa828cb206654c..c1b21cdab8bc13d39f6d7840d134c5b5a1462861 100644
--- a/ide/src/base-ui/table/LitPageTable.ts
+++ b/ide/src/base-ui/table/LitPageTable.ts
@@ -159,6 +159,15 @@ export class LitPageTable extends BaseElement {
     this.targetPageInput = this.shadowRoot?.querySelector<HTMLInputElement>('#targetPage');
     this.jumpDiv = this.shadowRoot?.querySelector<HTMLDivElement>('#jumpPage');
     this.initPageEventListener();
+    this.targetPageInput!.addEventListener('input', ()=>{
+      let maxPage = this.ds.length!;
+      this.targetPageInput!.max = String(maxPage);
+      let currentValue = parseInt(this.targetPageInput!.value, 10);
+      let max = parseInt(this.targetPageInput!.max, 10);
+      if (currentValue > max) {
+        this.targetPageInput!.value = String(max);
+    }
+    });
   }
 
   initPageEventListener(): void {
diff --git a/ide/src/doc/des_tables.html b/ide/src/doc/des_tables.html
index 6e3b60f3d5925acd6c30994b57c8de509e6f4ca3..0d426865d442bef0bce21092a1fd86cde5df1d32 100644
--- a/ide/src/doc/des_tables.html
+++ b/ide/src/doc/des_tables.html
@@ -573,7 +573,7 @@
     }
 
     .smartperf-preview {
-      width: 68vw;
+      width: 98vw;
       height: 99%;
       box-sizing: border-box;
       overflow: hidden;
diff --git a/ide/src/doc/md/quickstart_hiperf.md b/ide/src/doc/md/quickstart_hiperf.md
index 742c82c5ef7801a8f0805d4a3e6996515bf78a72..8e0c2f8be437ee098074310987f19b1b2b95c8e9 100644
--- a/ide/src/doc/md/quickstart_hiperf.md
+++ b/ide/src/doc/md/quickstart_hiperf.md
@@ -13,6 +13,7 @@ Hiperf 工具是对系统性能数据进行采样记录，并将采样数据保
 -     Start Hiperf Sampling：配置项的总开关。
 -     Process：离线模式下配置的是整个系统的进程。
 -     Frequency：配置抓取的频率。
+-     Off CPU：配置抓取进程调度切换事件。
 -     Call Stack：配置抓取的堆栈类型。
 -     Advance Options：更多的抓取配置项。
   再点击 Record setting，在 output file path 输入文件名 hiprofiler_data_perf.htrace，拖动滚动条设置 buffer size 大小是 64MB，抓取时长是 50s。
diff --git a/ide/src/doc/md/quickstart_xpower.md b/ide/src/doc/md/quickstart_xpower.md
index 9ed37e17fc2e7c47af866d18bd51c0c483cbe20a..09d9997db7005f088c2e7fe969ae78deb0b02b8e 100644
--- a/ide/src/doc/md/quickstart_xpower.md
+++ b/ide/src/doc/md/quickstart_xpower.md
@@ -65,7 +65,7 @@ Xpower用于查看系统整机和应用功耗数据，当前支持：电源信
 - Value：值
 - Duration：持续时间
 
-框选system下的任意时间泳道图可以弹出Xpower Counters和Xpowe Component Top两个tab页
+框选system下的任意时间泳道图可以弹出Xpower Counters和Xpower Component Top两个tab页
 
 Xpower Counters的tab页
 
@@ -84,7 +84,7 @@ Xpower Counters的tab页
 - Min value：最小值
 - Max value：最大值
 
-Xpowe Component Top的tab页（此tab页为框选Battery.RealCurrent泳道图出现）
+Xpower Component Top的tab页（此tab页为框选Battery.RealCurrent泳道图出现）
 
 ![GitHub Logo](../../figures/Xpower/xpower_kx_top.jpg)
 
@@ -213,7 +213,7 @@ WIFIPacket、WIFIPacket和DisPlay泳道图的点选功能：点击WIFIPacket、W
 
 - StartTime(Relative) ：相对开始时间
 - StartTime(Absolute) ：绝对开始时间
-- receiver：接收数据大小
+- receive：接收数据大小
 - send：发送数据大小
 
 特别地：点击display的泳道图会出现屏幕刷新率的持续时间
@@ -261,7 +261,7 @@ Thread Count和Gpu Freq Count框选功能：框选Gpu Freq Count、Thread Count
 - Min value：最小值
 - Max value：最大值
 
-Statistics泳道图的框选功能：框选Statistics泳道图任意处会弹出Xpowe Statistics的tab页
+Statistics泳道图的框选功能：框选Statistics泳道图任意处会弹出Xpower Statistics的tab页
 
 ![GitHub Logo](../../figures/Xpower/xpower_kx_Statistics.jpg)
 
@@ -279,7 +279,7 @@ WIFIPackets、WIFIBytes和Display泳道图的框选功能：框选WIFIPackets、
 - Min：最小值（display为刷新率的最小持续时间，WIFIBytes为收发的数据包个数活数据最小值）
 - Avg：平均值（display为刷新率的平均持续时间，WIFIBytes为收发的数据包个数活数据平均数）
 
-Thread energy泳道图的框选功能：框选Thread energy泳道图会弹出Xpowe Thread energy的tab页
+Thread energy泳道图的框选功能：框选Thread energy泳道图会弹出Xpower Thread energy的tab页
 
 ![GitHub Logo](../../figures/Xpower/xpower_kx_energy.jpg)
 
@@ -289,7 +289,7 @@ Thread energy泳道图的框选功能：框选Thread energy泳道图会弹出Xpo
 - Max Energy：最大能耗
 - Min Energy：最小能耗
 
-Thread Load泳道图的框选功能：框选Thread Load泳道图会弹出Xpowe Thread Load的tab页
+Thread Load泳道图的框选功能：框选Thread Load泳道图会弹出Xpower Thread Load的tab页
 
 ![GitHub Logo](../../figures/Xpower/xpower_kx_load.jpg)
 
@@ -299,7 +299,7 @@ Thread Load泳道图的框选功能：框选Thread Load泳道图会弹出Xpowe T
 - Max Load：最大占比
 - Min Load：最小占比
 
-Gpu Freq Count泳道图的框选功能：框选Thread energy泳道图会弹出Xpowe Gpu Frequency 的tab页
+Gpu Freq Count泳道图的框选功能：框选Thread energy泳道图会弹出Xpower Gpu Frequency 的tab页
 
 ![GitHub Logo](../../figures/Xpower/xpower_kx_freq.jpg)
 
diff --git a/ide/src/doc/quickstart_Application_operation_skills.html b/ide/src/doc/quickstart_Application_operation_skills.html
index 3b33378c097e3bd6e7c7acdf87bd8b8755a41071..f73970089bd7e9112c1367b7fa6c38b3f047f6ca 100644
--- a/ide/src/doc/quickstart_Application_operation_skills.html
+++ b/ide/src/doc/quickstart_Application_operation_skills.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_Frametimeline.html b/ide/src/doc/quickstart_Frametimeline.html
index c1e54878d44121c9fd9d961324eeaaa65257366d..b6d25bae30e9923e54961ac3d8d2c0dda8c4dc6f 100644
--- a/ide/src/doc/quickstart_Frametimeline.html
+++ b/ide/src/doc/quickstart_Frametimeline.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_Import_so.html b/ide/src/doc/quickstart_Import_so.html
index 1eaf8535ca34709566a11b8d9796e124cee09f3c..291f8f55ceabec71718874eb4ee3bbade9a70e9d 100644
--- a/ide/src/doc/quickstart_Import_so.html
+++ b/ide/src/doc/quickstart_Import_so.html
@@ -570,7 +570,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_Js_memory.html b/ide/src/doc/quickstart_Js_memory.html
index 4cacf55c4290b6ed0f3734072ce93c6f636f5a95..69a3f5eb5dfc0d437d78b3ffaaae0a3e3c92f34a 100644
--- a/ide/src/doc/quickstart_Js_memory.html
+++ b/ide/src/doc/quickstart_Js_memory.html
@@ -570,7 +570,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_ability_monitor.html b/ide/src/doc/quickstart_ability_monitor.html
index 322009083b81b545b102c32b01be70e53cfb614b..77ccdb668f7d31e957245ce40ff7e185c01586de 100644
--- a/ide/src/doc/quickstart_ability_monitor.html
+++ b/ide/src/doc/quickstart_ability_monitor.html
@@ -571,7 +571,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_animation.html b/ide/src/doc/quickstart_animation.html
index a7d144cd5ad346ad7697668316fe434289bb80c4..19ef30bb1610bab4a29a9516ba032dabc5340a46 100644
--- a/ide/src/doc/quickstart_animation.html
+++ b/ide/src/doc/quickstart_animation.html
@@ -570,7 +570,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_app_startup.html b/ide/src/doc/quickstart_app_startup.html
index 0d5dc3e95c42d9888471590ea63e2c59e4ae2b43..df2198a02fc28de0444fcb44e54b2f3fd2c2619c 100644
--- a/ide/src/doc/quickstart_app_startup.html
+++ b/ide/src/doc/quickstart_app_startup.html
@@ -571,7 +571,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_arkts.html b/ide/src/doc/quickstart_arkts.html
index 1e9d9d8c1addcd01efaefad6b9c0273777a9858c..0acd057d9916195706e9f39c6246b14c551ea9e9 100644
--- a/ide/src/doc/quickstart_arkts.html
+++ b/ide/src/doc/quickstart_arkts.html
@@ -570,7 +570,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_bio.html b/ide/src/doc/quickstart_bio.html
index 060fc8fda77a21a8cd96b97d220e6283337567e0..bf952a1622d273faf4a043360947ce7a42363e3f 100644
--- a/ide/src/doc/quickstart_bio.html
+++ b/ide/src/doc/quickstart_bio.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_device_record.html b/ide/src/doc/quickstart_device_record.html
index b09e32c0333e8a52e7e25905072b1330477c8cf8..c892cb8703edcedfb3c51dbad8c47cbe44719bd4 100644
--- a/ide/src/doc/quickstart_device_record.html
+++ b/ide/src/doc/quickstart_device_record.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_extensions.html b/ide/src/doc/quickstart_extensions.html
index 9be16c4ff4f1f29954cc269adacd29610074a7ef..390bc808c78837dc90222ebee816a42c365714b2 100644
--- a/ide/src/doc/quickstart_extensions.html
+++ b/ide/src/doc/quickstart_extensions.html
@@ -573,7 +573,7 @@
         }
 
         .smartperf-preview {
-            width: 68vw;
+            width: 98vw;
             height: 99%;
             box-sizing: border-box;
             overflow: hidden;
@@ -811,7 +811,7 @@
             在hi-smart-perf-host-extend目录下，找到stop.bat文件，右键选择以管理员身份运行，即可关闭扩展服务。
         </p>
         <p class="fontColor" style="font-weight: bold">
-            备注：当前扩展服务版本为1.0.8，如果本地存在以其他方式安装的非正式版本，请手动关闭扩展服务，并重新按照该指导安装
+            备注：当前扩展服务版本为1.1.1，如果本地存在以其他方式安装的非正式版本，请手动关闭扩展服务，并重新按照该指导安装
         </p>
     </div>
 
diff --git a/ide/src/doc/quickstart_ffrt.html b/ide/src/doc/quickstart_ffrt.html
index 73324a813585323b3aafa33967555f8976ce8ff9..0f0acbcbe2e7a0cf909dda5792889bb26d1ee359 100644
--- a/ide/src/doc/quickstart_ffrt.html
+++ b/ide/src/doc/quickstart_ffrt.html
@@ -573,7 +573,7 @@
         }
 
         .smartperf-preview {
-            width: 68vw;
+            width: 98vw;
             height: 99%;
             box-sizing: border-box;
             overflow: hidden;
diff --git a/ide/src/doc/quickstart_filesystem.html b/ide/src/doc/quickstart_filesystem.html
index 0ae0a314f4a075f63ffd1872c176dbfe699dab3c..c7ec7cd693589c9e1ea02627d57e7678eb39efc3 100644
--- a/ide/src/doc/quickstart_filesystem.html
+++ b/ide/src/doc/quickstart_filesystem.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_hilog.html b/ide/src/doc/quickstart_hilog.html
index 91c6539a147de926ac22e7433fd6b2363f4a1ab9..1b59ca8ad4aae225d34dfc8215d83ec603db6009 100644
--- a/ide/src/doc/quickstart_hilog.html
+++ b/ide/src/doc/quickstart_hilog.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_hiperf.html b/ide/src/doc/quickstart_hiperf.html
index f73ecd41bf0a912f1a5d61c299fc4d3bc46b36b5..d1607a45a0dde41e9c3b91e98c88bc696710ec54 100644
--- a/ide/src/doc/quickstart_hiperf.html
+++ b/ide/src/doc/quickstart_hiperf.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
@@ -811,6 +811,12 @@ Process：离线模式下配置的是整个系统的。
         <li>
           <pre class="smartperf-text fontColor light">
 Frequency：配置抓取的频率。
+</pre
+          >
+        </li>
+        <li>
+          <pre class="smartperf-text fontColor light">
+Off CPU：配置抓取进程调度切换事件。
 </pre
           >
         </li>
diff --git a/ide/src/doc/quickstart_hisystemevent.html b/ide/src/doc/quickstart_hisystemevent.html
index 30b10d988929c247c01739a67d619ce65fb14409..ac68ee040e00c84d9c8d31932c5bf24a998b4b50 100644
--- a/ide/src/doc/quickstart_hisystemevent.html
+++ b/ide/src/doc/quickstart_hisystemevent.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_keywords_shortcuts.html b/ide/src/doc/quickstart_keywords_shortcuts.html
index def77ed765fd4c78bc36ca5bc458e6e4ae0bcc08..1655299f8d34b791b5f519f17debd343b748c122 100644
--- a/ide/src/doc/quickstart_keywords_shortcuts.html
+++ b/ide/src/doc/quickstart_keywords_shortcuts.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_limit.html b/ide/src/doc/quickstart_limit.html
new file mode 100644
index 0000000000000000000000000000000000000000..6757248d779772254a9c0921bc1d52e0e342555d
--- /dev/null
+++ b/ide/src/doc/quickstart_limit.html
@@ -0,0 +1,894 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <title>quickstart_limit</title>
+
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <style>
+        code[class*='smartperf-'],
+        pre[class*='smartperf-'] {
+            color: #333333;
+            background: none;
+            font-family: Helvetica;
+            line-height: 1.6;
+            text-align: left;
+            white-space: pre;
+            -moz-tab-size: 9;
+            -o-tab-size: 9;
+            tab-size: 8;
+            -webkit-hyphens: none;
+            -moz-hyphens: none;
+            -ms-hyphens: none;
+            hyphens: none;
+        }
+
+        /* Code blocks */
+        pre[class*='smartperf-'] {
+            padding: 0.9em;
+            overflow: auto;
+            border-radius: 2px;
+            background: #f5f5f4;
+        }
+
+        /* Inline code */
+        :not(pre)>code[class*='smartperf-'] {
+            white-space: normal;
+            background: #fcf8f8;
+            padding: 1px 0.2em;
+            border-radius: 1px 0.3em;
+        }
+
+        .tk.comment,
+        .tk.blockquote {
+            color: #8c918c;
+        }
+
+        .tk.cdata {
+            color: #183898;
+        }
+
+        .tk.doctype,
+        .tk.punctuation,
+        .tk.variable,
+        .tk.macro.property {
+            color: #424242;
+        }
+
+        .tk.operator,
+        .tk.important,
+        .tk.keyword,
+        .tk.rule,
+        .tk.builtin {
+            color: #b71d65;
+        }
+
+        .tk.string,
+        .tk.url,
+        .tk.regex,
+        .tk.attr-value {
+            color: #16338d;
+        }
+
+        .tk.property,
+        .tk.number,
+        .tk.boolean,
+        .tk.entity,
+        .tk.atrule,
+        .tk.constant,
+        .tk.symbol,
+        .tk.command,
+        .tk.code {
+            color: #037aa2;
+        }
+
+        .tk.tag,
+        .tk.selector,
+        .tk.prolog {
+            color: #69ad62;
+        }
+
+        .tk.function,
+        .tk.namespace,
+        .tk.pseudo-element,
+        .tk.class,
+        .tk.class-name,
+        .tk.pseudo-class,
+        .tk.id,
+        .tk.url-reference .tk.variable,
+        .tk.attr-name {
+            color: #775d9d;
+        }
+
+        .tk.entity {
+            cursor: help;
+        }
+
+        .tk.title,
+        .tk.title .tk.punctuation {
+            font-weight: bold;
+            color: #1a3773;
+        }
+
+        .tk.list {
+            color: #f56940;
+        }
+
+        .tk.inserted {
+            background-color: #eaffea;
+            color: #509b2f;
+        }
+
+        .tk.deleted {
+            background-color: #fae1e1;
+            color: #ad2d06;
+        }
+
+        .tk.bold {
+            font-weight: bolder;
+        }
+
+        .tk.italic {
+            font-style: normal;
+        }
+
+        /* JSON */
+        .smartperf-json .tk.property {
+            color: #19358c;
+        }
+
+        .smartperf-markup .tk.tag .tk.punctuation {
+            color: #2c2b2b;
+        }
+
+        /* CSS */
+        code.smartperf-css,
+        .smartperf-css .tk.function {
+            color: #047ca4;
+        }
+
+        /* YAML */
+        .smartperf-yaml .tk.atrule {
+            color: #609b5a;
+        }
+
+        code.smartperf-yaml {
+            color: #153491;
+        }
+
+        /* Ruby */
+        .smartperf-ruby .tk.function {
+            color: #3f3e3e;
+        }
+
+        /* Markdown */
+        .smartperf-markdown .tk.url {
+            color: #6e5298;
+        }
+
+        /* Makefile */
+        .smartperf-makefile .tk.symbol {
+            color: #6c5393;
+        }
+
+        .smartperf-makefile .tk.variable {
+            color: #183488;
+        }
+
+        .smartperf-makefile .tk.builtin {
+            color: #027ba4;
+        }
+
+        /* Bash */
+        .smartperf-bash .tk.keyword {
+            color: #027fa9;
+        }
+
+        /* highlight */
+        pre[dl] {
+            position: relative;
+            padding: 1em 1px 1px 0.9em;
+        }
+
+        pre[dl] .line-highlight-wrapper {
+            position: absolute;
+            top: 1px;
+            left: 1px;
+            background-color: transparent;
+            display: block;
+            width: 99%;
+        }
+
+        pre[dl] .line-highlight {
+            position: absolute;
+            left: 1px;
+            right: 1px;
+            padding: inherit;
+            margin-top: 0.9em;
+            background: hsla(25, 21%, 50%, 0.08);
+            background: linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));
+            pointer-events: none;
+            line-height: inherit;
+            white-space: pre;
+        }
+
+        pre[dl] .line-highlight:before,
+        pre[dl] .line-highlight[data-end]:after {
+            content: attr(data-start);
+            position: absolute;
+            text-shadow: none;
+            top: 0.3em;
+            left: 0.7em;
+            min-width: 0.9em;
+            padding: 1px 0.6em;
+            background-color: hsla(24, 20%, 47%, 0.4);
+            color: hsl(20, 11%, 95%);
+            text-align: center;
+            vertical-align: 0.2em;
+            border-radius: 10000px;
+            box-shadow: 1px 2px #fdf6f6;
+        }
+
+        pre[dl] .line-highlight[data-end]:after {
+            content: attr(data-end);
+            top: auto;
+            bottom: 0.5em;
+        }
+
+        html body {
+            line-height: 1.6;
+            font-size: 16px;
+            color: #333333;
+            overflow: initial;
+            word-wrap: break-word;
+            font-family: Helvetica;
+            box-sizing: border-box;
+        }
+
+        html body> :first-child {
+            margin-top: 0px;
+        }
+
+        html body h1,
+        html body h2,
+        html body h3,
+        html body h4,
+        html body h5,
+        html body h6 {
+            margin-top: 1em;
+            margin-bottom: 16px;
+            color: #000000;
+            line-height: 1.2;
+        }
+
+        html body h1 {
+            font-weight: 300;
+            font-size: 2.25em;
+            padding-bottom: 0.3em;
+        }
+
+        html body h2 {
+            font-weight: 410;
+            font-size: 1.74em;
+            padding-bottom: 0.2em;
+        }
+
+        html body h3 {
+            font-size: 1.6em;
+            font-weight: 501;
+        }
+
+        html body h4 {
+            font-size: 1.26em;
+            font-weight: 601;
+        }
+
+        html body h5 {
+            font-size: 1.2em;
+            font-weight: 601;
+        }
+
+        html body h6 {
+            font-size: 0.9em;
+            font-weight: 601;
+        }
+
+        html body h1,
+        html body h2,
+        html body h3,
+        html body h4,
+        html body h5 {
+            font-weight: 601;
+        }
+
+        html body h5 {
+            font-size: 0.9em;
+        }
+
+        html body h6 {
+            color: #5c5c5c;
+        }
+
+        html body strong {
+            color: #090909;
+        }
+
+        html body del {
+            color: #525252;
+        }
+
+        html body a:not([href]) {
+            color: inherit;
+            text-decoration: none;
+        }
+
+        html body a {
+            color: #0192da;
+            text-decoration: none;
+        }
+
+        html body a:hover {
+            color: #029dea;
+            text-decoration: none;
+        }
+
+        html body img {
+            max-width: 99%;
+        }
+
+        html body>p {
+            margin-top: 1px;
+            margin-bottom: 15px;
+            word-wrap: break-word;
+        }
+
+        html body>ul,
+        html body>ol {
+            margin-bottom: 15px;
+        }
+
+        html body ul,
+        html body ol {
+            padding-left: 1.9em;
+        }
+
+        html body ul.no-list,
+        html body ol.no-list {
+            padding: 0px;
+            list-style-type: none;
+        }
+
+        html body ul ul,
+        html body ul ol,
+        html body ol ol,
+        html body ol ul {
+            margin-top: 1px;
+            margin-bottom: 1px;
+        }
+
+        html body li {
+            margin-bottom: 1px;
+        }
+
+        html body li.task-list-item {
+            list-style: none;
+        }
+
+        html body li>p {
+            margin-top: 1px;
+            margin-bottom: 1px;
+        }
+
+        html body .task-list-item-checkbox {
+            margin: 0 0.3em 0.24em -1.7em;
+            vertical-align: middle;
+        }
+
+        html body .task-list-item-checkbox:hover {
+            cursor: pointer;
+        }
+
+        html body blockquote {
+            padding: 0.1px 15px 0 0.1px;
+            font-size: inherit;
+            color: #5c5c5c;
+            margin: 16px 0.1px 0 0.1px;
+            border-left: 3px solid #cbc9c9;
+            background-color: #e8e6e6;
+        }
+
+        html body blockquote> :first-child {
+            margin-top: 0.2px;
+        }
+
+        html body blockquote> :last-child {
+            margin-bottom: 0.1px;
+        }
+
+        html body hr {
+            height: 5px;
+            background-color: #cbcaca;
+            margin: 32px 0 0.1px 0;
+            border: 0 none;
+        }
+
+        html body table {
+            overflow: auto;
+            border-collapse: collapse;
+            margin: 15px 0.1px 20px 0.1px;
+            border-spacing: 0;
+        }
+
+        html body table th {
+            font-weight: bold;
+            color: #000000;
+        }
+
+        html body table td,
+        html body table th {
+            border: 1px solid #d6d6d6;
+            padding: 2px 14px;
+        }
+
+        html body dl {
+            padding: 0px;
+        }
+
+        html body dl dt {
+            padding: 0px;
+            margin-top: 15px;
+            font-size: 0.9em;
+            font-style: italic;
+            font-weight: bold;
+        }
+
+        html body dl dd {
+            padding: 0px 17px;
+            margin-bottom: 17px;
+        }
+
+        html body code {
+            font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+            font-size: 0.86em !important;
+            color: #000000;
+            background-color: #f0f0f0;
+            border-radius: 4px;
+            padding: 0.3em 0px;
+        }
+
+        html body code::before,
+        html body code::after {
+            letter-spacing: -0.1em;
+            content: '\00a0';
+        }
+
+        html body pre>code {
+            padding: 1px;
+            margin: 0px;
+            font-size: 0.86em !important;
+            word-break: normal;
+            white-space: pre;
+            background: transparent;
+            border: 0px;
+        }
+
+        html body .highlight {
+            margin-bottom: 17px;
+        }
+
+        html body .highlight pre,
+        html body pre {
+            padding: 0.9em;
+            overflow: auto;
+            font-size: 0.86em !important;
+            line-height: 1.46;
+            border: #d6d6d6;
+            border-radius: 4px;
+        }
+
+        html body .highlight pre {
+            margin-bottom: 0px;
+            word-break: normal;
+        }
+
+        html body pre code,
+        html body pre tt {
+            display: inline;
+            max-width: initial;
+            padding: 1px;
+            margin: 1px;
+            overflow: initial;
+            line-height: inherit;
+            word-wrap: normal;
+            background-color: transparent;
+            border: 1px;
+        }
+
+        html body pre code:before,
+        html body pre tt:before,
+        html body pre code:after,
+        html body pre tt:after {
+            content: normal;
+        }
+
+        html body p,
+        html body blockquote,
+        html body ul,
+        html body ol,
+        html body dl,
+        html body pre {
+            margin-top: 1px;
+            margin-bottom: 17px;
+        }
+
+        html body kbd {
+            color: #000000;
+            border: 3px solid #d6d6d6;
+            border-bottom: 3px solid #c7c7c7;
+            padding: 3px 5px;
+            background-color: #f0f0f0;
+            border-radius: 2px;
+        }
+
+        @media print {
+            html body {
+                background-color: #ffffff;
+            }
+
+            html body h1,
+            html body h2,
+            html body h3,
+            html body h4,
+            html body h5,
+            html body h6 {
+                color: #000000;
+                page-break-after: avoid;
+            }
+
+            html body blockquote {
+                color: #5c5c53;
+            }
+
+            html body pre {
+                page-break-inside: avoid;
+            }
+
+            html body table {
+                display: table;
+            }
+
+            html body img {
+                display: block;
+                max-width: 99%;
+                max-height: 99%;
+            }
+
+            html body pre,
+            html body code {
+                word-wrap: break-word;
+                white-space: pre;
+            }
+        }
+
+        .smartperf-preview {
+            width: 98vw;
+            height: 99%;
+            box-sizing: border-box;
+            overflow: hidden;
+            background-color: #fff;
+        }
+
+        .smartperf-preview .pagebreak,
+        .smartperf-preview .newpage {
+            page-break-before: always;
+        }
+
+        .smartperf-preview pre.line-numbers {
+            position: relative;
+            padding-left: 3.7em;
+            counter-reset: linenumber;
+        }
+
+        .smartperf-preview pre.line-numbers>code {
+            position: relative;
+        }
+
+        .smartperf-preview pre.line-numbers .line-numbers-rows {
+            position: absolute;
+            pointer-events: none;
+            top: 0.9em;
+            font-size: 99%;
+            left: 1px;
+            width: 3em;
+            letter-spacing: -1px;
+            border-right: 1px solid #999;
+            -webkit-user-select: none;
+            -moz-user-select: none;
+            -ms-user-select: none;
+            user-select: none;
+        }
+
+        .smartperf-preview pre.line-numbers .line-numbers-rows>span {
+            pointer-events: none;
+            display: block;
+            counter-increment: linenumber;
+        }
+
+        .smartperf-preview pre.line-numbers .line-numbers-rows>span:before {
+            content: counter(linenumber);
+            color: #999;
+            display: block;
+            padding-right: 0.79em;
+            text-align: right;
+        }
+
+        .smartperf-preview .mathjax-exps .MathJax_Display {
+            text-align: center !important;
+        }
+
+        .smartperf-preview:not([for='preview']) .code-chunk .btn-group {
+            display: none;
+        }
+
+        .smartperf-preview:not([for='preview']) .code-chunk .status {
+            display: none;
+        }
+
+        .smartperf-preview:not([for='preview']) .code-chunk .output-div {
+            margin-bottom: 16px;
+        }
+
+        .scrollbar-style::-webkit-scrollbar {
+            width: 8px;
+        }
+
+        .scrollbar-style::-webkit-scrollbar-track {
+            border-radius: 9px;
+            background-color: transparent;
+        }
+
+        .scrollbar-style::-webkit-scrollbar-thumb {
+            border-radius: 6px;
+            background-color: rgba(150, 150, 150, 1);
+            border: 4px solid rgba(150, 150, 150, 1);
+            background-clip: content-box;
+        }
+
+        html body[for='html-export']:not([dpm]) {
+            position: relative;
+            width: 99%;
+            height: 99%;
+            ;
+            overflow: auto;
+        }
+
+        html body[for='html-export']:not([dpm]) .smartperf-preview {
+            position: relative;
+            top: 1px;
+        }
+
+        @media screen and (min-width: 914px) {
+            html body[for='html-export']:not([dpm]) .smartperf-preview {
+                padding: 2em;
+            }
+        }
+
+        @media screen and (max-width: 914px) {
+            html body[for='html-export']:not([dpm]) .smartperf-preview {
+                padding: 1.9em;
+            }
+        }
+
+        @media screen and (max-width: 450px) {
+            html body[for='html-export']:not([dpm]) .smartperf-preview {
+                font-size: 15px !important;
+                padding: 1.1em;
+            }
+        }
+
+        @media print {
+            html body[for='html-export']:not([dpm]) #sidebar-toc-btn {
+                display: none;
+            }
+        }
+
+        html body[for='html-export']:not([dpm]) #sidebar-toc-btn {
+            position: fixed;
+            bottom: 9px;
+            left: 9px;
+            font-size: 28px;
+            cursor: pointer;
+            color: inherit;
+            z-index: 99;
+            width: 31px;
+            text-align: center;
+            opacity: 0.5;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] #sidebar-toc-btn {
+            opacity: 1;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc {
+            position: fixed;
+            top: 1px;
+            left: 1px;
+            width: 300px;
+            height: 99%;
+            padding: 32px 0 48px 0;
+            font-size: 14px;
+            box-shadow: 1px 1px 4px rgba(150, 150, 150, 0.33);
+            box-sizing: border-box;
+            overflow: auto;
+            background-color: inherit;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc::-webkit-scrollbar {
+            width: 9px;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc::-webkit-scrollbar-track {
+            border-radius: 11px;
+            background-color: transparent;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc::-webkit-scrollbar-thumb {
+            border-radius: 6px;
+            background-color: rgba(150, 150, 150, 0.66);
+            border: 3px solid rgba(150, 150, 150, 0.66);
+            background-clip: content-box;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc a {
+            text-decoration: none;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc ul {
+            padding: 1px 1.7em;
+            margin-top: 0.9em;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc li {
+            margin-bottom: 0.8em;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .md-sidebar-toc ul {
+            list-style-type: none;
+        }
+
+        html body[for='html-export']:not([dpm])[hsst] .smartperf-preview {
+            left: 301px;
+            width: calc(100% - 300px);
+            padding: 2em calc(50% - 457px - 150px);
+            margin: 1px;
+            box-sizing: border-box;
+        }
+
+        @media screen and (max-width: 1274px) {
+            html body[for='html-export']:not([dpm])[hsst] .smartperf-preview {
+                padding: 1.9em;
+            }
+        }
+
+        @media screen and (max-width: 450px) {
+            html body[for='html-export']:not([dpm])[hsst] .smartperf-preview {
+                width: 99%;
+            }
+        }
+
+        html body[for='html-export']:not([dpm]):not([hsst]) .md-sidebar-toc {
+            display: none;
+        }
+    </style>
+</head>
+
+<body for="html-export" id="body" style="margin:0">
+    <div class="smartperf smartperf-preview" style="min-height: 99vh;">
+        <h1 class="mume-header fontColor">约束与限制</h1>
+        <h2 class="mume-header fontColor">Htrace（ftrace插件抓取的trace）</h2>
+        <p class="fontColor">
+            <img src="../figures/Limit/htrace.jpg" alt="GitHub Logo" />
+        </p>
+        <ul class="fontColor">
+            <li>
+                <pre class="smartperf-text fontColor light">
+linux内核6.6.30版本后抓取的htrace不支持解析；
+</pre>
+            </li>
+            <li>
+                <pre class="smartperf-text fontColor light">
+只支持抓取全进程，不支持抓取开机启动的trace。
+</pre>
+            </li>
+        </ul>
+        <h2 class="mume-header fontColor">Native Memory</h2>
+        <ul class="fontColor">
+            <li>
+                <pre class="smartperf-text fontColor light">
+不支持抓取全进程，最多可以选择抓取四个进程。
+</pre>
+            </li>
+        </ul>
+        <h2 class="mume-header fontColor">Hiperf</h2>
+        <ul class="fontColor">
+            <li>
+                <pre class="smartperf-text fontColor light">
+默认使用-a参数抓取全进程；user版本无法抓取全进程，无法使用-a参数，需要手动选取进程。
+</pre>
+            </li>
+            <li>
+                <pre class="smartperf-text fontColor light">
+从OpenHarmony SDK 5.0.0.40 开始，user版本仅支持对debug应用进行调试。
+</pre>
+            </li>
+        </ul>
+        <h2 class="mume-header fontColor">Ebpf</h2>
+        <ul class="fontColor">
+            <li>
+                <pre class="smartperf-text fontColor light">
+仅支持linux内核，鸿蒙内核不支持抓取。
+</pre>
+            </li>
+        </ul>
+        <h2 class="mume-header fontColor">VM Tracker</h2>
+        <ul class="fontColor">
+            <li>
+                <pre class="smartperf-text fontColor light">
+不支持抓取全进程。
+</pre>
+            </li>
+        </ul>
+        <h2 class="mume-header fontColor">Ark Ts</h2>
+        <ul class="fontColor">
+            <li>
+                <pre class="smartperf-text fontColor light">
+仅支持使用扩展服务包抓取，web端抓取和离线抓取都不支持；
+</pre>
+            </li>
+            <li>
+                <pre class="smartperf-text fontColor light">
+因安全原因，仅支持抓取未上架应用(即debug签名的应用)。
+</pre>
+            </li>
+        </ul>
+        <h2 class="mume-header fontColor">Hilog</h2>
+        <ul class="fontColor">
+            <li>
+                <pre class="smartperf-text fontColor light">
+支持抓取全进程。
+</pre>
+            </li>
+        </ul>
+    </div>
+
+    <script>
+        window.onload = () => {
+            let isDark = getURLParameter('dark');
+            let targetId = getURLParameter('targetId');
+            let isBack = getURLParameter('isBack');
+            if (isDark === 'true') {
+                document.getElementById('body').setAttribute('style', 'background-color:#272C34;');
+                let header = document.getElementsByClassName('fontColor');
+                for (let i = 0; i < header.length; i++) {
+                    header[i].style.color = '#fff';
+                }
+                let lightBackGround = document.getElementsByClassName('light');
+                for (let i = 0; i < lightBackGround.length; i++) {
+                    lightBackGround[i].style.backgroundColor = '#32373F';
+                }
+            }
+            function getURLParameter(name) {
+                return (new URL(document.location)).searchParams.get(name);
+            }
+
+            if (targetId !== null) {
+                let targetElement = document.getElementById(targetId);
+                targetElement.scrollIntoView({ behavior: 'smooth' });
+            }
+        };
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/ide/src/doc/quickstart_memory_template.html b/ide/src/doc/quickstart_memory_template.html
index 03b834e9ebddc4f17803da47e3bab87a732495b9..52ce481ea34211f55be013f5496d2276484945a0 100644
--- a/ide/src/doc/quickstart_memory_template.html
+++ b/ide/src/doc/quickstart_memory_template.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
@@ -1349,7 +1349,7 @@ ProcessCache： Total-RenderServiceCpu-SkiaCpu-GLESHostCache的值。
       <h3 class="mume-header fontColor" id="header-index-7">VM Tracker下的GPU泳道图展示</h3>
 
       <p class="fontColor">
-        GPU泳道图分为GL，Skia Gpu Dump Toal，Skia Gpu Dump Window，Skia Gpu Memory泳道图。
+        GPU泳道图分为GL，Skia Gpu Dump Total，Skia Gpu Dump Window，Skia Gpu Memory泳道图。
         <br />
         <img src="../figures/Allmemory/gpurow.jpg" alt="GitHub Logo" />
         <br />
@@ -1446,7 +1446,7 @@ GL_PSS：GL_PSS的大小。
         </li>
       </ul>
       <p class="fontColor">
-        Skia Gpu Dump Toal泳道图点选功能。
+        Skia Gpu Dump Total泳道图点选功能。
         <br />
         <img src="../figures/Allmemory/vgputotalselect.jpg" alt="GitHub Logo" />
       </p>
@@ -1465,7 +1465,7 @@ Size：按照模块/目录显示size大小。
         </li>
       </ul>
       <p class="fontColor">
-        Skia Gpu Dump Toal泳道图框选功能。
+        Skia Gpu Dump Total泳道图框选功能。
         <br />
         <img src="../figures/Allmemory/vgputotaldrag.jpg" alt="GitHub Logo" />
       </p>
diff --git a/ide/src/doc/quickstart_native_memory.html b/ide/src/doc/quickstart_native_memory.html
index 48948d3832d2321a8a6bed0f1bc6ae4ba6fd7810..f4571db8ac799ec70e74417b30f08b5655316b16 100644
--- a/ide/src/doc/quickstart_native_memory.html
+++ b/ide/src/doc/quickstart_native_memory.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
@@ -1088,9 +1088,9 @@
       <p class="fontColor">调用栈默认会显示火焰图，新增搜索框表达式输入。表达式作用范围为 nativehook
         的统计与非统计模式。其中处理的为 Responsible Library 与 Responsible Caller，其中 Responsible
         Library 和Responsible Caller 表示从下往上非 libc++ musl 的第一条调用栈的 lib 跟
-        symbol，如下图所示，由于最后一条 [ operator new(unsigned long) ] <a href="http://libc++.so/">libc++.so</a>
-        为 <a href="http://libc++.so/">libc++.so</a> 的函数，故跳过，所以该条调用栈的 Responsible Library
-        为 <a href="http://libhilog.so/">libhilog.so</a>，Responsible Caller 为
+        symbol，如下图所示，由于最后一条 [ operator new(unsigned long) ] libc++.so
+        为 libc++.so 的函数，故跳过，所以该条调用栈的 Responsible Library
+        为 libhilog.so，Responsible Caller 为
         OHOS::HiviewDFX::GetDomainLevel(unsigned int) 。<br>
         <img
           src="../figures/NativeMemory/framecaller.jpg"
@@ -1131,8 +1131,8 @@
           <td>只显示 Responsible Library 路径/data/user 且 symbol 为任意值的数据</td>
         </tr>
         <tr>
-          <td>@(<a href="http://mali.so/">mali.so</a> *,libGLES_mali.so *)</td>
-          <td>只显示 Responsible Library 包含 <a href="http://mali.so/">mali.so</a> 或者 libGLES_mali.so
+          <td>@(mali.so *,libGLES_mali.so *)</td>
+          <td>只显示 Responsible Library 包含 mali.so 或者 libGLES_mali.so
             的数据
           </td>
         </tr>
diff --git a/ide/src/doc/quickstart_page_fault.html b/ide/src/doc/quickstart_page_fault.html
index 594c1ca3e39666c59b743369dca769802374708a..3a3fb8be5b6ea9ce77fa6ec5cb351d016e9ab27f 100644
--- a/ide/src/doc/quickstart_page_fault.html
+++ b/ide/src/doc/quickstart_page_fault.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_parsing_ability.html b/ide/src/doc/quickstart_parsing_ability.html
index 45ee591a2622877f6a0bed6af3bb7688fec8876d..9a46fa090c2ff7e40a328f359b5c8ada7a5d7342 100644
--- a/ide/src/doc/quickstart_parsing_ability.html
+++ b/ide/src/doc/quickstart_parsing_ability.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_schedulinganalysis.html b/ide/src/doc/quickstart_schedulinganalysis.html
index d5a807b6a031c01dcac20e5b1ccbe458e5eca1da..a4104ab2bf9838938a3d185ba1c97cc4c95bef5a 100644
--- a/ide/src/doc/quickstart_schedulinganalysis.html
+++ b/ide/src/doc/quickstart_schedulinganalysis.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_sdk.html b/ide/src/doc/quickstart_sdk.html
index cfbe2f494237225201da68dc04b82b080820c8c3..42cd03a82668e598aac28e87a76655205efbc515 100644
--- a/ide/src/doc/quickstart_sdk.html
+++ b/ide/src/doc/quickstart_sdk.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_sql_metrics.html b/ide/src/doc/quickstart_sql_metrics.html
index 426e2306b1c14e2c004fd6086f6dbb3ede220288..a3f078ea3a17431c3ef4aff3299a52421d82bc78 100644
--- a/ide/src/doc/quickstart_sql_metrics.html
+++ b/ide/src/doc/quickstart_sql_metrics.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_systemtrace.html b/ide/src/doc/quickstart_systemtrace.html
index 2d11409149edb14cd6c058e5908b69c2d829996b..cc205f1b0c8ec41512d3fc40c0fad1726d8bf63a 100644
--- a/ide/src/doc/quickstart_systemtrace.html
+++ b/ide/src/doc/quickstart_systemtrace.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_taskpool.html b/ide/src/doc/quickstart_taskpool.html
index d201910b149b0d00b15d7760f560c3ed0b59d52f..78c5496dc8cc2a5df1422be2ab6428e59e91265a 100644
--- a/ide/src/doc/quickstart_taskpool.html
+++ b/ide/src/doc/quickstart_taskpool.html
@@ -571,7 +571,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_web_record.html b/ide/src/doc/quickstart_web_record.html
index cde31b29cc99a78c501bcdbcf4c92e6ea99012ba..0f93b15ed9c2f7776ce638451c822208f2000f12 100644
--- a/ide/src/doc/quickstart_web_record.html
+++ b/ide/src/doc/quickstart_web_record.html
@@ -572,7 +572,7 @@
       }
 
       .smartperf-preview {
-        width: 68vw;
+        width: 98vw;
         height: 99%;
         box-sizing: border-box;
         overflow: hidden;
diff --git a/ide/src/doc/quickstart_xpower.html b/ide/src/doc/quickstart_xpower.html
index 02a78a4377d5c51f774c50d740a778b6309620a6..f87e0f6b446cae917b7eaaf2ef5638e99b89c783 100644
--- a/ide/src/doc/quickstart_xpower.html
+++ b/ide/src/doc/quickstart_xpower.html
@@ -573,7 +573,7 @@
     }
 
     .smartperf-preview {
-      width: 68vw;
+      width: 98vw;
       height: 99%;
       box-sizing: border-box;
       overflow: hidden;
@@ -914,7 +914,7 @@ ThermalReport.ThermalLevel： 温度等级。
       <li>Value：值</li>
       <li>Duration：持续时间</li>
     </ul>
-    <p>框选system下的RealCurrent泳道图可以弹出Xpower Counters和Xpowe Component Top两个tab页</p>
+    <p>框选system下的RealCurrent泳道图可以弹出Xpower Counters和Xpower Component Top两个tab页</p>
     <p>Xpower Counters的tab页</p>
     <p><img src="../figures/Xpower/xpower_kx_system.jpg" alt="GitHub Logo"></p>
     <ul>
@@ -1130,7 +1130,7 @@ gpu：gpuTop应用的能耗
     <ul>
       <li>StartTime(Relative) ：相对开始时间</li>
       <li>StartTime(Absolute) ：绝对开始时间</li>
-      <li>receiver：接收数据大小</li>
+      <li>receive：接收数据大小</li>
       <li>send：发送数据大小</li>
     </ul>
     <p>点击display的泳道图会出现屏幕刷新率的持续时间</p>
@@ -1174,7 +1174,7 @@ gpu：gpuTop应用的能耗
       <li>Min value：最小值</li>
       <li>Max value：最大值</li>
     </ul>
-    <p>Statistics泳道图的框选功能：框选Statistics泳道图任意处会弹出Xpowe Statistics的tab页</p>
+    <p>Statistics泳道图的框选功能：框选Statistics泳道图任意处会弹出Xpower Statistics的tab页</p>
     <p><img src="../figures/Xpower/xpower_kx_Statistics.jpg" alt="GitHub Logo" /></p>
     <ul>
       <li>Name：器件名</li>
@@ -1194,7 +1194,7 @@ gpu：gpuTop应用的能耗
       <li>Min：最小值（display的tab页为刷新率的最小持续时间，WIFIPackets、WIFIBytes的tab页为收发的数据包最小个数或数据最小字节）</li>
       <li>Avg：平均值（display的tab页为刷新率的平均持续时间，WIFIPackets、WIFIBytes的tab页为收发的数据包平均个数或数据平均字节）</li>
     </ul>
-    <p>Thread energy泳道图的框选功能：框选Thread energy泳道图会弹出Xpowe Thread energy的tab页</p>
+    <p>Thread energy泳道图的框选功能：框选Thread energy泳道图会弹出Xpower Thread energy的tab页</p>
     <p><img src="../figures/Xpower/xpower_kx_energy.jpg" alt="GitHub Logo" /></p>
     <ul>
       <li>ThreadName：线程名</li>
@@ -1203,7 +1203,7 @@ gpu：gpuTop应用的能耗
       <li>Max Energy：最大能耗</li>
       <li>Min Energy：最小能耗</li>
     </ul>
-    <p>Thread Load泳道图的框选功能：框选Thread Load泳道图会弹出Xpowe Thread Load的tab页</p>
+    <p>Thread Load泳道图的框选功能：框选Thread Load泳道图会弹出Xpower Thread Load的tab页</p>
     <p><img src="../figures/Xpower/xpower_kx_load.jpg" alt="GitHub Logo" /></p>
     <ul>
       <li>ThreadName：线程名</li>
@@ -1212,7 +1212,7 @@ gpu：gpuTop应用的能耗
       <li>Max Load：最大占比</li>
       <li>Min Load：最小占比</li>
     </ul>
-    <p>Gpu Freq Count泳道图的框选功能：框选Thread energy泳道图会弹出Xpowe Gpu Frequency 的tab页</p>
+    <p>Gpu Freq Count泳道图的框选功能：框选Thread energy泳道图会弹出Xpower Gpu Frequency 的tab页</p>
     <p><img src="../figures/Xpower/xpower_kx_freq.jpg" alt="GitHub Logo" /></p>
     <ul>
       <li>Frequency：频率</li>
diff --git a/ide/src/figures/Limit/htrace.jpg b/ide/src/figures/Limit/htrace.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3f623683a8caeb90ec352dfc8a48214c542f6d74
Binary files /dev/null and b/ide/src/figures/Limit/htrace.jpg differ
diff --git a/ide/src/statistics/util/SpStatisticsHttpUtil.ts b/ide/src/statistics/util/SpStatisticsHttpUtil.ts
index a1d4a77f0c2087078af1c4493b53e0326983d1f5..0d9357cc0f71684be4f8bd01df4558624bf1b4e7 100644
--- a/ide/src/statistics/util/SpStatisticsHttpUtil.ts
+++ b/ide/src/statistics/util/SpStatisticsHttpUtil.ts
@@ -247,7 +247,7 @@ export class SpStatisticsHttpUtil {
 
   // ai对话接口--问答
   // @ts-ignore
-  static askAi(requestBody,params:string): Promise<AiResponse> {
+  static askAi(requestBody, params: string): Promise<AiResponse> {
     return new Promise((resolve, reject) => {
       let controller = new AbortController();
       let date = Date.now();
diff --git a/ide/src/trace/SpApplication.ts b/ide/src/trace/SpApplication.ts
index 9bdcf438abdec7e1fd42b2582e7fabc927edfc0e..0a703a338e20688745448085a85f1bbfd30ac246 100644
--- a/ide/src/trace/SpApplication.ts
+++ b/ide/src/trace/SpApplication.ts
@@ -17,7 +17,7 @@ import { BaseElement, element } from '../base-ui/BaseElement';
 import '../base-ui/menu/LitMainMenu';
 import '../base-ui/icon/LitIcon';
 import '../base-ui/loading/LitLoading';
-import '../base-ui/like/LitLike'; 
+import '../base-ui/like/LitLike';
 import { SpMetrics } from './component/SpMetrics';
 import { SpHelp } from './component/SpHelp';
 import './component/SpHelp';
@@ -85,11 +85,14 @@ import './component/SpThirdParty';
 import { cancelCurrentTraceRowHighlight } from './component/SpSystemTrace.init';
 import './component/SpBubblesAI';
 import './component/SpAiAnalysisPage';
+import './component/SpSnapShotView';
 import { WebSocketManager } from '../webSocket/WebSocketManager';
 import { SpAiAnalysisPage } from './component/SpAiAnalysisPage';
 import './component/SpAdvertisement';
 import { ShadowRootInput } from './component/trace/base/ShadowRootInput';
 import { SpBubblesAI } from './component/SpBubblesAI';
+import { SpSnapShotView } from './component/SpSnapShotView';
+import { SnapShotStruct } from './database/ui-worker/ProcedureWorkerSnaps';
 
 @element('sp-application')
 export class SpApplication extends BaseElement {
@@ -178,6 +181,8 @@ export class SpApplication extends BaseElement {
   private currentDataTime: string[] = [];
   static traceType: String = '';
   private isZipFile: boolean = false;
+  isClear: boolean = false;
+  static spSnapShotView: SpSnapShotView | undefined | null;
 
   static get observedAttributes(): Array<string> {
     return ['server', 'sqlite', 'wasm', 'dark', 'vs', 'query-sql', 'subsection'];
@@ -321,6 +326,7 @@ export class SpApplication extends BaseElement {
     this.contentCenterOption = this.shadowRoot?.querySelector<HTMLDivElement>('.content-center-option');
     this.spAiAnalysisPage = this.shadowRoot!.querySelector('#sp-ai-analysis') as SpAiAnalysisPage;
     let xiaoLubanEl: HTMLElement | null = this.shadowRoot!.querySelector<HTMLElement>('#sp-bubbles');
+    SpApplication.spSnapShotView = this.shadowRoot!.querySelector('#sp-snapshot-view') as SpSnapShotView;
     this.initElementsAttr();
     this.initEvents();
     this.initRecordEvents();
@@ -334,8 +340,24 @@ export class SpApplication extends BaseElement {
     this.initElementsEnd();
     this.dragXiaolubanEvents(xiaoLubanEl!);
     this.connectWebSocket();
+    SpApplication.spSnapShotView!.addEventListener('mousemove', () => {
+      this.clearSnapShot();
+    })
+    SpApplication.spSnapShotView!.addEventListener('mouseout', () => {
+      this.clearSnapShot();
+      setTimeout(() => {
+        SnapShotStruct.isClear = false;
+      }, 0);
+    })
 
   }
+
+  private clearSnapShot(): void {
+    SnapShotStruct.hoverSnapShotStruct = undefined;
+    SnapShotStruct.isClear = true;
+    this.spSystemTrace?.refreshCanvas(true);
+  }
+
   private dragXiaolubanEvents(xiaoLubanEl: HTMLElement): void {
     document.querySelector('body')!.addEventListener('dragover', function (event) {
       event.preventDefault();
@@ -663,6 +685,17 @@ export class SpApplication extends BaseElement {
       this.judgeDBOrWasm(ev, typeHeader, showFileName);
       this.judgeZip(typeHeader);
     };
+    if (!SpRecordTrace.isSnapShotCapture) {
+      SpApplication.spSnapShotView!.style.visibility = 'hidden';
+      SpApplication.spSnapShotView!.style.display = 'none';
+      SnapShotStruct.hoverSnapShotStruct = undefined;
+      SnapShotStruct.selectSnapShotStruct = undefined;
+      SnapShotStruct.isClear = true;
+      setTimeout(() => {
+        SnapShotStruct.isClear = false;
+      }, 0);
+      this.spSystemTrace!.refreshCanvas(true);
+    }
   }
 
   private judgeDBOrWasm(ev: File, typeHeader: Blob, showFileName: string): void {
@@ -686,7 +719,7 @@ export class SpApplication extends BaseElement {
   private judgeZip(typeHeader: Blob): void {
     const fileReader = new FileReader();
     fileReader.readAsArrayBuffer(typeHeader);
-    fileReader.onload = (event):void => {
+    fileReader.onload = (event): void => {
       const uint8Array = new Uint8Array(event.target!.result as ArrayBuffer);
       this.isZipFile = isZipFile(uint8Array) || isZlibFile(uint8Array);
       if (this.isZipFile) {
@@ -718,8 +751,19 @@ export class SpApplication extends BaseElement {
     this.openMenu(false);
     let downloadLineFile = urlParams.get('local') ? false : true;
     this.setProgress(downloadLineFile ? 'download trace file' : 'open trace file');
+    let traceUrl = urlParams.get('trace') as string;
+    let keyId = urlParams.get('AWSAccessKeyId') as string;
+    let signature = urlParams.get('Signature') as string;
+    let fullUrl = '';
+    if (keyId && keyId.length && signature && signature.length) {
+      const extractedString = this.extractTraceParams(window.location.href!);
+      fullUrl = extractedString!
+    } else {
+      fullUrl = traceUrl;
+    }
+
     this.downloadOnLineFile(
-      urlParams.get('trace') as string,
+      fullUrl,
       downloadLineFile,
       (arrayBuf, fileName, showFileName, fileSize) => {
         if (fileName.split('.').reverse()[0] === 'db') {
@@ -730,7 +774,7 @@ export class SpApplication extends BaseElement {
         }
       },
       (localPath) => {
-        let path = urlParams.get('trace') as string;
+        let path = fullUrl;
         let fileName: string = '';
         let showFileName: string = '';
         if (urlParams.get('local')) {
@@ -742,14 +786,19 @@ export class SpApplication extends BaseElement {
         this.traceFileName = fileName;
         showFileName = fileName.lastIndexOf('.') === -1 ? fileName : fileName.substring(0, fileName.lastIndexOf('.'));
         TraceRow.rangeSelectObject = undefined;
-        let localUrl = downloadLineFile ? `${window.location.origin}${localPath}` : urlParams.get('trace')!;
+        let localUrl = downloadLineFile ? `${window.location.origin}${localPath}` : fullUrl!;
         fetch(localUrl)
           .then((res) => {
             res.arrayBuffer().then((arrayBuf) => {
               if (urlParams.get('local')) {
                 URL.revokeObjectURL(localUrl);
               }
-              this.handleWasmMode(new File([arrayBuf], fileName), showFileName, arrayBuf.byteLength, fileName, jsonStr);
+              if (fileName.split('.').reverse()[0] === 'db') {
+                this.wasm = false;
+                this.handleSqliteMode(new File([arrayBuf], fileName), showFileName, arrayBuf.byteLength, fileName, jsonStr);
+              } else {
+                this.handleWasmMode(new File([arrayBuf], fileName), showFileName, arrayBuf.byteLength, fileName, jsonStr);
+              }
             });
           })
           .catch((e) => {
@@ -762,6 +811,15 @@ export class SpApplication extends BaseElement {
     );
   }
 
+  private extractTraceParams(url: string) {
+    const traceIndex = url.indexOf('trace=');
+    if (traceIndex !== -1) {
+      return url.substring(traceIndex + 6);
+    } else {
+      return '';
+    }
+  }
+
   private openMenu(open: boolean): void {
     if (this.mainMenu) {
       this.mainMenu.style.width = open ? '248px' : '0px';
@@ -1997,7 +2055,15 @@ export class SpApplication extends BaseElement {
       this.filterRowConfigClickHandle();
     });
     this.cutTraceFile!.addEventListener('click', (ev) => {
-      this.croppingFile(this.progressEL!, this.litSearch!);
+      this.validateFileCacheLost();
+      if (this.isClear) {
+        let search = document.querySelector('body > sp-application')!.shadowRoot!.querySelector<LitSearch>('#lit-search');
+        let progressEL = document.querySelector("body > sp-application")!.shadowRoot!.querySelector<LitProgressBar>("div > div.search-vessel > lit-progress-bar");
+        progressEL!.loading = false;
+        search!.setPercent('import the trace file again...', -3);
+      } else {
+        this.croppingFile(this.progressEL!, this.litSearch!);
+      }
     });
 
     let aiAnalysis = this.shadowRoot
@@ -2024,7 +2090,6 @@ export class SpApplication extends BaseElement {
   private aiPageResize(): void {
     const resizableDiv = this.spAiAnalysisPage!;
     let isResizing = false;
-
     resizableDiv.addEventListener('mousemove', (e) => {
       if (Math.abs(e.clientX - resizableDiv.getBoundingClientRect().left) < 5) {
         resizableDiv.style.cursor = 'e-resize';
@@ -2035,12 +2100,25 @@ export class SpApplication extends BaseElement {
 
     resizableDiv.addEventListener('mousedown', function (e) {
       isResizing = true;
+      let iframe = document.querySelector('body > sp-application')?.shadowRoot!.querySelector<SpHelp>('#sp-help')?.shadowRoot?.querySelector('#myIframe');
+      // @ts-ignore
+      let iframeWindow = iframe?.contentWindow;
       if (e.clientX - resizableDiv.getBoundingClientRect().left < 5) {
         document.addEventListener('mousemove', changeAiWidth);
+        iframeWindow?.addEventListener('mousemove', iframeChangeAiWidth);
       }
       document.addEventListener('mouseup', mouseUp);
+      iframeWindow?.addEventListener('mouseup', mouseUp);
     });
 
+    function iframeChangeAiWidth(e: unknown): void {
+      let iframe = document.querySelector('body > sp-application')?.shadowRoot!.querySelector<SpHelp>('#sp-help')?.shadowRoot?.querySelector('#myIframe');
+      // @ts-ignore
+      let iframeWindow = iframe?.contentWindow;
+      resizableDiv.style.cursor = 'e-resize';
+      // @ts-ignore
+      resizableDiv.style.width = iframeWindow.innerWidth - e.clientX + 'px';
+    }
 
     function changeAiWidth(e: unknown): void {
       resizableDiv.style.cursor = 'e-resize';
@@ -2052,6 +2130,12 @@ export class SpApplication extends BaseElement {
       isResizing = false;
       document.removeEventListener('mousemove', changeAiWidth);
       document.removeEventListener('mouseup', mouseUp);
+
+      let iframe = document.querySelector('body > sp-application')?.shadowRoot!.querySelector<SpHelp>('#sp-help')?.shadowRoot?.querySelector('#myIframe');
+      // @ts-ignore
+      let iframeWindow = iframe?.contentWindow;
+      iframeWindow?.removeEventListener('mousemove', iframeChangeAiWidth);
+      iframeWindow?.removeEventListener('mouseup', mouseUp);
     }
   }
 
@@ -2254,8 +2338,10 @@ export class SpApplication extends BaseElement {
             }
           });
         });
-        this.cutTraceFile!.style.display = 'none';
+        this.isClear = true;
         this.mainMenu!.menus = this.mainMenu!.menus;
+      } else {
+        this.isClear = false;
       }
     });
   }
@@ -2448,14 +2534,37 @@ export class SpApplication extends BaseElement {
     if (download) {
       fetch(url)
         .then((res) => {
-          res.arrayBuffer().then((arrayBuf) => {
-            let urlParams = new URL(url).searchParams;
-            let fileName = urlParams.get('name') ? decodeURIComponent(urlParams.get('name')!) : url.split('/').reverse()[0];
-            this.traceFileName = fileName;
-            let showFileName =
-              fileName.lastIndexOf('.') === -1 ? fileName : fileName.substring(0, fileName.lastIndexOf('.'));
-            openUrl(arrayBuf, fileName, showFileName, arrayBuf.byteLength);
-          });
+          //@ts-ignore
+          if (res.ok || res.success) {
+            res.arrayBuffer().then((arrayBuf) => {
+              let urlParams = new URL(url).searchParams;
+              let fileName = urlParams.get('name') ? decodeURIComponent(urlParams.get('name')!) : url.split('/').reverse()[0];
+              this.traceFileName = fileName;
+              let showFileName =
+                fileName.lastIndexOf('.') === -1 ? fileName : fileName.substring(0, fileName.lastIndexOf('.'));
+              openUrl(arrayBuf, fileName, showFileName, arrayBuf.byteLength);
+            });
+          } else {
+            let api = `${window.location.origin}/application/download-file`;
+            fetch(api, {
+              method: 'POST',
+              headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+              },
+              body: new URLSearchParams({
+                url: url,
+              }),
+            })
+              .then((response) => response.json())
+              .then((res) => {
+                if (res.code === 0 && res.success) {
+                  let resultUrl = res.data.url;
+                  if (resultUrl) {
+                    openFileHandler(resultUrl.toString().replace(/\\/g, '/'));
+                  }
+                }
+              });
+          }
         })
         .catch((e) => {
           let api = `${window.location.origin}/application/download-file`;
@@ -2553,7 +2662,7 @@ export class SpApplication extends BaseElement {
         const response = new Response(blob);
         caches.open('DB-file').then(cache => {
           return cache.put(`/${fileName}`, response);
-        })
+        });
       },
       'download-db'
     );
@@ -2611,4 +2720,10 @@ export class SpApplication extends BaseElement {
     this.mainMenu!.menus = this.mainMenu!.menus;
     this.filterConfig!.style.visibility = disable ? 'hidden' : 'visible';
   }
+
+  static displaySnapShot(selectSnapShotStruct: SnapShotStruct | undefined) {
+    this.spSnapShotView!.style.display = 'block';
+    this.spSnapShotView!.style.visibility = 'visible';
+    this.spSnapShotView?.init(selectSnapShotStruct!)
+  }
 }
diff --git a/ide/src/trace/SpApplicationPublicFunc.ts b/ide/src/trace/SpApplicationPublicFunc.ts
index be41c7d5fbb9bd2bb417d880678732f6a00d4067..6c366a72c11745e3017f60c5cc80eed972da158c 100644
--- a/ide/src/trace/SpApplicationPublicFunc.ts
+++ b/ide/src/trace/SpApplicationPublicFunc.ts
@@ -342,6 +342,18 @@ export const applicationHtml: string = `
             box-sizing:border-box;
             visibility:hidden;
         }
+        #sp-snapshot-view {
+            top:75px;
+            right:0px;
+            position:absolute;
+            z-index:2000;
+            width:25%;
+            height:90%;
+            box-shadow:3px 0px 14px #000;
+            background-color:#fff;
+            box-sizing:border-box;
+            visibility:hidden;
+        }
         </style>
         <div class="root" style="position: relative;">
             <sp-bubble-ai style="visibility: visible; top:50%;right:2px;position: absolute;z-index: 10000" id="sp-bubbles" draggable ="true"></sp-bubble-ai>
@@ -418,7 +430,8 @@ export const applicationHtml: string = `
                 <trace-row-config class="chart-filter" style="height:100%;top:0px;right:0;bottom:0px;position:absolute;z-index: 1001"></trace-row-config>
                 <custom-theme-color class="custom-color" style="height:100%;top:0px;right:0;bottom:0px;position:absolute;z-index: 1001"></custom-theme-color>
             </div>
-                <sp-ai-analysis id="sp-ai-analysis" style="visibility:hidden;">
+                <sp-ai-analysis id="sp-ai-analysis" style="visibility:hidden;"></sp-ai-analysis>
+                <sp-snapshot-view id="sp-snapshot-view" style="visibility:hidden;"></sp-snapshot-view>
         </div>
         `;
 
diff --git a/ide/src/trace/bean/BoxSelection.ts b/ide/src/trace/bean/BoxSelection.ts
index 380d9654810b00ef9e9e0e2f6be7949b50598441..76ec3d2f4500cd7a01eb08262061f45dde183f5a 100644
--- a/ide/src/trace/bean/BoxSelection.ts
+++ b/ide/src/trace/bean/BoxSelection.ts
@@ -36,6 +36,7 @@ import { Utils } from '../component/trace/base/Utils';
 import { XpowerStatisticStruct } from '../database/ui-worker/ProcedureWorkerXpowerStatistic';
 import { XpowerThreadInfoStruct } from '../database/ui-worker/ProcedureWorkerXpowerThreadInfo';
 import { THREAD_ENERGY, THREAD_LOAD } from '../component/chart/SpXpowerChart';
+import { SpHiPerf } from '../component/chart/SpHiPerf';
 
 export class SelectionParam {
   traceId: string | undefined | null;
@@ -1049,6 +1050,7 @@ export class SelectionParam {
   // @ts-ignore
   pushThread(it: TraceRow<unknown>, sp: SpSystemTrace): void {
     if (it.rowType === TraceRow.ROW_TYPE_THREAD) {
+      this.perfEventTypeId = SpHiPerf.hiperfEvent === -2 ? undefined :  SpHiPerf.hiperfEvent;
       sp.pushPidToSelection(this, it.rowParentId!, it.protoPid);
       if (it.dataListCache && it.dataListCache.length) {
         //@ts-ignore
diff --git a/ide/src/trace/bean/FrameChartStruct.ts b/ide/src/trace/bean/FrameChartStruct.ts
index c4883a6a20880fadf53acbda6d788ce674b9ed6a..de1eeb94f33fb1119a9175451d17092ea664ce23 100644
--- a/ide/src/trace/bean/FrameChartStruct.ts
+++ b/ide/src/trace/bean/FrameChartStruct.ts
@@ -68,6 +68,7 @@ export class ChartStruct extends BaseStruct {
   children: Array<ChartStruct> = [];
   percent: number = 0; // 0 - 1 该node所占整体的百分比
   addr: string = '';
+  isReverseFilter:boolean = false;
   isSearch: boolean = false;
   isChartSelect: boolean = false; // 是否为点选的调用链
   isChartSelectParent: boolean = false; // 用来显示灰色
diff --git a/ide/src/trace/bean/PerfAnalysis.ts b/ide/src/trace/bean/PerfAnalysis.ts
index 5e2bfd211adb6c475ef4c34e3a83a4cdc79aa409..af1d3d41647a66d67ef714b8b3f32402d1fd5041 100644
--- a/ide/src/trace/bean/PerfAnalysis.ts
+++ b/ide/src/trace/bean/PerfAnalysis.ts
@@ -15,7 +15,7 @@
 
 export class PerfFunctionAsmParam {
   totalCount: number = 0;
-  functionName: string = "";
+  functionName: string = '';
   vaddrList: Array<unknown> = [];
 }
 
diff --git a/ide/src/trace/bean/ProcessMemStruct.ts b/ide/src/trace/bean/ProcessMemStruct.ts
index 09a238d8c00bbf0f7180a177e9fd9d2b3b15dd49..afd032d3292cf10660adeaaefbb060797a75a9ee 100644
--- a/ide/src/trace/bean/ProcessMemStruct.ts
+++ b/ide/src/trace/bean/ProcessMemStruct.ts
@@ -28,6 +28,7 @@ export class ProcessMemStruct extends BaseStruct {
   startTime: number | undefined;
   duration: number | undefined;
   maxValue: number | undefined;
+  minValue: number | undefined;
   delta: number | undefined;
 
   static draw(pMemCtx: CanvasRenderingContext2D, pMemData: ProcessMemStruct): void {
diff --git a/ide/src/trace/component/SpAdvertisement.ts b/ide/src/trace/component/SpAdvertisement.ts
index 9fcf8e6e63b07fb9c284ec48141918532380e1e4..51f303492e81126d240793fa1a91e5a74cf1bad7 100644
--- a/ide/src/trace/component/SpAdvertisement.ts
+++ b/ide/src/trace/component/SpAdvertisement.ts
@@ -34,10 +34,6 @@ export class SpAdvertisement extends BaseElement {
         // 公告内容
         this.noticeEl = document.querySelector('body > sp-application')?.shadowRoot?.
             querySelector('#sp-advertisement')?.shadowRoot?.querySelector('.text');
-        this.getMessage();
-        setInterval(() => {
-            this.getMessage();
-        }, 300000);
         this.closeEL?.addEventListener('click', () => {
             this.advertisementEL!.style!.display = 'none';
             localStorage.setItem('isdisplay', 'false');
@@ -54,11 +50,9 @@ export class SpAdvertisement extends BaseElement {
                         this.message = resp.data.data;
                         localStorage.setItem('message', this.message);
                         let parts = this.message.split(';');
-                        let registrationLinkInfo = (parts[2].match(/报名链接:([^\s]+)/) || [])[1] || '';
-                        let onlineMeetingLinkInfo = (parts[3].match(/线上会议链接:([^\s]+)/) || [])[1] || '';
-                        let registrationLink = `<a href="${registrationLinkInfo}" target="_blank">报名链接</a>`;
-                        let onlineMeetingLink = `<a href="${onlineMeetingLinkInfo}" target="_blank">线上会议链接</a>`;
-                        let finalString = `${parts[0]}<br>${parts[1]}<br>${registrationLink} &nbsp; ${onlineMeetingLink}<br>${parts[4]}`;
+                        let registrationLinkInfo = (parts[2].match(/版本特性链接:([^\s]+)/) || [])[1] || '';
+                        let registrationLink = `<a href="${registrationLinkInfo}" target="_blank">版本特性链接</a>`;
+                        let finalString = `${parts[0]}<br>${parts[1]}<br>${registrationLink}`;
                         this.noticeEl!.innerHTML = `<p>${finalString}</p>`;
                         if (publish) {
                             if (resp.data.data !== publish) {
@@ -81,6 +75,7 @@ export class SpAdvertisement extends BaseElement {
         });
     }
 
+
     initHtml(): string {
         return SpAdvertisementHtml;
     }
diff --git a/ide/src/trace/component/SpAiAnalysisPage.ts b/ide/src/trace/component/SpAiAnalysisPage.ts
index c816f9a17fb84a5e60c9a2f723aac01ebc6b8885..3742c4626ec0457c18cde967bee4ef5f5561fad0 100644
--- a/ide/src/trace/component/SpAiAnalysisPage.ts
+++ b/ide/src/trace/component/SpAiAnalysisPage.ts
@@ -101,7 +101,7 @@ export class SpAiAnalysisPage extends BaseElement {
         });
         // 自定义 link_open 规则
         // @ts-ignore
-        this.md.renderer.rules.link_open = (tokens, idx) => {
+        this.md.renderer.rules.link_open = (tokens, idx): string => {
             // @ts-ignore
             const href = tokens![idx].attrIndex('href');
             if (href < 0) {
@@ -169,8 +169,10 @@ export class SpAiAnalysisPage extends BaseElement {
 
         // 给右边栏添加点击事件
         // @ts-ignore
-        rightBarGroup.forEach((barItem: unknown, index: number) => {    // @ts-ignore
-            barItem.barEl.addEventListener('click', (ev: Event) => {    // @ts-ignore
+        rightBarGroup.forEach((barItem: unknown, index: number) => {    
+            // @ts-ignore
+            barItem.barEl.addEventListener('click', (ev: Event) => {    
+                // @ts-ignore
                 if (barItem.isMustLoadedTrace && !SpApplication.isTraceLoaded) {
                     let importTraceTips = '请先导入trace，再使用诊断功能';
                     this.tipContentArr = ['chat'];
@@ -178,23 +180,32 @@ export class SpAiAnalysisPage extends BaseElement {
                     return;
                 }
                 // this.tipsContent!.style.display = this.isNodata && barItem.barFlag === 'detect' ? 'flex' : 'none';
-                this.tipsContainer!.style.display = 'none';    // @ts-ignore
-                this.showPageFlag = barItem.barFlag;    // @ts-ignore
-                barItem.imgEl.src = barItem.activeImg;    // @ts-ignore
-                barItem.barEl.classList.add('active');    // @ts-ignore
-                barItem.showPage.style.display = 'block';    // @ts-ignore
+                this.tipsContainer!.style.display = 'none';    
+                // @ts-ignore
+                this.showPageFlag = barItem.barFlag;    
+                // @ts-ignore
+                barItem.imgEl.src = barItem.activeImg;    
+                // @ts-ignore
+                barItem.barEl.classList.add('active');    
+                // @ts-ignore
+                barItem.showPage.style.display = 'block';    
+                // @ts-ignore
                 if (this.tipContentArr.indexOf(barItem.barFlag) > -1) {
                     this.tipsContainer!.style.display = 'flex';
-                }    // @ts-ignore
+                }    
+                // @ts-ignore
                 for (let i = 0; i < rightBarGroup.length; i++) {
-                    if (i !== index) {    // @ts-ignore
-                        rightBarGroup[i].barEl.classList.remove('active');    // @ts-ignore
-                        rightBarGroup[i].imgEl.src = rightBarGroup[i].img;    // @ts-ignore
+                    if (i !== index) {    
+                        // @ts-ignore
+                        rightBarGroup[i].barEl.classList.remove('active');    
+                        // @ts-ignore
+                        rightBarGroup[i].imgEl.src = rightBarGroup[i].img;    
+                        // @ts-ignore
                         rightBarGroup[i].showPage.style.display = 'none';
                     }
                 }
-            })
-        })
+            });
+        });
 
         // 发送消息图标点击事件
         this.sendImg?.addEventListener('click', () => {
@@ -258,6 +269,8 @@ export class SpAiAnalysisPage extends BaseElement {
             if (e.key.toLocaleLowerCase() === 'control' || e.keyCode === 17) {
                 this.isCtrlDown = false;
             };
+            e.preventDefault();
+            e.stopPropagation();
         });
 
         // 下载诊断报告按钮监听
@@ -307,7 +320,7 @@ export class SpAiAnalysisPage extends BaseElement {
                         // 如果缓存中没有，从网络获取并存储
                         this.cacheDb(fileName);
                     }
-                })
+                });
             };
             // 点击一键诊断时先挂载loading
             this.loadingItem = this.loading('style="position:absolute;top:45%;left:45%;z-index:999"');
@@ -553,7 +566,7 @@ export class SpAiAnalysisPage extends BaseElement {
                 suggestonDiv!.appendChild(this.loading(''));
                 // @ts-ignore
                 this.getSuggestion(dataList, i, suggestonDiv, timeList);
-            })
+            });
             suggestonTitle.appendChild(getButton);
             this.draftList!.insertBefore(itemDiv!, this.loadingItem!);
             itemDiv!.style.animation = 'opcityliner 3s';
@@ -786,7 +799,7 @@ export class SpAiAnalysisPage extends BaseElement {
         // @ts-ignore
         this.abnormalPageTips(this.getStatusesPrompt()[result].prompt, '', 4000, ['detect']);
         this.draftBtn!.style.display = 'inline-block';
-    }
+    };
 
     // 发起诊断
     initiateDiagnosis(): void {
@@ -831,7 +844,7 @@ export class SpAiAnalysisPage extends BaseElement {
     // 获取提示语
     getStatusesPrompt(): unknown {
         let guideSrc = `https://${window.location.host.split(':')[0]}:${window.location.port
-            }/application/?action=help_27`;
+            }${window.location.pathname}?action=help_27`;
         return {
             unconnected: {
                 prompt: `未连接，请启动本地扩展程序再试！[</span><a href=${guideSrc} style="color: blue;" target="_blank">指导</a><span>]`
diff --git a/ide/src/trace/component/SpFlags.ts b/ide/src/trace/component/SpFlags.ts
index d3f76a4edf512af4647d3b4de8a33a6d8b93ab6c..d3bf084543549f1adf13fd55484064a0fa4bf7dc 100644
--- a/ide/src/trace/component/SpFlags.ts
+++ b/ide/src/trace/component/SpFlags.ts
@@ -313,7 +313,7 @@ export class FlagsConfig {
     },
     {
       title: 'HMKernel',
-      switchOptions: [{ option: 'Enabled', selected: true  }, { option: 'Disabled'}],
+      switchOptions: [{ option: 'Enabled', selected: true }, { option: 'Disabled' }],
       describeContent: '',
     },
     {
diff --git a/ide/src/trace/component/SpHelp.ts b/ide/src/trace/component/SpHelp.ts
index 8d4fadb6390ec05ffc31dd5c8be19f6a847feef5..3aca9c13dd8ad4549d6d2e3a15d91f4c00af5c8a 100644
--- a/ide/src/trace/component/SpHelp.ts
+++ b/ide/src/trace/component/SpHelp.ts
@@ -38,8 +38,8 @@ export class SpHelp extends BaseElement {
       this.removeAttribute('dark');
     }
     this.helpFile!.innerHTML =
-      '<object type="text/html" data=' +
-      `/application/doc/quickstart_device_record.html?${dark} width="100%" height="100%"></object>`;
+      '<iframe id="myIframe" type="text/html" src=' +
+      `/application/doc/quickstart_device_record.html?${dark} width="100%" height="100%"></iframe>`;
     this.navbarInit('quickstart_device_record');
   }
 
@@ -55,8 +55,10 @@ export class SpHelp extends BaseElement {
     let color = mainMenu.shadowRoot?.querySelector('.customColor') as HTMLDivElement;
     let analysis = mainMenu.shadowRoot?.querySelector('.ai_analysis') as HTMLDivElement;
     let version = mainMenu.shadowRoot?.querySelector('.version') as HTMLDivElement;
+    let extend_connect = mainMenu.shadowRoot?.querySelector('.extend_connect') as HTMLDivElement;
     color.style.display = 'none';
     analysis.style.display = 'none';
+    extend_connect.style.display = 'none';
     header.style.display = 'none';
     version.style.display = 'none';
     this.setupMainMenu(mainMenu, this);
@@ -90,8 +92,8 @@ export class SpHelp extends BaseElement {
     if (urlParams.get('action')!.length > 4) {
       let helpDocIndex = urlParams.get('action')!.substring(5);
       let helpDocDetail = this.getEventDefinitionByIndex(Number(helpDocIndex));
-      that.helpFile!.innerHTML = `<object type="text/html" data='/application/doc/${helpDocDetail!.name}.html?${that.dark
-        }' width="100%" height="100%"></object>`;
+      that.helpFile!.innerHTML = `<iframe id="myIframe" type="text/html" src='/application/doc/${helpDocDetail!.name}.html?${that.dark
+        }' width="100%" height="100%"></iframe>`;
 
       this.navbarInit(helpDocDetail!.name);
     }
@@ -208,6 +210,7 @@ export class SpHelp extends BaseElement {
       this.createSubMenuItem('Xpower抓取和展示说明', 'xpower', 'quickstart_xpower', that, '26'),
       this.createSubMenuItem('扩展程序安装指导', 'extensions', 'quickstart_extensions', that, '27'),
       this.createSubMenuItem('FFRT抓取和展示说明', 'ffrt', 'quickstart_ffrt', that, '28'),
+      this.createSubMenuItem('约束与限制', 'limit', 'quickstart_limit', that, '29'),
     ];
   }
 
@@ -266,7 +269,7 @@ export class SpHelp extends BaseElement {
       event: event,
       action: 'help_doc',
     });
-    that.helpFile!.innerHTML = `<object type="text/html" data='/application/doc/${docName}.html?${that.dark}' width="100%" height="100%"></object>`;
+    that.helpFile!.innerHTML = `<iframe id="myIframe" type="text/html" src='/application/doc/${docName}.html?${that.dark}' width="100%" height="100%"></iframe>`;
     this.navbarInit(docName);
     this.changeItemURL(index!);
   }
@@ -300,7 +303,7 @@ export class SpHelp extends BaseElement {
             navLink.closest('li')!.classList.add('active');
             let targetId = navLink.id;
             e.preventDefault();
-            this.helpFile!.innerHTML = `<object type="text/html" data='/application/doc/${docName}.html?dark=${this.dark}&targetId=${targetId}' width="100%" height="100%"></object>`;
+            this.helpFile!.innerHTML = `<iframe id="myIframe" type="text/html" src='/application/doc/${docName}.html?dark=${this.dark}&targetId=${targetId}' width="100%" height="100%"></iframe>`;
           });
         });
 
@@ -309,7 +312,7 @@ export class SpHelp extends BaseElement {
           navLinks.forEach((navLink) => {
             navLink.closest('li')?.classList.remove('active');
           });
-          this.helpFile!.innerHTML = `<object type="text/html" data='/application/doc/${docName}.html?dark=${this.dark}' width="100%" height="100%"></object>`;
+          this.helpFile!.innerHTML = `<iframe id="myIframe" type="text/html" src='/application/doc/${docName}.html?dark=${this.dark}' width="100%" height="100%"></iframe>`;
         });
 
       })
@@ -447,7 +450,7 @@ export class SpHelp extends BaseElement {
       title: 'TraceStreamer数据库说明',
       icon: '',
       clickHandler: function (item: MenuItem): void {
-        that.handleMemoryMenuItemClick(that, 'trace_streamer_explain', 'des_tables', '29');
+        that.handleMemoryMenuItemClick(that, 'trace_streamer_explain', 'des_tables', '30');
       },
     };
   }
@@ -557,13 +560,14 @@ export class SpHelp extends BaseElement {
           box-sizing: border-box;
         }
         #navbar-container { 
-          border-left: 5px solid #ecb829;
+          padding: 85px 10px 10px 10px;
         }
         #navbar-container ul {  
           list-style-type: none; 
           width:100%;
           margin: 0;  
           padding: 0;
+          border-left: 5px solid #ecb829;
         } 
         #navbar-container ul li { 
           position: relative;
@@ -639,15 +643,17 @@ export class SpHelp extends BaseElement {
          #navbar-container ul li.active, #navbar-container ul li.active a {  
           color: #ecb829;  
          }
-
+        iframe {
+          border-width: 0px;
+        }
         </style>
         <div class="sp-help-vessel">
          <div class="body">
             <lit-main-menu id="main-menu" class="menugroup" data=''></lit-main-menu>
             <div id="app-content" class="content">
-               <div id="help-file" style="width:100%;overflow-y: hidden;"></div>
-                      <nav id="navbar-container" style="position:fixed;top:80px;left:79%;width:18%;"></nav>
-                      <div class="back" style="position:fixed;top:80px;left:98%;width:2%;">
+               <div id="help-file" style="width:80%;overflow-y: hidden;"></div>
+                      <nav id="navbar-container" style="width:19%;"></nav>
+                      <div class="back" style="flex:1;padding:70px 10px;">
                           <lit-icon id="back-to-top" name="vertical-align-top" style="font-weight: bold;cursor: pointer;" size="20">
                           </lit-icon>
                       </div>
diff --git a/ide/src/trace/component/SpRecordConfigModel.ts b/ide/src/trace/component/SpRecordConfigModel.ts
index 27f1e0106b676a111b01c7cb3e0f855009612165..da0f365c966db3fe625dcbad65eea194ec6b460c 100644
--- a/ide/src/trace/component/SpRecordConfigModel.ts
+++ b/ide/src/trace/component/SpRecordConfigModel.ts
@@ -915,6 +915,9 @@ export function createXPowerConfig(
   let type = spXPower.getXpowerConfig();
   let typeList: Array<string> = [];
   typeList = type!.split(',');
+  if (type?.length === 0) { //没有默认值时
+    typeList = ['REAL_BATTERY', 'THERMAL_REPORT'];
+  }
   let bundleName = spXPower.process || '';
   let xPowerConfig = {
     bundle_name: bundleName,
diff --git a/ide/src/trace/component/SpRecordTrace.html.ts b/ide/src/trace/component/SpRecordTrace.html.ts
index ccd9371402e986e950fae591e82b4eea3be565e7..219690ac05585d51f5feebbb21110157321199b2 100644
--- a/ide/src/trace/component/SpRecordTrace.html.ts
+++ b/ide/src/trace/component/SpRecordTrace.html.ts
@@ -132,7 +132,7 @@ export const SpRecordTraceHtml = `
     :host([show_hint]) #hint {
       color: #DB5860;
       font-weight: 600;
-      font-size: 14px;
+      font-size: 12px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
@@ -152,9 +152,6 @@ export const SpRecordTraceHtml = `
             left:100%;
         }
     }
-    .cancel {
-      display: none;
-    }
     .prompt {
       position: absolute;
       margin-left: 35px;
diff --git a/ide/src/trace/component/SpRecordTrace.ts b/ide/src/trace/component/SpRecordTrace.ts
index f3c9eff96b899a242052874b54102f63043540ba..dfb8d1b8f04082732bf5ffdf90519120b60e4870 100644
--- a/ide/src/trace/component/SpRecordTrace.ts
+++ b/ide/src/trace/component/SpRecordTrace.ts
@@ -74,7 +74,7 @@ import { LitCheckBox } from '../../base-ui/checkbox/LitCheckBox';
 const DEVICE_NOT_CONNECT =
   '<div>1.请确认抓取设备上是否已勾选并确认总是允许smartPerf-Host调试的弹窗</div>' +
   '<div>2.请关闭DevEco Studio,DevEco Testing等会占用hdc端口的应用</div>' +
-  '<div>3.请使用系统管理员权限打开cmd窗口，并执行hdc kill，确保PC端任务管理器中没有hdc进程</div>' +
+  '<div>3.确保PC端任务管理器中没有hdc进程。方法1、请使用系统管理员权限打开cmd窗口，并执行hdc kill；<br/>方法2、打开任务管理器，进入详情信息页面，找到 hdc.exe 然后结束此进程；</div>' +
   '<div>4.若没有效果，请重新插拔一下手机。紧急情况可拷贝trace命令，在cmd窗口离线抓取</div>';
 
 @element('sp-record-trace')
@@ -136,6 +136,7 @@ export class SpRecordTrace extends BaseElement {
   private static usbGetVersion: string;
   static snapShotList: Array<unknown> = [];
   static snapShotDuration: number = 0;
+  static isSnapShotCapture: boolean = false;
 
   set record_template(re: string) {
     if (re === 'true') {
@@ -194,6 +195,7 @@ export class SpRecordTrace extends BaseElement {
         if (devs.length === 0) {
           this.recordButton!.hidden = true;
           this.disconnectButton!.hidden = true;
+          this.cancelButton!.hidden = true;
           this.devicePrompt!.innerText = 'Device not connected';
           this.hintEl!.innerHTML = DEVICE_NOT_CONNECT;
           if (!this.showHint) {
@@ -215,6 +217,7 @@ export class SpRecordTrace extends BaseElement {
               option.selected = true;
               this.recordButton!.hidden = false;
               this.disconnectButton!.hidden = false;
+              this.cancelButton!.hidden = true;
               this.showHint = false;
               this.devicePrompt!.innerText = '';
               this.hintEl!.textContent = '';
@@ -230,6 +233,7 @@ export class SpRecordTrace extends BaseElement {
           }, 3000);
           this.recordButton!.hidden = true;
           this.disconnectButton!.hidden = true;
+          this.cancelButton!.hidden = true;
           this.devicePrompt!.innerText = 'Device not connected';
           this.hintEl!.innerHTML = DEVICE_NOT_CONNECT;
           if (!this.showHint) {
@@ -417,10 +421,12 @@ export class SpRecordTrace extends BaseElement {
     if (this.deviceSelect.options && this.deviceSelect.options.length > 0) {
       this.disconnectButton!.hidden = false;
       this.recordButton.hidden = false;
+      this.cancelButton!.hidden = false;
       this.devicePrompt.innerText = '';
     } else {
       this.disconnectButton!.hidden = true;
       this.recordButton.hidden = true;
+      this.cancelButton!.hidden = true;
       this.devicePrompt.innerText = 'Device not connected';
     }
     this.useExtendCheck = this.shadowRoot?.querySelector('#use-extend-check') as LitCheckBox;
@@ -435,6 +441,7 @@ export class SpRecordTrace extends BaseElement {
       SpRecordTrace.serialNumber = '';
       this.recordButton!.hidden = true;
       this.disconnectButton!.hidden = true;
+      this.cancelButton!.hidden = true;
       // @ts-ignore
       while (this.deviceSelect!.firstChild) {
         this.deviceSelect!.removeChild(this.deviceSelect!.firstChild); // 删除子节点
@@ -458,7 +465,7 @@ export class SpRecordTrace extends BaseElement {
 
   isShowTipFunc(text: string, isShow: boolean): void {
     if (isShow) {
-      let guideSrc = `https://${window.location.host.split(':')[0]}:${window.location.port}/application/?action=help_27`;
+      let guideSrc = `https://${window.location.host.split(':')[0]}:${window.location.port}${window.location.pathname}?action=help_27`;
       this.useExtentTip!.style.display = 'block';
       // @ts-ignore
       this.useExtentTip!.innerHTML = `若要抓取${text}，请勾选 Use local hdc 开关，启动后台扩展服务进行抓取，相关指导: [</span style="cursor: pointer;"><a href=${guideSrc} style="color: blue;" target="_blank">指导</a><span>]`;
@@ -574,6 +581,7 @@ export class SpRecordTrace extends BaseElement {
         if (fileHandler) {
           this.refreshDisableStyle(false, false);
           this.recordButton!.hidden = false;
+          this.cancelButton!.hidden = true;
           fileHandler({
             detail: file,
           });
@@ -583,9 +591,12 @@ export class SpRecordTrace extends BaseElement {
         this.progressEL!.loading = false;// @ts-ignore
         let errorMsg = new TextDecoder().decode(result);
         this.useExtentTip!.style.display = 'block';
-        this.useExtentTip!.innerHTML = errorMsg;
+        let urlAsciiArr = [104,116,116,112,115,58,47,47,119,105,107,105,46,104,117,97,119,101,105,46,99,111,109,47,100,111,109,97,105,110,115,47,55,54,57,49,49,47,119,105,107,105,47,49,50,53,52,56,48,47,87,73,75,73,50,48,50,53,48,49,49,54,53,55,53,48,52,53,52];
+        let exceptGuid = String.fromCodePoint(...urlAsciiArr);
+        this.useExtentTip!.innerHTML = `抓取trace异常：${errorMsg} 可根据[<span style='cursor:pointer;'><a href=${exceptGuid} syule = 'color:blue;' target='_blank'>常见异常处理</a></span>]解决异常`;
         this.refreshDisableStyle(false, false);
         this.recordButton!.hidden = false;
+        this.cancelButton!.hidden = true;
         this.sp!.search = false;
         this.progressEL!.loading = false;
       } else if (cmd === 4) {
@@ -595,6 +606,7 @@ export class SpRecordTrace extends BaseElement {
         aElement.click();
       } else if (cmd === 5) {// @ts-ignore
         SpRecordTrace.snapShotList = JSON.parse(new TextDecoder('utf-8').decode(result)) as string[];
+        SpRecordTrace.isSnapShotCapture = true;
       } else if (cmd === 6) {
         this.litSearch!.setPercent('Start to record...', -1);
       } else if (cmd === 7) {
@@ -659,6 +671,7 @@ export class SpRecordTrace extends BaseElement {
           } else {
             this.recordButton!.hidden = true;
             this.disconnectButton!.hidden = true;
+            this.cancelButton!.hidden = true;
             this.devicePrompt!.innerText = 'Device not connected';
             this.hintEl!.innerHTML = DEVICE_NOT_CONNECT;
             if (!this.showHint) {
@@ -673,6 +686,7 @@ export class SpRecordTrace extends BaseElement {
   eventCallBack = (result: string): void => {
     this.recordButton!.hidden = true;
     this.disconnectButton!.hidden = true;
+    this.cancelButton!.hidden = true;
     this.disconnectButtonClickEvent();
     this.useExtentTip!.style.display = 'block';
     // @ts-ignore
@@ -681,7 +695,7 @@ export class SpRecordTrace extends BaseElement {
 
   getStatusesPrompt(): unknown {
     let guideSrc = `https://${window.location.host.split(':')[0]}:${window.location.port
-      }/application/?action=help_27`;
+      }${window.location.pathname}?action=help_27`;
     return {
       unconnected: {
         prompt: `未连接，请启动本地扩展程序再试！[</span style="cursor: pointer;"><a href=${guideSrc} style="color: blue;" target="_blank">指导</a><span>]`
@@ -721,6 +735,7 @@ export class SpRecordTrace extends BaseElement {
           this.usbSerialNum.shift();
           this.recordButton!.hidden = true;
           this.disconnectButton!.hidden = true;
+          this.cancelButton!.hidden = true;
           this.devicePrompt!.innerText = 'Device not connected';
           this.deviceSelect!.style!.border = '2px solid red';
           setTimeout(() => {
@@ -748,6 +763,7 @@ export class SpRecordTrace extends BaseElement {
             option.selected = true;
             this.recordButton!.hidden = false;
             this.disconnectButton!.hidden = false;
+            this.cancelButton!.hidden = true;
             this.devicePrompt!.innerText = '';
             this.hintEl!.textContent = '';
             // @ts-ignore
@@ -768,6 +784,7 @@ export class SpRecordTrace extends BaseElement {
           }, 3000);
           this.recordButton!.hidden = true;
           this.disconnectButton!.hidden = true;
+          this.cancelButton!.hidden = true;
           this.devicePrompt!.innerText = 'Device not connected';
           this.useExtentTip!.style.display = 'block';
           this.useExtentTip!.innerHTML = '手机连接有问题，请重新插拔一下手机，或者请使用系统管理员权限打开cmd窗口，并执行hdc shell';
@@ -797,10 +814,12 @@ export class SpRecordTrace extends BaseElement {
     if (this.deviceSelect!.options.length > 0) {
       this.recordButton!.hidden = false;
       this.disconnectButton!.hidden = false;
+      this.cancelButton!.hidden = false;
       this.devicePrompt!.innerText = '';
     } else {
       this.recordButton!.hidden = true;
       this.disconnectButton!.hidden = true;
+      this.cancelButton!.hidden = true;
       this.devicePrompt!.innerText = 'Device not connected';
     }
 
@@ -880,6 +899,7 @@ export class SpRecordTrace extends BaseElement {
           if (options.length <= 0) {
             this.recordButton!.hidden = true;
             this.disconnectButton!.hidden = true;
+            this.cancelButton!.hidden = true;
             this.devicePrompt!.innerText = 'Device not connected';
             this.sp!.search = false;
             SpRecordTrace.serialNumber = '';
@@ -973,7 +993,7 @@ export class SpRecordTrace extends BaseElement {
       let option = document.createElement('option');
       option.className = 'select';
       option.selected = supportVersion === '5.0+';
-      option.textContent =`OpenHarmony-${supportVersion}`;
+      option.textContent = `OpenHarmony-${supportVersion}`;
       option.setAttribute('device-version', supportVersion);
       this.deviceVersion!.append(option);
       SpRecordTrace.selectVersion = '5.0+';
@@ -1238,6 +1258,7 @@ export class SpRecordTrace extends BaseElement {
           } else {
             this.recordButton!.hidden = true;
             this.disconnectButton!.hidden = true;
+            this.cancelButton!.hidden = true;
             this.devicePrompt!.innerText = 'Device not connected';
             SpRecordTrace.serialNumber = '';
           }
@@ -1320,6 +1341,7 @@ export class SpRecordTrace extends BaseElement {
               this.litSearch!.clear();
               this.litSearch!.setPercent(`tracing  ${this.recordSetting!.maxDur * 1000}ms`, -1);
               this.buttonDisable(true);
+              this.cancelButton!.hidden = false;
               this.freshMenuDisable(true);
               this.freshConfigMenuDisable(true);
               if (SpApplication.isLongTrace) {
@@ -1811,6 +1833,7 @@ export class SpRecordTrace extends BaseElement {
         this.deviceSelect!.appendChild(option);
         this.recordButton!.hidden = false;
         this.disconnectButton!.hidden = false;
+        this.cancelButton!.hidden = false;
         this.devicePrompt!.innerText = '';
       }
       if (SpRecordTrace.selectVersion && SpRecordTrace.selectVersion !== '') {
diff --git a/ide/src/trace/component/SpSnapShotView.html.ts b/ide/src/trace/component/SpSnapShotView.html.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a998091393ca7dcb3cd72b8185d657b737c7725c
--- /dev/null
+++ b/ide/src/trace/component/SpSnapShotView.html.ts
@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2025 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 unknown KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export const SpSnapShotViewHtml = `
+<div class="chatBox">
+   <lit-icon name='close' size = '30' style='position: absolute; top: 5px; right: 5px; cursor: pointer;'></lit-icon>
+   <div class="image-container"></div>       
+</div>
+    <style>
+    .chatBox {
+        height: 100%;
+        width:100%;
+        position: relative;
+    }
+    .image-container {
+        display: flex;
+        justify-content: center; 
+        align-items: center;  
+        width:100%;
+        height:100%;
+        overflow: hidden;
+    }
+</style>
+`;
\ No newline at end of file
diff --git a/ide/src/trace/component/SpSnapShotView.ts b/ide/src/trace/component/SpSnapShotView.ts
new file mode 100644
index 0000000000000000000000000000000000000000..8604aacbb10b22e20d1bcf1e9f05a0d71f236cd2
--- /dev/null
+++ b/ide/src/trace/component/SpSnapShotView.ts
@@ -0,0 +1,63 @@
+/*
+ * Copyright (C) 2025 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 unknown 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';
+import { SpSystemTrace } from './SpSystemTrace';
+import { SpSnapShotViewHtml } from './SpSnapShotView.html';
+import { SnapShotStruct } from '../database/ui-worker/ProcedureWorkerSnaps';
+
+@element('sp-snapshot-view')
+export class SpSnapShotView extends BaseElement {
+    private chatBox: HTMLElement | undefined | null;
+    private snapShotView: HTMLElement | undefined | null;
+
+    initElements(): void {
+        this.chatBox = document.querySelector("body > sp-application")?.shadowRoot?.querySelector("#sp-snapshot-view")?.shadowRoot?.querySelector(".chatBox");
+        this.snapShotView = document.querySelector("body > sp-application")?.shadowRoot?.querySelector("#sp-snapshot-view");
+        let sp = document.querySelector("body > sp-application")?.shadowRoot?.querySelector("#sp-system-trace") as SpSystemTrace;
+        let closeBtn = document.querySelector("body > sp-application")?.shadowRoot?.querySelector("#sp-snapshot-view")?.shadowRoot?.querySelector("div > lit-icon")?.shadowRoot?.querySelector('#icon');
+        closeBtn?.addEventListener('click', () => {
+            this.snapShotView!.style.visibility = 'hidden';
+            this.snapShotView!.style.display = 'none';
+            SnapShotStruct.hoverSnapShotStruct = undefined;
+            SnapShotStruct.selectSnapShotStruct = undefined;
+            SnapShotStruct.isClear = true;
+            setTimeout(() => {
+                SnapShotStruct.isClear = false;
+            }, 0);
+            sp.refreshCanvas(true);
+        })
+    }
+
+    init(data: SnapShotStruct): void {
+        this.drawImage(data.img);
+    }
+
+    drawImage(base64Image: string): void {
+        const imageContainer = this.chatBox!.querySelector('.image-container') as HTMLElement;
+        imageContainer.innerHTML = '';
+        const proportion = 350 * 2720 / 1260;
+        const img = document.createElement('img');
+        img.src = base64Image;
+        img.style.width = '350px';
+        img.style.maxHeight = `${proportion}px`;
+
+        imageContainer.appendChild(img);
+    }
+
+    initHtml(): string {
+        return SpSnapShotViewHtml;
+    }
+}
\ No newline at end of file
diff --git a/ide/src/trace/component/SpSystemTrace.event.ts b/ide/src/trace/component/SpSystemTrace.event.ts
index ea5bcd73b0a7d750060e7090193aa1258578cc57..165126d615a35e2c5b1c3906c4cde10c37673cfa 100644
--- a/ide/src/trace/component/SpSystemTrace.event.ts
+++ b/ide/src/trace/component/SpSystemTrace.event.ts
@@ -60,6 +60,9 @@ import { XpowerAppDetailStruct, XpowerAppDetailStructOnClick } from '../database
 import { XpowerWifiBytesStructOnClick, XpowerWifiPacketsStructOnClick, XpowerWifiStruct } from '../database/ui-worker/ProcedureWorkerXpowerWifi';
 import { XpowerThreadInfoStruct, XpowerThreadInfoStructOnClick } from '../database/ui-worker/ProcedureWorkerXpowerThreadInfo';
 import { XpowerGpuFreqStruct, XpowerGpuFreqStructOnClick } from '../database/ui-worker/ProcedureWorkerXpowerGpuFreq';
+import { XpowerThreadCountStruct, XpowerThreadCountStructOnClick } from '../database/ui-worker/ProcedureWorkerXpowerThreadCount';
+import { XpowerGpuFreqCountStruct, XpowerGpuFreqCountStructOnClick } from '../database/ui-worker/ProcedureWorkerXpowerGpuFreqCount';
+import { SnapShotOnClick, SnapShotStruct } from '../database/ui-worker/ProcedureWorkerSnaps';
 
 function timeoutJudge(sp: SpSystemTrace): number {
   let timeoutJudge = window.setTimeout((): void => {
@@ -395,6 +398,8 @@ function allStructOnClick(clickRowType: string, sp: SpSystemTrace, row?: TraceRo
     .then(() => XpowerWifiPacketsStructOnClick(clickRowType, sp, entry as XpowerWifiStruct))
     .then(() => XpowerThreadInfoStructOnClick(clickRowType, sp, entry as XpowerThreadInfoStruct))
     .then(() => XpowerGpuFreqStructOnClick(clickRowType, sp, entry as XpowerGpuFreqStruct))
+    .then(() => XpowerThreadCountStructOnClick(clickRowType, sp, entry as XpowerThreadCountStruct))
+    .then(() => XpowerGpuFreqCountStructOnClick(clickRowType, sp, entry as XpowerGpuFreqCountStruct))
     .then(() => HangStructOnClick(clickRowType, sp, scrollToFunc(sp)))
     .then(() => DmaFenceStructOnClick(clickRowType, sp, entry as DmaFenceStruct))
     .then(() => SnapshotStructOnClick(clickRowType, sp, row as TraceRow<SnapshotStruct>, entry as SnapshotStruct))
@@ -416,6 +421,7 @@ function allStructOnClick(clickRowType: string, sp: SpSystemTrace, row?: TraceRo
     .then(() => sampleStructOnClick(clickRowType, sp, row as TraceRow<SampleStruct>, entry as SampleStruct))
     .then(() => gpuCounterStructOnClick(clickRowType, sp, entry as GpuCounterStruct))
     .then(() => PerfToolsStructOnClick(clickRowType, sp, entry as PerfToolStruct))
+    .then(() => SnapShotOnClick(clickRowType, sp, entry as SnapShotStruct))
     .then(() => {
       if (!JankStruct.hoverJankStruct && JankStruct.delJankLineFlag) {
         sp.removeLinkLinesByBusinessType('janks');
@@ -722,7 +728,10 @@ export function spSystemTraceDocumentOnMouseDown(sp: SpSystemTrace, ev: MouseEve
 
   TraceRow.isUserInteraction = true;
   if (sp.isMouseInSheet(ev)) {
+    sp.isInSheet = true;
     return;
+  } else {
+    sp.isInSheet = false;
   }
   sp.observerScrollHeightEnable = false;
   if (ev.offsetX > sp.timerShaftEL!.canvas!.offsetLeft) {
@@ -964,16 +973,17 @@ function handleClickActions(sp: SpSystemTrace, x: number, y: number, ev: MouseEv
     }
     let skip = false;
     if (
-      rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_WIFI_BYTES ||
-      rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_WIFI_PACKETS ||
-      rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_APP_DETAIL_DISPLAY ||
-      rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_STATISTIC
+      rows[0] &&
+      (rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_WIFI_BYTES ||
+        rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_WIFI_PACKETS ||
+        rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_APP_DETAIL_DISPLAY ||
+        rows[0].rowType === TraceRow.ROW_TYPE_XPOWER_STATISTIC)
     ) {
       skip = true;
     }
     if (rows && rows[0] && (rows[0].getHoverStruct(strict, offset) ||
       (rows[0].rowType === TraceRow.ROW_TYPE_GPU_COUNTER && rows[0].getHoverStruct(false) || skip))
-      ) {
+    ) {
       sp.onClickHandler(rows[0]!.rowType!, rows[0], rows[0].getHoverStruct(strict, offset));
       sp.documentOnMouseMove(ev);
     } else {
diff --git a/ide/src/trace/component/SpSystemTrace.init.ts b/ide/src/trace/component/SpSystemTrace.init.ts
index f718f0243df73d1f999c31012445eea2270ff2f6..2fba2fb6779fa34076c66a06ecef3128f0443fb0 100644
--- a/ide/src/trace/component/SpSystemTrace.init.ts
+++ b/ide/src/trace/component/SpSystemTrace.init.ts
@@ -466,7 +466,7 @@ function collectHandlerNo(sp: SpSystemTrace, currentRow: unknown, event: unknown
   // @ts-ignore
   currentRow.name = currentRow.tampName;
   //@ts-ignore  xpower转换名称
-  if (currentRow.rowType === 'xpower-system') {
+  if (currentRow.rowType === 'xpower-system' || (currentRow.parentRowEl && currentRow.parentRowEl.rowType === 'xpower-bundle-name-group')) {
     //@ts-ignore
     let titleEl = currentRow.shadowRoot?.querySelector('.name') as HTMLLabelElement;
     //@ts-ignore
@@ -533,7 +533,7 @@ function collectHandlerYes(sp: SpSystemTrace, currentRow: unknown, event: unknow
     sp.rowsEL!.replaceChild(replaceRow, currentRow);
   }
   //@ts-ignore  xpower转换名称
-  if (currentRow.rowType === 'xpower-system') {
+  if (currentRow.rowType === 'xpower-system' || (currentRow.parentRowEl && currentRow.parentRowEl.rowType === 'xpower-bundle-name-group')) {
     //@ts-ignore
     let titleEl = currentRow.shadowRoot?.querySelector('.name') as HTMLLabelElement;
     //@ts-ignore
@@ -629,7 +629,9 @@ function selectHandler(sp: SpSystemTrace): void {
       ];
     }
     checkRows = checkRows.filter((item, index, self) => {
-      return self.findIndex(obj => obj.rowId === item.rowId && obj.rowType === item.rowType && obj.name === item.name) === index;
+      return self.findIndex(
+        obj => obj.rowId === item.rowId && obj.rowType === item.rowType && obj.name === item.name && obj.rowParentId === item.rowParentId
+      ) === index;
     });
     selectHandlerRefreshCheckBox(sp, checkRows, refreshCheckBox);
     if (!sp.isSelectClick) {
@@ -874,7 +876,9 @@ export function spSystemTraceInitElement(sp: SpSystemTrace): void {
   sp.timerShaftEL = sp.shadowRoot.querySelector<TimerShaftElement>('.timer-shaft');
   sp.favoriteChartListEL = sp.shadowRoot.querySelector<SpChartList>('#favorite-chart-list');
   sp.collectEl1 = sp.favoriteChartListEL?.shadowRoot?.querySelector<HTMLDivElement>('#collect-group-1');
+  sp.collectEl2 = sp.favoriteChartListEL?.shadowRoot?.querySelector<HTMLDivElement>('#collect-group-2');
   sp.groupTitle1 = sp.favoriteChartListEL?.shadowRoot?.querySelector<HTMLDivElement>('#group-1-title');
+  sp.groupTitle2 = sp.favoriteChartListEL?.shadowRoot?.querySelector<HTMLDivElement>('#group-2-title');
   if (!sp.traceSheetEL.shadowRoot) {
     return;
   }
@@ -1413,18 +1417,7 @@ function savePresentData(sp: SpSystemTrace, row: TraceRow<unknown>, funcName: st
   });
 }
 function linkNodeHandler(linkNode: PairPoint[], sp: SpSystemTrace): void {
-  if (linkNode[0].rowEL.collect) {
-    linkNode[0].rowEL.translateY = linkNode[0].rowEL.getBoundingClientRect().top - 195;
-  } else {
-    linkNode[0].rowEL.translateY = linkNode[0].rowEL.offsetTop - sp.rowsPaneEL!.scrollTop;
-  }
-  linkNode[0].y = linkNode[0].rowEL!.translateY! + linkNode[0].offsetY;
-  if (linkNode[1].rowEL.collect) {
-    linkNode[1].rowEL.translateY = linkNode[1].rowEL.getBoundingClientRect().top - 195;
-  } else {
-    linkNode[1].rowEL.translateY = linkNode[1].rowEL.offsetTop - sp.rowsPaneEL!.scrollTop;
-  }
-  linkNode[1].y = linkNode[1].rowEL!.translateY! + linkNode[1].offsetY;
+  sp.handleCollectFunc([linkNode]);
 }
 
 const eventMap = {
diff --git a/ide/src/trace/component/SpSystemTrace.line.ts b/ide/src/trace/component/SpSystemTrace.line.ts
index f2b0f262428e7369c64d3df884f621035cbfd4fe..1f62fb145e8b999c5589e828662973480e96459c 100644
--- a/ide/src/trace/component/SpSystemTrace.line.ts
+++ b/ide/src/trace/component/SpSystemTrace.line.ts
@@ -814,6 +814,25 @@ export function spSystemTraceDrawFuncLine(
         break;
       }
     }
+    let startParentRow = sp.shadowRoot?.querySelector<TraceRow<BaseStruct>>( // @ts-ignore
+      `trace-row[row-type='process'][row-id='${selectFuncStruct.pid}'][folder]`
+    );
+    startParentRow!.childrenList.forEach((item) => {
+      if (item.rowId === 'sameThreadProcess') {// @ts-ignore
+        startRow = startParentRow.childrenList.concat(item.childrenList).find((item: TraceRow<FuncStruct>) => {
+          // @ts-ignore
+          return item.rowId === `${selectFuncStruct.tid}` && item.rowType === 'func';
+        });
+        startRow!.parentRowEl!.expansion = true;
+      } else {
+        // @ts-ignore
+        startRow = startParentRow.childrenList.find((item: TraceRow<FuncStruct>) => {
+          // @ts-ignore
+          return item.rowId === `${selectFuncStruct.tid}` && item.rowType === 'func';
+        });
+        startRow!.parentRowEl!.expansion = true;
+      }
+    });
   }
   if (endParentRow) {
     // @ts-ignore
diff --git a/ide/src/trace/component/SpSystemTrace.ts b/ide/src/trace/component/SpSystemTrace.ts
index f1697b7116f254d0b2af31757f73df179a937b84..13219421865f8a042298ab202939dd9b739719ee 100644
--- a/ide/src/trace/component/SpSystemTrace.ts
+++ b/ide/src/trace/component/SpSystemTrace.ts
@@ -142,6 +142,8 @@ import { XpowerStatisticStruct } from '../database/ui-worker/ProcedureWorkerXpow
 import { XpowerWifiStruct } from '../database/ui-worker/ProcedureWorkerXpowerWifi';
 import { XpowerThreadInfoStruct } from '../database/ui-worker/ProcedureWorkerXpowerThreadInfo';
 import { XpowerGpuFreqStruct } from '../database/ui-worker/ProcedureWorkerXpowerGpuFreq';
+import { LitProgressBar } from '../../base-ui/progress-bar/LitProgressBar';
+import { SnapShotStruct } from '../database/ui-worker/ProcedureWorkerSnaps';
 
 function dpr(): number {
   return window.devicePixelRatio || 1;
@@ -240,7 +242,10 @@ export class SpSystemTrace extends BaseElement {
   presentList: Array<number> = [];
   static isAiAsk: boolean = false;
   collectEl1: HTMLDivElement | undefined | null;
+  collectEl2: HTMLDivElement | undefined | null;
   groupTitle1: HTMLDivElement | undefined | null;
+  groupTitle2: HTMLDivElement | undefined | null;
+  isInSheet: boolean = false;
 
   set snapshotFile(data: FileInfo) {
     this.snapshotFiles = data;
@@ -306,57 +311,13 @@ export class SpSystemTrace extends BaseElement {
 
   addPointPair(startPoint: PairPoint, endPoint: PairPoint, lineType?: string): void {
     if (startPoint !== null && startPoint.rowEL !== null && endPoint !== null && endPoint.rowEL !== null) {
-      if (startPoint.rowEL.collect) {
-        if (this.timerShaftEL?._checkExpand) {
-          startPoint.rowEL.translateY =
-            startPoint.rowEL.getBoundingClientRect().top - 195 + this.timerShaftEL._usageFoldHeight!;
-        } else {
-          startPoint.rowEL.translateY = startPoint.rowEL.getBoundingClientRect().top - 195;
-        }
-        if (!this.favoriteChartListEL?.collect1Expand) { // 折叠G1收藏栏
-          if (startPoint.rowEL.collectGroup === startPoint.rowEL.collectGroup && startPoint.rowEL.collectGroup === '1') { // 起点终点都在G1
-            startPoint.rowEL.translateY = 23;
-          } else if (startPoint.rowEL.collectGroup !== endPoint.rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (startPoint.rowEL.collectGroup === '1') {
-              startPoint.rowEL.translateY = 23;
-            }
-          }
-        }
-        if (!this.favoriteChartListEL?.collect2Expand) { // 折叠G2收藏栏
-          if (startPoint.rowEL.collectGroup === endPoint.rowEL.collectGroup && endPoint.rowEL.collectGroup === '2') { // 起点终点都在G2
-            startPoint.rowEL.translateY = 23;
-          } else if (startPoint.rowEL.collectGroup !== endPoint.rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (startPoint.rowEL.collectGroup === '2') {
-              startPoint.rowEL.translateY = Number(this.groupTitle1?.clientHeight) + Number(this.collectEl1?.clientHeight) + 27;
-            }
-          }
-        }
-      } else {
-        startPoint.rowEL.translateY = startPoint.rowEL.offsetTop - this.rowsPaneEL!.scrollTop;
-      }
-      if (endPoint.rowEL.collect) {
-        endPoint.rowEL.translateY = endPoint.rowEL.getBoundingClientRect().top - 195;
-        if (!this.favoriteChartListEL?.collect1Expand) { // 折叠G1收藏栏
-          if (startPoint.rowEL.collectGroup === endPoint.rowEL.collectGroup && endPoint.rowEL.collectGroup === '1') { // 起点终点都在G1
-            endPoint.rowEL.translateY = 23;
-          } else if (startPoint.rowEL.collectGroup !== endPoint.rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (endPoint.rowEL.collectGroup === '1') {
-              endPoint.rowEL.translateY = 23;
-            }
-          }
-        }
-        if (!this.favoriteChartListEL?.collect2Expand) { // 折叠G2收藏栏
-          if (startPoint.rowEL.collectGroup === endPoint.rowEL.collectGroup && endPoint.rowEL.collectGroup === '2') { // 起点终点都在G2
-            endPoint.rowEL.translateY = 23;
-          } else if (startPoint.rowEL.collectGroup !== endPoint.rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (endPoint.rowEL.collectGroup === '2') {
-              endPoint.rowEL.translateY = Number(this.groupTitle1?.clientHeight) + Number(this.collectEl1?.clientHeight) + 27;
-            }
-          }
-        }
-      } else {
-        endPoint.rowEL.translateY = endPoint.rowEL.offsetTop - this.rowsPaneEL!.scrollTop;
-      }
+      const LinkNodes: PairPoint[][] = [];
+      LinkNodes.push([startPoint, endPoint]);
+      startPoint.sourceOffsetY = startPoint.offsetY;
+      endPoint.sourceOffsetY = endPoint.offsetY;
+      startPoint.offsetY = startPoint.rowEL.funcExpand ? startPoint.sourceOffsetY : startPoint.rowEL._frame!.height;
+      endPoint.offsetY = endPoint.rowEL.funcExpand ? endPoint.sourceOffsetY : endPoint.rowEL._frame!.height;
+      this.handleCollectFunc(LinkNodes);
       startPoint.y = startPoint.rowEL!.translateY! + startPoint.offsetY;
       endPoint.y = endPoint.rowEL!.translateY! + endPoint.offsetY;
       startPoint.backrowEL = startPoint.rowEL;
@@ -658,78 +619,134 @@ export class SpSystemTrace extends BaseElement {
     // @ts-ignore
     const currentScrollY = e.target.scrollTop;
     const deltaY = currentScrollY - this.prevScrollY;
-    this.linkNodes.forEach((itln) => {
+    this.handleCollectFunc(this.linkNodes);
+    this.hoverStructNull();
+    if (this.scrollTimer) {
+      // @ts-ignore
+      clearTimeout(this.scrollTimer);
+    }
+    this.scrollTimer = setTimeout(() => {
+      TraceRow.range!.refresh = true;
+      requestAnimationFrame(() => this.refreshCanvas(false));
+    }, 200);
+    spSystemTraceParentRowSticky(this, deltaY);
+    this.prevScrollY = currentScrollY;
+  };
+
+  handleCollectFunc(linkNodes: PairPoint[][]): void {
+    let margin = this.timerShaftEL?._checkExpand ? this.timerShaftEL!._usageFoldHeight! - 195 : 0 - 195;
+    linkNodes.forEach((itln) => {
       if (itln[0].rowEL.collect) {
-        if (this.timerShaftEL?._checkExpand) {
-          itln[0].rowEL.translateY =
-            itln[0].rowEL.getBoundingClientRect().top - 195 + this.timerShaftEL._usageFoldHeight!;
-        } else {
-          itln[0].rowEL.translateY = itln[0].rowEL.getBoundingClientRect().top - 195;
-        }
-        if (!this.favoriteChartListEL?.collect1Expand) { // 折叠G1收藏栏
-          if (itln[0].rowEL.collectGroup === itln[1].rowEL.collectGroup && itln[1].rowEL.collectGroup === '1') { // 起点终点都在G1
-            itln[0].rowEL.translateY = 23;
-          } else if (itln[0].rowEL.collectGroup !== itln[1].rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (itln[0].rowEL.collectGroup === '1') {
-              itln[0].rowEL.translateY = 23;
+        if (itln[1].rowEL.collect) {
+          if (itln[0].rowEL.collectGroup === itln[1].rowEL.collectGroup && itln[1].rowEL.collectGroup === '1') {
+            if (this.favoriteChartListEL?.collect1Expand) {
+              itln[0].rowEL.translateY = itln[0].rowEL.getBoundingClientRect().top + margin;
+              itln[1].rowEL.translateY = itln[1].rowEL.getBoundingClientRect().top + margin;
+              itln[0].offsetY = itln[0].rowEL.funcExpand ? itln[0].sourceOffsetY! : itln[0].rowEL._frame!.height - 5;
+              itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].sourceOffsetY! : itln[1].rowEL._frame!.height - 5;
+            } else {
+              itln[0].rowEL.translateY = this.groupTitle1!.getBoundingClientRect().top + margin;
+              itln[1].rowEL.translateY = this.groupTitle1!.getBoundingClientRect().top + margin;
+              itln[0].offsetY = this.groupTitle1!.offsetHeight / 2;
+              itln[1].offsetY = this.groupTitle1!.offsetHeight / 2;
+            }
+          } else if (itln[0].rowEL.collectGroup === itln[1].rowEL.collectGroup && itln[1].rowEL.collectGroup === '2') {
+            if (this.favoriteChartListEL?.collect2Expand) {
+              itln[0].rowEL.translateY = itln[0].rowEL.getBoundingClientRect().top + margin;
+              itln[1].rowEL.translateY = itln[1].rowEL.getBoundingClientRect().top + margin;
+              itln[0].offsetY = itln[0].rowEL.funcExpand ? itln[0].sourceOffsetY! : itln[0].rowEL._frame!.height - 5;
+              itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].sourceOffsetY! : itln[1].rowEL._frame!.height - 5;
+            } else {
+              itln[0].rowEL.translateY = this.groupTitle2!.getBoundingClientRect().top + margin;
+              itln[1].rowEL.translateY = this.groupTitle2!.getBoundingClientRect().top + margin;
+              itln[0].offsetY = this.groupTitle2!.offsetHeight / 2;
+              itln[1].offsetY = this.groupTitle2!.offsetHeight / 2;
+            }
+          } else if (itln[0].rowEL.collectGroup === '1' && itln[1].rowEL.collectGroup === '2') {
+            if (this.favoriteChartListEL?.collect1Expand) {
+              itln[0].rowEL.translateY = itln[0].rowEL.getBoundingClientRect().top + margin;
+              itln[0].offsetY = itln[0].rowEL.funcExpand ? itln[0].sourceOffsetY! : itln[0].rowEL._frame!.height - 5;
+            } else {
+              itln[0].rowEL.translateY = this.groupTitle1!.getBoundingClientRect().top + margin;
+              itln[0].offsetY = this.groupTitle1!.offsetHeight / 2;
+            }
+
+            if (this.favoriteChartListEL?.collect2Expand) {
+              itln[1].rowEL.translateY = itln[1].rowEL.getBoundingClientRect().top + margin;
+              itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].sourceOffsetY! : itln[1].rowEL._frame!.height - 5;
+            } else {
+              itln[1].rowEL.translateY = this.groupTitle2!.getBoundingClientRect().top + margin;
+              itln[1].offsetY = this.groupTitle2!.offsetHeight / 2;
+            }
+          } else if (itln[0].rowEL.collectGroup === '2' && itln[1].rowEL.collectGroup === '1') {
+            if (this.favoriteChartListEL?.collect1Expand) {
+              itln[1].rowEL.translateY = itln[1].rowEL.getBoundingClientRect().top + margin;
+              itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].sourceOffsetY! : itln[1].rowEL._frame!.height - 5;
+            } else {
+              itln[1].rowEL.translateY = this.groupTitle1!.getBoundingClientRect().top + margin;
+              itln[1].offsetY = this.groupTitle1!.offsetHeight / 2;
+            }
+
+            if (this.favoriteChartListEL?.collect2Expand) {
+              itln[0].rowEL.translateY = itln[0].rowEL.getBoundingClientRect().top + margin;
+              itln[0].offsetY = itln[0].rowEL.funcExpand ? itln[0].sourceOffsetY! : itln[0].rowEL._frame!.height - 5;
+            } else {
+              itln[0].rowEL.translateY = this.groupTitle2!.getBoundingClientRect().top + margin;
+              itln[0].offsetY = this.groupTitle2!.offsetHeight / 2;
             }
           }
-        }
-        if (!this.favoriteChartListEL?.collect2Expand) { // 折叠G2收藏栏
-          if (itln[0].rowEL.collectGroup === itln[1].rowEL.collectGroup && itln[1].rowEL.collectGroup === '2') { // 起点终点都在G2
-            itln[0].rowEL.translateY = 23;
-          } else if (itln[0].rowEL.collectGroup !== itln[1].rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (itln[0].rowEL.collectGroup === '2') {
-              itln[0].rowEL.translateY = Number(this.groupTitle1?.clientHeight) + Number(this.collectEl1?.clientHeight) + 27;
+        } else {
+          itln[1].rowEL.translateY = itln[1].rowEL.offsetTop - this.rowsPaneEL!.scrollTop;
+          itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].offsetY! : itln[1].rowEL._frame!.height - 5;
+          if (itln[0].rowEL.collectGroup === '1') {
+            if (this.favoriteChartListEL?.collect1Expand) {
+              itln[0].rowEL.translateY = itln[0].rowEL.getBoundingClientRect().top + margin;
+              itln[0].offsetY = itln[0].rowEL.funcExpand ? itln[0].sourceOffsetY! : itln[0].rowEL._frame!.height - 5;
+            } else {
+              itln[0].rowEL.translateY = this.groupTitle1!.getBoundingClientRect().top + margin;
+              itln[0].offsetY = this.groupTitle1!.offsetHeight / 2;
+            }
+          } else {
+            if (this.favoriteChartListEL?.collect2Expand) {
+              itln[0].rowEL.translateY = itln[0].rowEL.getBoundingClientRect().top + margin;
+              itln[0].offsetY = itln[0].rowEL.funcExpand ? itln[0].sourceOffsetY! : itln[0].rowEL._frame!.height - 5;
+            } else {
+              itln[0].rowEL.translateY = this.groupTitle2!.getBoundingClientRect().top + margin;
+              itln[0].offsetY = this.groupTitle2!.offsetHeight / 2;
             }
           }
         }
       } else {
         itln[0].rowEL.translateY = itln[0].rowEL.offsetTop - this.rowsPaneEL!.scrollTop;
-      }
-      if (itln[1].rowEL.collect) {
-        if (this.timerShaftEL?._checkExpand) {
-          itln[1].rowEL.translateY =
-            itln[1].rowEL.getBoundingClientRect().top - 195 + this.timerShaftEL._usageFoldHeight!;
-        } else {
-          itln[1].rowEL.translateY = itln[1].rowEL.getBoundingClientRect().top - 195;
-        }
-        if (!this.favoriteChartListEL?.collect1Expand) { // 折叠G1收藏栏
-          if (itln[0].rowEL.collectGroup === itln[1].rowEL.collectGroup && itln[1].rowEL.collectGroup === '1') { // 起点终点都在G1
-            itln[1].rowEL.translateY = 23;
-          } else if (itln[0].rowEL.collectGroup !== itln[1].rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (itln[1].rowEL.collectGroup === '1') {
-              itln[1].rowEL.translateY = 23;
+        itln[0].offsetY = itln[0].rowEL.funcExpand ? itln[0].offsetY! : itln[0].rowEL._frame!.height - 5;
+        if (itln[1].rowEL.collect) {
+          if (itln[1].rowEL.collectGroup === '1') {
+            if (this.favoriteChartListEL?.collect1Expand) {
+              itln[1].rowEL.translateY = itln[1].rowEL.getBoundingClientRect().top + margin;
+              itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].sourceOffsetY! : itln[1].rowEL._frame!.height - 5;
+            } else {
+              itln[1].rowEL.translateY = this.groupTitle1!.getBoundingClientRect().top + margin;
+              itln[1].offsetY = this.groupTitle1!.offsetHeight / 2;
             }
-          }
-        }
-        if (!this.favoriteChartListEL?.collect2Expand) { // 折叠G2收藏栏
-          if (itln[0].rowEL.collectGroup === itln[1].rowEL.collectGroup && itln[1].rowEL.collectGroup === '2') { // 起点终点都在G2
-            itln[1].rowEL.translateY = 23;
-          } else if (itln[0].rowEL.collectGroup !== itln[1].rowEL.collectGroup) { // 起点终点不在同个收藏栏
-            if (itln[1].rowEL.collectGroup === '2') {
-              itln[1].rowEL.translateY = Number(this.groupTitle1?.clientHeight) + Number(this.collectEl1?.clientHeight) + 27;
+          } else {
+            if (this.favoriteChartListEL?.collect2Expand) {
+              itln[1].rowEL.translateY = itln[1].rowEL.getBoundingClientRect().top + margin;
+              itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].sourceOffsetY! : itln[1].rowEL._frame!.height - 5;
+            } else {
+              itln[1].rowEL.translateY = this.groupTitle2!.getBoundingClientRect().top + margin;
+              itln[1].offsetY = this.groupTitle2!.offsetHeight / 2;
             }
           }
+
+        } else {
+          itln[1].rowEL.translateY = itln[1].rowEL.offsetTop - this.rowsPaneEL!.scrollTop;
+          itln[1].offsetY = itln[1].rowEL.funcExpand ? itln[1].offsetY! : itln[1].rowEL._frame!.height - 5;
         }
-      } else {
-        itln[1].rowEL.translateY = itln[1].rowEL.offsetTop - this.rowsPaneEL!.scrollTop;
       }
       itln[0].y = itln[0].rowEL.translateY + itln[0].offsetY;
       itln[1].y = itln[1].rowEL.translateY + itln[1].offsetY;
     });
-    this.hoverStructNull();
-    if (this.scrollTimer) {
-      // @ts-ignore
-      clearTimeout(this.scrollTimer);
-    }
-    this.scrollTimer = setTimeout(() => {
-      TraceRow.range!.refresh = true;
-      requestAnimationFrame(() => this.refreshCanvas(false));
-    }, 200);
-    spSystemTraceParentRowSticky(this, deltaY);
-    this.prevScrollY = currentScrollY;
-  };
+  }
 
   private scrollTimer: unknown;
 
@@ -972,6 +989,18 @@ export class SpSystemTrace extends BaseElement {
 
   documentOnMouseOut = (ev: MouseEvent): void => spSystemTraceDocumentOnMouseOut(this, ev);
 
+  documentOnPointercancel = (ev: any): void => {
+    if (ev.pointerType == 'mouse') {
+      this.dispatchEvent(
+        new CustomEvent('abnormal-mouseup', {
+          detail: {
+            value: true,
+          },
+        })
+      );
+    }
+  };
+
   keyPressMap: Map<string, boolean> = new Map([
     ['w', false],
     ['s', false],
@@ -1371,7 +1400,8 @@ export class SpSystemTrace extends BaseElement {
     SampleStruct.hoverSampleStruct = undefined;
     PerfToolStruct.hoverPerfToolStruct = undefined;
     GpuCounterStruct.hoverGpuCounterStruct = undefined;
-    DmaFenceStruct.hoverDmaFenceStruct = undefined;//清空hover slice
+    DmaFenceStruct.hoverDmaFenceStruct = undefined;
+    SnapShotStruct.hoverSnapShotStruct = undefined;
     this.tipEL!.style.display = 'none';
     return this;
   }
@@ -1406,13 +1436,14 @@ export class SpSystemTrace extends BaseElement {
     SampleStruct.selectSampleStruct = undefined;
     PerfToolStruct.selectPerfToolStruct = undefined;
     GpuCounterStruct.selectGpuCounterStruct = undefined;
-    DmaFenceStruct.selectDmaFenceStruct = undefined;//清空选中slice
+    DmaFenceStruct.selectDmaFenceStruct = undefined;
     XpowerAppDetailStruct.selectXpowerStruct = undefined;
     XpowerStatisticStruct.selectXpowerStruct = undefined;
     XpowerWifiStruct.selectBytesXpowerStruct = undefined;
     XpowerWifiStruct.selectPacketsXpowerStruct = undefined;
     XpowerThreadInfoStruct.selectXpowerStruct = undefined;
     XpowerGpuFreqStruct.selectXpowerStruct = undefined;
+    SnapShotStruct.hoverSnapShotStruct = undefined;
     return this;
   }
 
@@ -1760,6 +1791,7 @@ export class SpSystemTrace extends BaseElement {
     this.addEventListener('mousedown', this.documentOnMouseDown);
     this.addEventListener('mouseup', this.documentOnMouseUp);
     this.addEventListener('mouseout', this.documentOnMouseOut);
+    this.addEventListener('pointercancel', this.documentOnPointercancel);
     document.addEventListener('keydown', this.documentOnKeyDown);
     document.addEventListener('keypress', this.documentOnKeyPress);
     document.addEventListener('keyup', this.documentOnKeyUp);
@@ -1810,8 +1842,13 @@ export class SpSystemTrace extends BaseElement {
       a.href = URL.createObjectURL(new Blob([`${markBuf.byteLength}`, mark, buffer])); // @ts-ignore
       a.download = (window as unknown).traceFileName || `${new Date().getTime()}`;
       a.click();
+      window.publish(window.SmartEvent.UI.Loading, { loading: false, text: 'Downloading trace file with mark' });
+    } else {
+      let search = document.querySelector('body > sp-application')!.shadowRoot!.querySelector<LitSearch>('#lit-search');
+      let progressEL = document.querySelector("body > sp-application")!.shadowRoot!.querySelector<LitProgressBar>("div > div.search-vessel > lit-progress-bar");
+      progressEL!.loading = false;
+      search!.setPercent('import the trace file again...', -3);
     }
-    window.publish(window.SmartEvent.UI.Loading, { loading: false, text: 'Downloading trace file with mark' });
   }
 
   private subRecordImportListener(): void {
@@ -1879,7 +1916,7 @@ export class SpSystemTrace extends BaseElement {
       }
     }
     // @ts-ignore
-    if(record.leftNS && record.rightNS){
+    if (record.leftNS && record.rightNS) {
       // @ts-ignore
     this.timerShaftEL?.setRangeNS(record.leftNS, record.rightNS);
     }
@@ -2176,6 +2213,7 @@ export class SpSystemTrace extends BaseElement {
     this.removeEventListener('mousedown', this.documentOnMouseDown);
     this.removeEventListener('mouseup', this.documentOnMouseUp);
     this.removeEventListener('mouseout', this.documentOnMouseOut);
+    this.removeEventListener('pointercancel', this.documentOnPointercancel);
     document.removeEventListener('keypress', this.documentOnKeyPress);
     document.removeEventListener('keydown', this.documentOnKeyDown);
     document.removeEventListener('keyup', this.documentOnKeyUp);
diff --git a/ide/src/trace/component/chart/FrameChart.ts b/ide/src/trace/component/chart/FrameChart.ts
index 8bd52b36c56092d0c50467f5e4f5cbc3228ddd36..8255fec26dfd78bec4a67c691e2cdfe45773fedf 100644
--- a/ide/src/trace/component/chart/FrameChart.ts
+++ b/ide/src/trace/component/chart/FrameChart.ts
@@ -319,9 +319,9 @@ export class FrameChart extends BaseElement {
       node.isJsStack = false;
     }
 
-    //设置搜索以及点选的显示值，将点击/搜索的值设置为父节点的显示值
+    //设置搜索以及点选的显示值，将点击/搜索的值设置为父节点的显示值,或者反选有子节点并且只有一个子节点
     this.clearDisplayInfo(node);
-    if (node.isSearch && calDisplay) {
+    if ((node.isSearch && calDisplay) || (node.children && calDisplay && node.children.length === 0 && node.isReverseFilter)) {
       const module = new NodeValue();
       module.size = node.drawSize = node.searchSize = node.size;
       module.count = node.drawCount = node.searchCount = node.count;
diff --git a/ide/src/trace/component/chart/SpChartManager.ts b/ide/src/trace/component/chart/SpChartManager.ts
index 77ec6930018cb82018a34fab843ae6945097e57c..3590d966776c6043eb1d6e33db65427d744a3206 100644
--- a/ide/src/trace/component/chart/SpChartManager.ts
+++ b/ide/src/trace/component/chart/SpChartManager.ts
@@ -197,7 +197,9 @@ export class SpChartManager {
     await this.initCpu(progress);
     await this.logChart.init();
     await this.spHiSysEvent.init();
-    await SpRecordTrace.snapShotList.length > 0 && this.spSnapShotChart.init();
+    if (SpRecordTrace.snapShotList.length > 0) {
+      await this.spSnapShotChart.init();
+    }
     let idAndNameArr = await queryDmaFenceIdAndCat();
     this.handleDmaFenceName(idAndNameArr as { id: number; cat: string; seqno: number; driver: string; context: string }[]);
     if (FlagsConfig.getFlagsConfigEnableStatus('Hangs Detection')) {
diff --git a/ide/src/trace/component/chart/SpHiPerf.ts b/ide/src/trace/component/chart/SpHiPerf.ts
index bcefde8d4c16bf2c28475d4a7a54991debde1be6..23192717555e386c4a54930ac087975b115f2164 100644
--- a/ide/src/trace/component/chart/SpHiPerf.ts
+++ b/ide/src/trace/component/chart/SpHiPerf.ts
@@ -70,6 +70,7 @@ export class SpHiPerf {
   private callChartType: number = 0;
   private callChartId: number = 0;
   private eventTypeId: number = -2;
+  static hiperfEvent: number | undefined = -2;
 
   constructor(trace: SpSystemTrace) {
     this.trace = trace;
@@ -85,6 +86,7 @@ export class SpHiPerf {
     this.cpuData = await queryHiPerfCpuMergeData2();
     this.callChartType = 0;
     this.callChartId = 0;
+    SpHiPerf.hiperfEvent = -2;
     this.eventTypeId = -2; //@ts-ignore
     this.maxCpuId = this.cpuData.length > 0 ? this.cpuData[0].cpu_id : -Infinity;
     if (this.cpuData.length > 0) {
@@ -173,6 +175,7 @@ export class SpHiPerf {
       let drawType = parseInt(value[0]);
       if (this.eventTypeId !== drawType) {
         this.eventTypeId = drawType;
+        SpHiPerf.hiperfEvent = drawType;
         row.drawType = drawType;
         row.childrenList.forEach((child): void => {
           if (child.drawType !== drawType) {
diff --git a/ide/src/trace/component/chart/SpLTPO.ts b/ide/src/trace/component/chart/SpLTPO.ts
index 3f6a11bdcabd6e1fc7fd3e390601ec5f735f7bd1..1001c45055fe22279ea56787af109dc42d1b719c 100644
--- a/ide/src/trace/component/chart/SpLTPO.ts
+++ b/ide/src/trace/component/chart/SpLTPO.ts
@@ -142,12 +142,12 @@ export class SpLtpoChart {
   initFenceName(): void {
     SpLtpoChart.fanceNameList.map((item) => {
       let cutFanceNameArr = item.name!.split(' ');
-      if (cutFanceNameArr[cutFanceNameArr.length - 1] === 'signaled') {
+      if (cutFanceNameArr[cutFanceNameArr.length - 1].includes('signaled')) {
         item.fanceId = Number(cutFanceNameArr[2]);
         item.signaled = 1;
         SpLtpoChart.signaledFence.push(item);
       } else {
-        item.fanceId = Number(cutFanceNameArr[cutFanceNameArr.length - 1]);
+        item.fanceId = Number(cutFanceNameArr[cutFanceNameArr.length - 1].split('|')[0]);
       }
     });
   }
@@ -176,8 +176,8 @@ export class SpLtpoChart {
   //从render_service中获取nowTime
   initRsNowTime(): void {
     SpLtpoChart.rsNowTimeList.map((item) => {
-      let cutRsNameArr = item.name!.split(' ')[2].split(':');
-      item.nowTime = Number(cutRsNameArr[cutRsNameArr.length - 1]);
+      let cutRsNameArr = item.name!.split('now')[1].split(' ')[1];
+      item.nowTime = Number(cutRsNameArr);
     });
   }
   //处理fps
@@ -229,6 +229,8 @@ export class SpLtpoChart {
             SpLtpoChart.fpsnameList[fpsIndex].ts! + SpLtpoChart.fpsnameList[fpsIndex].dur!
           ) {
             fpsIndex++;
+          } else {
+            return;
           }
         } else {
           return;
@@ -294,6 +296,8 @@ export class SpLtpoChart {
             cutTimeSum += tempFps ? 1000 / tempFps : 1000 / SpLtpoChart.tempRsNowTimeList[nowTimeIndex - 1].fps!;
           }
           skipIndex++;
+        } else {
+          return;
         }
       } else {
         return;
@@ -352,6 +356,8 @@ export class SpLtpoChart {
           presentArr.splice(presentIndex, 1);
         } else if (presentArr[presentIndex].presentId! > ltpoDataArr[ltpoIndex].fanceId!) {
           ltpoDataArr.splice(ltpoIndex, 1);
+        } else {
+          break;
         }
       } else {
         break;
diff --git a/ide/src/trace/component/chart/SpProcessChart.ts b/ide/src/trace/component/chart/SpProcessChart.ts
index 1ce96d22079154ba62821e3c658d42c0b94eb7e8..019a765c869ebfd02cbc05fa0c0cbbd6e439ac5f 100644
--- a/ide/src/trace/component/chart/SpProcessChart.ts
+++ b/ide/src/trace/component/chart/SpProcessChart.ts
@@ -38,7 +38,7 @@ import { processActualDataSender } from '../../database/data-trafic/process/Proc
 import { processDeliverInputEventDataSender } from '../../database/data-trafic/process/ProcessDeliverInputEventDataSender';
 import { processTouchEventDispatchDataSender } from '../../database/data-trafic/process/ProcessTouchEventDispatchDataSender';
 import { getMaxDepthByTid, queryProcessAsyncFunc, queryProcessAsyncFuncCat } from '../../database/sql/Func.sql';
-import { queryMemFilterIdMaxValue } from '../../database/sql/Memory.sql';
+import { queryMemFilterIdMaxValue, queryMemFilterIdMinValue } from '../../database/sql/Memory.sql';
 import { queryAllSoInitNames, queryAllSrcSlices, queryEventCountMap } from '../../database/sql/SqlLite.sql';
 import {
   queryProcessByTable,
@@ -78,6 +78,7 @@ export class SpProcessChart {
   private startupProcessArr: { pid: number }[] = [];
   private processSoMaxDepth: { pid: number; maxDepth: number }[] = [];
   private filterIdMaxValue: Map<number, number> = new Map();
+  private filterIdMinValue: Map<number, number> = new Map();
   private soInitNameMap: Map<number, string> = new Map();
   private processSrcSliceMap: Map<number, string> = new Map();
   private distributedDataMap: Map<
@@ -120,6 +121,7 @@ export class SpProcessChart {
     this.startupProcessArr = [];
     this.processSoMaxDepth = [];
     this.filterIdMaxValue.clear();
+    this.filterIdMinValue.clear();
     this.soInitNameMap.clear();
     this.processSrcSliceMap.clear();
     this.distributedDataMap.clear();
@@ -443,9 +445,13 @@ export class SpProcessChart {
   private async prepareData(traceId?: string): Promise<void> {
     if (!this.isDistributed) {
       let maxValues = await queryMemFilterIdMaxValue();
+      let minValues = await queryMemFilterIdMinValue();
       maxValues.forEach((it) => {
         this.filterIdMaxValue.set(it.filterId, it.maxValue);
       });
+      minValues.forEach((it) => {
+        this.filterIdMinValue.set(it.filterId, it.minValue);
+      });
       let soInitNamesArray = await queryAllSoInitNames();
       soInitNamesArray.forEach((it) => {
         // @ts-ignore
@@ -749,29 +755,29 @@ export class SpProcessChart {
     //@ts-ignore
     linkItem[1].backrowEL = linkItem[1].sourcebackrowEL!.parentRowEl?.expansion ?
       linkItem[1].sourcebackrowEL! : linkItem[1].sourcebackrowEL!.parentRowEl;
-    if (linkItem[0].rowEL.expansion && linkItem[0].backrowEL) {
-      this.updatePairPointTranslateY(linkItem[0]);
+    this.trace.handleCollectFunc([linkItem]);
+    //@ts-ignore
+    linkItem[0].offsetY = linkItem[0].sourcebackrowEL!.parentRowEl?.expansion ?
+      linkItem[0].sourceOffsetY! / 2 : linkItem[0].offsetY;
+    //@ts-ignore
+    linkItem[1].offsetY = linkItem[1].sourcebackrowEL!.parentRowEl?.expansion ?
+      linkItem[1].sourceOffsetY! / 2 : linkItem[1].offsetY;
+    if (linkItem[0].sourcebackrowEL!.parentRowEl?.expansion && linkItem[0].backrowEL) {
       linkItem[0].x = ns2xByTimeShaft(linkItem[0].ns, this.trace.timerShaftEL!);
       linkItem[0].y = linkItem[0].rowEL.translateY + linkItem[0].offsetY;
       linkItem[0].offsetY = linkItem[0].offsetY * 2;
       linkItem[0].rowEL = linkItem[0].backrowEL;
     }
-    if (linkItem[1].rowEL.expansion && linkItem[1].backrowEL) {
-      this.updatePairPointTranslateY(linkItem[1]);
+    if (linkItem[1].sourcebackrowEL!.parentRowEl?.expansion && linkItem[1].backrowEL) {
       linkItem[1].x = ns2xByTimeShaft(linkItem[1].ns, this.trace.timerShaftEL!);
       linkItem[1].y = linkItem[1].rowEL!.translateY! + linkItem[1].offsetY;
       linkItem[1].offsetY = linkItem[1].offsetY * 2;
       linkItem[1].rowEL = linkItem[1].backrowEL;
     }
-    this.updatePairPointTranslateY(linkItem[0]);
-    this.updatePairPointTranslateY(linkItem[1]);
   }
 
   handler4(e: unknown, linkItem: PairPoint[], processRow: TraceRow<ProcessStruct>): void {
-    this.updatePairPointTranslateY(linkItem[0]);
-    linkItem[0].y = processRow!.translateY + linkItem[0].offsetY;
-    this.updatePairPointTranslateY(linkItem[1]);
-    linkItem[1].y = linkItem[1].rowEL!.translateY + linkItem[1].offsetY; //@ts-ignore
+    //@ts-ignore
     if (e.detail.rowId === 'sameThreadProcess') {//@ts-ignore
       if (linkItem[0].rowEL.parentRowEl?.rowId === e.detail.rowId) {
         //@ts-ignore
@@ -790,6 +796,7 @@ export class SpProcessChart {
         this.updatePairPoint(linkItem[1], processRow);
       }
     }
+    this.trace.handleCollectFunc([linkItem]);
   }
 
   updatePairPointTranslateY(pair: PairPoint): void {
@@ -829,8 +836,9 @@ export class SpProcessChart {
     if (!pair.rowEL.collect) {
       pair.x = ns2xByTimeShaft(pair.ns, this.trace.timerShaftEL!);
       pair.y = processRow!.translateY! + pair.offsetY / 2;
-      pair.offsetY = pair.offsetY / 2;
       pair.rowEL = processRow!;
+      pair.offsetY = pair.rowEL._frame!.height / 2;
+      pair.backrowEL = processRow!;
     }
   }
 
@@ -1523,8 +1531,11 @@ export class SpProcessChart {
         processMemDataSender(mem.trackId, row).then((resultProcess) => {
           //@ts-ignore
           let maxValue = this.filterIdMaxValue.get(mem.trackId) || 0;
+          //@ts-ignore
+          let minValue = this.filterIdMinValue.get(mem.trackId) || 0;
           for (let j = 0; j < resultProcess.length; j++) {
             resultProcess[j].maxValue = maxValue;
+            resultProcess[j].minValue = minValue;
             if (j === resultProcess.length - 1) {
               resultProcess[j].duration = (TraceRow.range?.totalNS || 0) - (resultProcess[j].startTime || 0);
             } else {
diff --git a/ide/src/trace/component/chart/SpXpowerChart.ts b/ide/src/trace/component/chart/SpXpowerChart.ts
index e7cbab1f99f1a327b96f698ac2f54346e89fb956..ee30d62e21cc04427b842e2c8a8e7e9b4d72ead3 100644
--- a/ide/src/trace/component/chart/SpXpowerChart.ts
+++ b/ide/src/trace/component/chart/SpXpowerChart.ts
@@ -303,6 +303,7 @@ export class SpXpowerChart {
     traceRow.name = 'Thread Count';
     traceRow.rowHidden = !folder.expansion;
     traceRow.folderTextLeft = 40;
+    traceRow.xpowerRowTitle = convertTitle(traceRow.name);
     traceRow.setAttribute('children', '');
     traceRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
     traceRow.selectChangeHandler = this.trace.selectChangeHandler;
@@ -359,6 +360,7 @@ export class SpXpowerChart {
     traceRow.name = 'Gpu Freq Count';
     traceRow.rowHidden = !folder.expansion;
     traceRow.folderTextLeft = 40;
+    traceRow.xpowerRowTitle = convertTitle(traceRow.name);
     traceRow.setAttribute('children', '');
     traceRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
     traceRow.selectChangeHandler = this.trace.selectChangeHandler;
@@ -427,6 +429,7 @@ export class SpXpowerChart {
     traceRow.name = rowName;
     traceRow.rowHidden = !folder.expansion;
     traceRow.folderTextLeft = 40;
+    traceRow.xpowerRowTitle = convertTitle(traceRow.name);
     traceRow.setAttribute('children', '');
     traceRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
     traceRow.selectChangeHandler = this.trace.selectChangeHandler;
@@ -695,6 +698,7 @@ export class SpXpowerChart {
     traceRow.name = 'Statistic';
     traceRow.rowHidden = !folder.expansion;
     traceRow.folderTextLeft = 40;
+    traceRow.xpowerRowTitle = convertTitle(traceRow.name);
     traceRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
     traceRow.selectChangeHandler = this.trace.selectChangeHandler;
     traceRow.setAttribute('children', '');
@@ -774,6 +778,7 @@ export class SpXpowerChart {
     traceRow.name = 'Display';
     traceRow.rowHidden = !folder.expansion;
     traceRow.folderTextLeft = 40;
+    traceRow.xpowerRowTitle = convertTitle(traceRow.name);
     traceRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
     traceRow.selectChangeHandler = this.trace.selectChangeHandler;
     traceRow.setAttribute('children', '');
@@ -842,6 +847,7 @@ export class SpXpowerChart {
       traceRow.name = it;
       traceRow.rowHidden = !folder.expansion;
       traceRow.folderTextLeft = 40;
+      traceRow.xpowerRowTitle = convertTitle(traceRow.name);
       traceRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
       traceRow.selectChangeHandler = this.trace.selectChangeHandler;
       traceRow.setAttribute('children', '');
@@ -908,6 +914,7 @@ export class SpXpowerChart {
     traceRow.name = 'GPU Freq';
     traceRow.rowHidden = !folder.expansion;
     traceRow.folderTextLeft = 40;
+    traceRow.xpowerRowTitle = convertTitle(traceRow.name);
     traceRow.setAttribute('children', '');
     traceRow.favoriteChangeHandler = this.trace.favoriteChangeHandler;
     traceRow.selectChangeHandler = this.trace.selectChangeHandler;
@@ -959,6 +966,24 @@ export function convertTitle(title: string): string {
       return '外壳温度(单位℃)';
     case 'ThermalReport.ThermalLevel':
       return '温度等级';
+    case 'Statistic':
+        return '器件统计数据';
+    case 'WIFIPackets':
+        return 'wifi传输数据包个数';
+    case 'WIFIBytes':
+        return 'wifi字节数';
+    case 'Display':
+        return '屏幕刷新率';
+    case 'Gpu Freq Count':
+        return 'GPU频率计数';
+    case 'GPU Freq':
+        return 'GPU频率时间';
+    case 'Thread Count':
+        return '时间线程数';
+    case 'Thread Energy':
+        return '线程能耗';
+    case 'Thread Load':
+        return '线程负载';
     default:
       return title;
   }
diff --git a/ide/src/trace/component/chart/spSnapShotChart.ts b/ide/src/trace/component/chart/spSnapShotChart.ts
index deb4601d8772e7c66bdb6b12aa318fd2fd17092d..928fcf8953db2634f4ca537fe2cfd6848b4e8cb8 100644
--- a/ide/src/trace/component/chart/spSnapShotChart.ts
+++ b/ide/src/trace/component/chart/spSnapShotChart.ts
@@ -27,6 +27,7 @@ export class SpSnapShotChart {
     }
 
     async init(parentRow?: TraceRow<BaseStruct>, traceId?: string): Promise<void> {
+        SpRecordTrace.isSnapShotCapture = false;
         let traceRow = await this.initData(traceId);
         if (parentRow) {
             parentRow.addChildTraceRow(traceRow);
diff --git a/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.html.ts b/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.html.ts
index c48d8f45fa5c0a1abd1edd28bf8574d6a24f4c72..80093fd0b59bd7f459024ce319fdc3fa19e8304b 100644
--- a/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.html.ts
+++ b/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.html.ts
@@ -32,6 +32,9 @@ export const Top20FrequencyThreadHtml = `
             width: 80%;
             height: 500px;
         }
+        #nodata {
+            opacity: 0;
+        }
         .root{
             width: 100%;
             height: 100%;
@@ -45,7 +48,7 @@ export const Top20FrequencyThreadHtml = `
         <lit-progress-bar id="loading" style="height: 1px;width: 100%" loading></lit-progress-bar>
         <div style="padding: 15px">
                     Thread Search
-                    <lit-select default-value="1" id="thread_select" placement="bottom" tabselect></lit-select>
+                    <lit-select-v value default-value="" id="thread_select" rounded placement="bottom" placeholder="please select thread"></lit-select-v>
         </div>
         <table-no-data id="nodata" contentHeight="500px">
         <div class="root">
diff --git a/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.ts b/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.ts
index 8005a908181bdaf4ceab9d18c87b154c08370b70..9daea4fba0c2e131fba71670ad1c62aa6562b704 100644
--- a/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.ts
+++ b/ide/src/trace/component/schedulingAnalysis/Top20FrequencyThread.ts
@@ -28,13 +28,14 @@ import { TableNoData } from './TableNoData';
 import { getProbablyTime } from '../../database/logic-worker/ProcedureLogicWorkerCommon';
 import { queryThreads } from '../../database/sql/ProcessThread.sql';
 import { Top20FrequencyThreadHtml } from './Top20FrequencyThread.html';
+import { LitSelectV } from '../../../base-ui/select/LitSelectV';
 
 @element('top20-frequency-thread')
 export class Top20FrequencyThread extends BaseElement {
   static threads: { id: number; tid: number; name: string }[] | undefined;
   traceChange: boolean = false;
   private frequencyThreadTbl: LitTable | null | undefined;
-  private threadSelect: LitSelect | null | undefined;
+  private threadSelect: LitSelectV | null | undefined;
   private frequencyThreadPie: LitChartPie | null | undefined;
   private currentThread: HTMLDivElement | null | undefined;
   private frequencyThreadProgress: LitProgressBar | null | undefined;
@@ -49,17 +50,37 @@ export class Top20FrequencyThread extends BaseElement {
     this.frequencyThreadProgress = this.shadowRoot!.querySelector<LitProgressBar>('#loading');
     this.frequencyThreadTbl = this.shadowRoot!.querySelector<LitTable>('#tb-process-thread-count');
     this.currentThread = this.shadowRoot!.querySelector<HTMLDivElement>('#current_thread');
-    this.threadSelect = this.shadowRoot!.querySelector<LitSelect>('#thread_select');
+    this.threadSelect = this.shadowRoot!.querySelector<LitSelectV>('#thread_select');
     this.frequencyThreadPie = this.shadowRoot!.querySelector<LitChartPie>('#pie');
-
-    this.threadSelect!.onchange = (e): void => {
-      //@ts-ignore
-      this.currentThread!.textContent = (e as unknown).detail.text;
+    this.threadSelect!.addEventListener('mousedown', (): void => {
+      if (Top20FrequencyThread.threads === undefined) {
+        queryThreads().then((res) => {
+          Top20FrequencyThread.threads = res || [];
+          if (Top20FrequencyThread.threads && Top20FrequencyThread.threads!.length && Top20FrequencyThread.threads!.length > 0) {
+            const nameArray = Top20FrequencyThread.threads!.map(item => item.name);
+            this.threadSelect!.dataSource(nameArray!, '', true);
+          } else {
+            this.threadSelect!.dataSource([], '');
+          }
+        });
+      }
+    })
+    this.threadSelect!.addEventListener('valueChange', (event) => {
       //@ts-ignore
-      this.currentTid = parseInt(e.detail.selectValue);
-      this.frequencyThreadProgress!.loading = true;
-      this.queryData();
-    };
+      const newValue = event.detail.value;
+      const regex = /\(([\d]+)\)/;
+      const match = newValue.match(regex);
+      if (match) {
+        const numberInsideBrackets = match[1];
+        this.currentThread!.textContent = newValue;
+        this.currentTid = parseInt(numberInsideBrackets);
+        this.frequencyThreadProgress!.loading = true;
+        this.queryData();
+      } else {
+        this.frequencyThreadProgress!.loading = false;
+        console.log('No match found');
+      }
+    });
 
     this.frequencyThreadTbl!.addEventListener('row-click', (evt: unknown): void => {
       //@ts-ignore
@@ -140,29 +161,14 @@ export class Top20FrequencyThread extends BaseElement {
       return;
     }
     this.traceChange = false;
-    this.frequencyThreadProgress!.loading = true;
-    if (Top20FrequencyThread.threads === undefined) {
-      //@ts-ignore
-      Top20FrequencyThread.threads = (await queryThreads()) || [];
-      this.nodata!.noData = Top20FrequencyThread.threads === undefined || Top20FrequencyThread.threads.length === 0;
-      this.threadSelect!.innerHTML = ''; //@ts-ignore
-      let threads = Top20FrequencyThread.threads.map((it) => {
-        let option = new LitSelectOption();
-        option.setAttribute('value', `${it.tid}`);
-        option.textContent = it.name;
-        return option;
-      });
-      this.threadSelect!.append(...threads);
-      this.threadSelect?.initOptions(); //@ts-ignore
-      this.threadSelect!.value = `${Top20FrequencyThread.threads[0].tid}`; //@ts-ignore
-      this.currentThread!.textContent = Top20FrequencyThread.threads[0].name; //@ts-ignore
-      this.currentTid = Top20FrequencyThread.threads[0].tid;
-      this.queryData();
-    }
+    this.frequencyThreadProgress!.loading = false;
+    this.threadSelect!.clearVal();
+    this.nodata!.style.opacity = '0';
   }
 
   queryData(): void {
     this.queryLogicWorker('scheduling-Thread Freq', 'query Thread Top 20 Frequency Time:', (res): void => {
+      this.nodata!.style.opacity = '1';
       this.nodata!.noData =
         Top20FrequencyThread.threads === undefined ||
         Top20FrequencyThread.threads.length === 0 ||
diff --git a/ide/src/trace/component/setting/SpArkTs.html.ts b/ide/src/trace/component/setting/SpArkTs.html.ts
index 142fa8b46c74182a0e7666b6da479f02d47bf9ee..deef62a6df31d4c1c376869b30078d28fdb600f4 100644
--- a/ide/src/trace/component/setting/SpArkTs.html.ts
+++ b/ide/src/trace/component/setting/SpArkTs.html.ts
@@ -155,7 +155,7 @@ lit-switch {
             <lit-switch class="switch" id='memory-switch'></lit-switch>
         </div>
         <div class='memory'>
-            <lit-radio dis="round" class="radio" name="litRadio" checked type="0">Heap snapshot</lit-radio>
+            <lit-radio dis="round" class="radio" name="litRadio" checked type="0" id="heapsnapshot">Heap snapshot</lit-radio>
             <div style="margin-left: 10px;">
                 <span class="des">Heap snapshot profiles show memory distribution among your page’s 
                 JavaScript objects and related DOM nodes.</span>
@@ -170,7 +170,7 @@ lit-switch {
                     <span class="unit">S</span>
                 </div>
             </div>
-            <lit-radio dis="round" name="litRadio" class="radio" type="1">
+            <lit-radio dis="round" name="litRadio" class="radio" type="1" id="allcotimeline">
             Allocation insteumentation on timeline</lit-radio>
             <div style="margin-left: 10px;">
                 <span class="des">Allocation timelines show insturmented Javascript memory allocations 
diff --git a/ide/src/trace/component/setting/SpArkTs.ts b/ide/src/trace/component/setting/SpArkTs.ts
index b2f3e8f70ed7d35077f9f2595fed24ad76ff29ae..9fccf863ca84476127913c548823c88e49b71b88 100644
--- a/ide/src/trace/component/setting/SpArkTs.ts
+++ b/ide/src/trace/component/setting/SpArkTs.ts
@@ -36,6 +36,10 @@ export class SpArkTs extends BaseElement {
   private memorySwitch: LitSwitch | undefined | null;
   private cpuSwitch: LitSwitch | undefined | null;
   public litSwitch: LitSwitch | undefined | null;
+  private snapshotRadioBox: LitRadioBox | undefined | null;
+  private timelineRadioBox: LitRadioBox | undefined | null;
+  private snapshotCheckBox: SpCheckDesBox | undefined | null;
+  private timelineCheckBox: SpCheckDesBox | undefined | null;
 
   set startSamp(jsHeapStart: boolean) {
     if (jsHeapStart) {
@@ -164,6 +168,10 @@ export class SpArkTs extends BaseElement {
     this.litSwitch = this.shadowRoot?.querySelector('lit-switch') as LitSwitch;
     this.memorySwitch = this.shadowRoot?.querySelector('#memory-switch') as LitSwitch;
     this.cpuSwitch = this.shadowRoot?.querySelector('#cpu-switch') as LitSwitch;
+    this.snapshotRadioBox = this.shadowRoot?.querySelector('#heapsnapshot') as LitRadioBox;
+    this.timelineRadioBox = this.shadowRoot?.querySelector('#allcotimeline') as LitRadioBox;
+    this.snapshotCheckBox = this.shadowRoot?.querySelector('#snapshot') as SpCheckDesBox;
+    this.timelineCheckBox = this.shadowRoot?.querySelector('#timeline') as SpCheckDesBox;
     this.disable();
     this.memoryDisable();
   }
@@ -233,6 +241,22 @@ export class SpArkTs extends BaseElement {
     }
   };
 
+  snapshotRadioBoxChangeHandler = (event: Event): void => {
+    if (event) {
+      this.snapshotCheckBox!.disabled = false;
+      this.timelineCheckBox!.checked = false;
+      this.timelineCheckBox!.disabled = true;
+    }
+  };
+
+  timelineRadioBoxChangeHandler = (event: Event): void => {
+    if (event) {
+      this.snapshotCheckBox!.checked = false;
+      this.snapshotCheckBox!.disabled = true;
+      this.timelineCheckBox!.disabled = false;
+    }
+  };
+
   public memoryDisable(): void {
     let interval = this.shadowRoot?.querySelectorAll<HTMLInputElement>('#interval');
     interval!.forEach((item) => {
@@ -243,10 +267,12 @@ export class SpArkTs extends BaseElement {
     let radioBoxes = this.shadowRoot?.querySelectorAll<LitRadioBox>('lit-radio');
     radioBoxes!.forEach((item) => {
       item.disabled = true;
+      item.checked = false;
     });
     let checkBoxes = this.shadowRoot?.querySelectorAll<SpCheckDesBox>('check-des-box');
     checkBoxes!.forEach((item) => {
       item.disabled = true;
+      item.checked = false;
     });
   }
 
@@ -260,10 +286,13 @@ export class SpArkTs extends BaseElement {
     radioBoxes!.forEach((item) => {
       item.disabled = false;
     });
+    radioBoxes![0].checked = true;
     let checkBoxes = this.shadowRoot?.querySelectorAll<SpCheckDesBox>('check-des-box');
     checkBoxes!.forEach((item) => {
       item.disabled = false;
     });
+    checkBoxes![0].checked = true;
+    checkBoxes![1].disabled = true;
   }
 
   public disable(): void {
@@ -317,6 +346,8 @@ export class SpArkTs extends BaseElement {
     this.litSwitch!.addEventListener('change', this.litSwitchChangeHandler);
     this.memorySwitch!.addEventListener('change', this.memorySwitchChangeHandler);
     this.cpuSwitch!.addEventListener('change', this.cpuSwitchChangeHandler);
+    this.snapshotRadioBox!.addEventListener('click', this.snapshotRadioBoxChangeHandler);
+    this.timelineRadioBox!.addEventListener('click', this.timelineRadioBoxChangeHandler);
   }
 
   disconnectedCallback(): void {
@@ -325,6 +356,8 @@ export class SpArkTs extends BaseElement {
     this.litSwitch!.removeEventListener('change', this.litSwitchChangeHandler);
     this.memorySwitch!.removeEventListener('change', this.memorySwitchChangeHandler);
     this.cpuSwitch!.removeEventListener('change', this.cpuSwitchChangeHandler);
+    this.snapshotRadioBox!.removeEventListener('click', this.snapshotRadioBoxChangeHandler);
+    this.timelineRadioBox!.removeEventListener('click', this.timelineRadioBoxChangeHandler);
   }
 
   initHtml(): string {
diff --git a/ide/src/trace/component/setting/SpRecordSetting.html.ts b/ide/src/trace/component/setting/SpRecordSetting.html.ts
index 8b7d98752f9e5c223607a9911b54b3ec130290e5..c8fb6850a537c48ec30d488a651fba74ccddf200 100644
--- a/ide/src/trace/component/setting/SpRecordSetting.html.ts
+++ b/ide/src/trace/component/setting/SpRecordSetting.html.ts
@@ -217,7 +217,7 @@ button{
   <div class="snapShot">
     <div class="record-title">
         <span class="record-mode" >SnapShot</span>
-        <span class="record-prompt"> (max snapShot value is 1000MS) </span>
+        <span class="record-prompt"> (max snapShot value is 1000MS and min snapShot value is 200MS) </span>
     </div>
     <lit-slider id="snapShot" defaultColor="var(--dark-color4,#cdcafa)" open dir="right">
     </lit-slider>
diff --git a/ide/src/trace/component/setting/SpRecordTemplate.ts b/ide/src/trace/component/setting/SpRecordTemplate.ts
index 7c835535bd32d2c63824b50b877416d8fc1297fe..178c3b203d411c6089e65d13f61f6e58a6f97419 100644
--- a/ide/src/trace/component/setting/SpRecordTemplate.ts
+++ b/ide/src/trace/component/setting/SpRecordTemplate.ts
@@ -82,8 +82,8 @@ export class SpRecordTemplate extends BaseElement {
     '-f 1000 -a  --cpu-limit 100 -e hw-cpu-cycles,sched:sched_waking' +
     ' --call-stack dwarf --clockid monotonic --offcpu -m 256';
   static HIPERF_NAPI_RECORD_ARGS_BEFORE = '';  
-  static HIPERF_NAPI_RECORD_ARGS_APP = '-f 1000 --app'  
-  static HIPERF_NAPI_RECORD_ARGS_PID = '-f 1000 -p'  
+  static HIPERF_NAPI_RECORD_ARGS_APP = '-f 1000 --app';  
+  static HIPERF_NAPI_RECORD_ARGS_PID = '-f 1000 -p';
   static HIPERF_NAPI_RECORD_ARGS_AFTER = '--cpu-limit 100 -e hw-cpu-cycles --call-stack dwarf --clockid monotonic -m 256';
   private frameTimeline: LitSwitch | undefined | null;
   private schedulingAnalysis: LitSwitch | undefined | null;
@@ -217,7 +217,7 @@ export class SpRecordTemplate extends BaseElement {
     };
   }
 
-  private getDesiredString(str: string) {
+  private getDesiredString(str: string): string {
     if (/^\d+$/.test(str)) {
         this.isNum = true;
         return str;
@@ -256,7 +256,7 @@ private packageMouseDownHandler(): void {
   Cmd.getPackage().then((packageList: string[]): void => {
     let finalDataList = packageList.map(str => str.replace(/\t/g, ''));
     if (finalDataList.length > 0) {
-      this.packageName!.dataSource(finalDataList, '',true);
+      this.packageName!.dataSource(finalDataList, '', true);
     } else {
       this.packageName!.dataSource([], '');
     }
@@ -283,7 +283,7 @@ private createNativeConfig(): ProfilerPluginConfig<NativePluginConfig> {
     startup_mode: false,
     js_stack_report: 2,
     max_js_stack_depth: 5,
-    filter_napi_name: "info",
+    filter_napi_name: 'info',
     memtrace_enable: true,
     malloc_disable: true,
   };
diff --git a/ide/src/trace/component/setting/SpXPowerRecord.ts b/ide/src/trace/component/setting/SpXPowerRecord.ts
index eec8535ba07023ccd69fe16b217c5b347361926e..2cf987de460cfaa77165bdd41c791ee2c12dccf1 100644
--- a/ide/src/trace/component/setting/SpXPowerRecord.ts
+++ b/ide/src/trace/component/setting/SpXPowerRecord.ts
@@ -77,9 +77,13 @@ export class SpXPowerRecord extends BaseElement {
           return;
         } else {
           Cmd.getPackage().then((packageList) => {
+            let appArr = [];
             if (packageList.length > 0) {
-              packageList.unshift('none');
-              this.xPowerSelectV!.dataSource(packageList, '', true);
+              packageList.forEach((item) => {
+                appArr.push(item.replace(/^\t+/, ''));
+              })
+              appArr.unshift('none');
+              this.xPowerSelectV!.dataSource(appArr, '', true);
               this.getSelectedOption();
             } else {
               this.xPowerSelectV!.dataSource([], '');
diff --git a/ide/src/trace/component/trace/SpChartList.ts b/ide/src/trace/component/trace/SpChartList.ts
index b82f62d9be970cd565ee2b253af99041776cb6b5..416e36be54d2b7f0b302ecdbc7e3fe5face54e27 100644
--- a/ide/src/trace/component/trace/SpChartList.ts
+++ b/ide/src/trace/component/trace/SpChartList.ts
@@ -85,7 +85,11 @@ export class SpChartList extends BaseElement {
     this.canvasCtx = this.canvas?.getContext('2d'); //@ts-ignore
     window.subscribe(window.SmartEvent.UI.RowHeightChange, (data: { expand: number; value: number }) => {
       this.resizeHeight();
-      if (!data.expand) {
+      if (data.expand) {
+        let offset = this.scrollTop + data.value;
+        offset = offset < 0 ? 0 : offset;
+        this.scrollTop = offset;
+      } else {
         let offset = this.scrollTop - data.value;
         offset = offset < 0 ? 0 : offset;
         this.scrollTop = offset;
@@ -103,41 +107,37 @@ export class SpChartList extends BaseElement {
         clearTimeout(offsetYTimeOut);
       }
       this.collect1Expand = !this.collect1Expand;
-      if (this.collect1Expand) {
+      if (this.collect1Expand) {//展开G1
         this.icon1!.style.transform = 'rotateZ(0deg)';
         this.collectEl1?.appendChild(this.fragmentGroup1);
-        if (!this.collect2Expand) { // G1展开，G2折叠时处理连线y坐标
-          this.handleCollect2LinkNodeY();
-        }
-      } else {
+        this.scrollTop = this.scrollHeight;
+      } else {//折叠G1
         this.icon1!.style.transform = 'rotateZ(-90deg)';
         this.collectRowList1.forEach((row) => this.fragmentGroup1.appendChild(row));
-        offsetYTimeOut = setTimeout(() => { //折叠G1收藏栏，连线处理 
-          this.handleCollect1LinkNodeY();
-          if (!this.collect2Expand) {
-            this.handleCollect2LinkNodeY();
-          }
-          this.spSystemTrace?.refreshCanvas(true);
-        }, 50);
+        this.scrollTop = 0;
       }
+      offsetYTimeOut = setTimeout(() => { 
+        this.handleCollectFunc();
+        this.spSystemTrace?.refreshCanvas(true);
+      }, 50);
       this.resizeHeight();
     };
     this.icon1?.addEventListener('click', () => foldCollect1());
     const foldCollect2 = (): void => {
       this.collect2Expand = !this.collect2Expand;
-      if (this.collect2Expand) {
+      if (this.collect2Expand) {//展开G2
         this.icon2!.style.transform = 'rotateZ(0deg)';
         this.collectEl2?.appendChild(this.fragmentGroup2);
         this.scrollTop = this.scrollHeight;
-      } else {
+      } else {//折叠G2
         this.icon2!.style.transform = 'rotateZ(-90deg)';
         this.collectRowList2.forEach((row) => this.fragmentGroup2.appendChild(row));
         this.scrollTop = 0;
-        offsetYTimeOut = setTimeout(() => {
-          this.handleCollect2LinkNodeY();
-          this.spSystemTrace?.refreshCanvas(true);
-        }, 50);
       }
+      offsetYTimeOut = setTimeout(() => {
+        this.handleCollectFunc();
+        this.spSystemTrace?.refreshCanvas(true);
+      }, 50);
       this.resizeHeight();
     };
     this.icon2?.addEventListener('click', () => foldCollect2());
@@ -185,37 +185,9 @@ export class SpChartList extends BaseElement {
     });
   }
 
-    // 处理G1收藏栏折叠时，连线的y坐标
-    private handleCollect1LinkNodeY(): void {
-      this.spSystemTrace?.linkNodes?.forEach(linkItem => {
-        if (linkItem[0].rowEL.collectGroup === linkItem[1].rowEL.collectGroup && linkItem[1].rowEL.collectGroup === '1') { // 起点终点都在G1
-          linkItem[0].rowEL.translateY = 23;
-          linkItem[1].rowEL.translateY = 23;
-        } else if (linkItem[0].rowEL.collectGroup !== linkItem[1].rowEL.collectGroup) { // 起点终点不在同个收藏栏
-          if (linkItem[0].rowEL.collectGroup === '1') {
-            linkItem[0].rowEL.translateY = 23;
-          } else if (linkItem[1].rowEL.collectGroup === '1') {
-            linkItem[1].rowEL.translateY = 23;
-          }
-        }
-      });
-    }
-  
-    // 处理G2收藏栏折叠时，连线的y坐标
-    private handleCollect2LinkNodeY(): void {
-      this.spSystemTrace?.linkNodes?.forEach(linkItem => { 
-        if (linkItem[0].rowEL.collectGroup === linkItem[1].rowEL.collectGroup && linkItem[1].rowEL.collectGroup === '2') { // 起点终点都在G2
-          linkItem[0].rowEL.translateY = 23;
-          linkItem[1].rowEL.translateY = 23;
-        } else if (linkItem[0].rowEL.collectGroup !== linkItem[1].rowEL.collectGroup) { // 起点终点不在同个收藏栏
-          if (linkItem[0].rowEL.collectGroup === '2') {
-            linkItem[0].rowEL.translateY = Number(this.groupTitle1?.clientHeight) + Number(this.collectEl1?.clientHeight) + 27;
-          } else if (linkItem[1].rowEL.collectGroup === '2') {
-            linkItem[1].rowEL.translateY = Number(this.groupTitle1?.clientHeight) + Number(this.collectEl1?.clientHeight) + 27;
-          }
-        }
-      });
-    }
+  private handleCollectFunc(): void {
+    this.spSystemTrace!.handleCollectFunc(this.spSystemTrace?.linkNodes!);
+  }
 
   removeAllCollectRow(): void {
     Array.from(this.collectRowList1).forEach(row => {
diff --git a/ide/src/trace/component/trace/base/RangeSelect.ts b/ide/src/trace/component/trace/base/RangeSelect.ts
index 5b742bd0f4fa11a470ed6bca182147ec1c183083..b786932e7c2b64bc376c9285ed02058bda941059 100644
--- a/ide/src/trace/component/trace/base/RangeSelect.ts
+++ b/ide/src/trace/component/trace/base/RangeSelect.ts
@@ -80,7 +80,7 @@ export class RangeSelect {
       this.endPageX = mouseEventUp.pageX;
       this.endPageY = mouseEventUp.pageY;
     }
-    if (this.drag) {
+    if (!this.trace!.isInSheet && this.drag) {
       if (this.selectHandler) {
         this.selectHandler(this.rangeTraceRow || [], !this.isHover);
       }
diff --git a/ide/src/trace/component/trace/base/TraceRow.ts b/ide/src/trace/component/trace/base/TraceRow.ts
index 5c51343783aad70790bb8f177f4a70b02d1344da..752e0a8449b0f69e407f0bcec2e7698ba0e64355 100644
--- a/ide/src/trace/component/trace/base/TraceRow.ts
+++ b/ide/src/trace/component/trace/base/TraceRow.ts
@@ -27,7 +27,7 @@ import '../../../../base-ui/tree/LitTree';
 import { LitPopover } from '../../../../base-ui/popover/LitPopoverV';
 import { info } from '../../../../log/Log';
 import { ColorUtils } from './ColorUtils';
-import { drawSelectionRange, isFrameContainPoint } from '../../../database/ui-worker/ProcedureWorkerCommon';
+import { drawSelectionRange, isFrameContainPoint, PairPoint } from '../../../database/ui-worker/ProcedureWorkerCommon';
 import { TraceRowConfig } from './TraceRowConfig';
 import { type TreeItemData, LitTree } from '../../../../base-ui/tree/LitTree';
 import { SpSystemTrace } from '../../SpSystemTrace';
@@ -238,6 +238,7 @@ export class TraceRow<T extends BaseStruct> extends HTMLElement {
   protoParentId: string | null | undefined;
   protoPid: string | undefined;
   summaryProtoPid: Array<string> | undefined;
+  private trace: SpSystemTrace | undefined;
 
   constructor(
     args: {
@@ -898,7 +899,7 @@ export class TraceRow<T extends BaseStruct> extends HTMLElement {
     this.nameEL!.style.marginLeft = `${value}px`;
   }
 
-  set xpowerRowTitle(value: string) { 
+  set xpowerRowTitle(value: string) {
     this.nameEL!.title = `${value}`;
   }
 
@@ -907,6 +908,7 @@ export class TraceRow<T extends BaseStruct> extends HTMLElement {
     this.checkBoxEL = this.shadowRoot?.querySelector<LitCheckBox>('.lit-check-box');
     this.collectEL = this.shadowRoot?.querySelector<LitIcon>('.collect');
     this.describeEl = this.shadowRoot?.querySelector('.describe');
+    this.trace = document.querySelector("body > sp-application")!.shadowRoot!.querySelector("#sp-system-trace") as SpSystemTrace;
     this.nameEL = this.shadowRoot?.querySelector('.name');
     this.canvasVessel = this.shadowRoot?.querySelector('.panel-vessel');
     this.tipEL = this.shadowRoot?.querySelector('.tip'); // @ts-ignore
@@ -1143,6 +1145,7 @@ export class TraceRow<T extends BaseStruct> extends HTMLElement {
           this.style.height = `${this.funcMaxHeight}px`;
           this.funcExpand = true;
         }
+        this.trace!.linkNodes.length && this.trace!.linkNodes.forEach((linkNodeItem) => this.handlerLink(linkNodeItem));
         TraceRow.range!.refresh = true;
         this.needRefresh = true;
         //@ts-ignore
@@ -1150,13 +1153,20 @@ export class TraceRow<T extends BaseStruct> extends HTMLElement {
         if (this.collect) {
           window.publish(window.SmartEvent.UI.RowHeightChange, {
             expand: this.funcExpand,
-            value: this.funcMaxHeight - H,
+            value: this.funcExpand ? this.funcMaxHeight : this.funcMaxHeight - H,
           });
         }
       }
     };
   }
 
+  handlerLink(linkItem: PairPoint[]): void {
+    linkItem[0].offsetY = linkItem[0].rowEL.funcExpand ? linkItem[0].sourceOffsetY! : 7;//24/2-5
+    linkItem[1].offsetY = linkItem[1].rowEL.funcExpand ? linkItem[1].sourceOffsetY! : 7;
+    linkItem[0].y = linkItem[0].rowEL.translateY + linkItem[0].offsetY;
+    linkItem[1].y = linkItem[1].rowEL.translateY + linkItem[1].offsetY;
+  }
+
   initCanvas(list: Array<HTMLCanvasElement>): void {
     let timerShaftEL = document!
       .querySelector('body > sp-application')!
diff --git a/ide/src/trace/component/trace/base/TraceRowConfig.ts b/ide/src/trace/component/trace/base/TraceRowConfig.ts
index 52a392649387cefb00db48195993deca3fc7061c..904bef122abc92cd741173e055e3b43992b04803 100644
--- a/ide/src/trace/component/trace/base/TraceRowConfig.ts
+++ b/ide/src/trace/component/trace/base/TraceRowConfig.ts
@@ -330,6 +330,9 @@ export class TraceRowConfig extends BaseElement {
         } else {
           favoriteRow.removeAttribute('scene');
           favoriteRow.rowHidden = true;
+          if (this.spSystemTrace?.favoriteChartListEL?.scrollTop && this.spSystemTrace?.favoriteChartListEL?.scrollTop > 0) {
+            this.spSystemTrace.favoriteChartListEL.scrollTop = 0;
+          }
         }
       }
     });
@@ -431,12 +434,17 @@ export class TraceRowConfig extends BaseElement {
       this.loadTempConfig(this.defaultConfigList);
       this.resetChartTable();
     });
+    this.inputElement?.addEventListener('keypress',(e) => {
+      e.stopPropagation();
+    })
   }
 
   private initSwitchClickListener(): void {
     let jsonUrl = `https://${window.location.host.split(':')[0]}:${window.location.port
       }/application/trace/config/custom_temp_config.json`;
     this.switchButton!.addEventListener('click', () => {
+      // @ts-ignore
+      this.inputElement?.value = '';
       if (this.switchButton!.title === 'Show charts template') {
         this.switchButton!.title = 'Show subSystem template';
         this.refreshAllConfig(true, true);
@@ -488,7 +496,8 @@ export class TraceRowConfig extends BaseElement {
   }
 
   connectedCallback(): void {
-    this.inputElement?.addEventListener('keyup', () => {
+    this.inputElement?.addEventListener('keyup', (e) => {
+      e.stopPropagation();
       this.shadowRoot!.querySelectorAll<HTMLElement>('.chart-item').forEach((elementOption: HTMLElement) => {
         let searchText = elementOption.getAttribute('search_text') || '';
         if (searchText!.toLowerCase().indexOf(this.inputElement!.value.toLowerCase()) < 0) {
@@ -837,6 +846,11 @@ export class TraceRowConfig extends BaseElement {
           }
         }
       });
+      this.spSystemTrace!.favoriteChartListEL!.scroll({
+        top: 0,
+        left: 0,
+        behavior: 'smooth',
+      });
       this.refreshSystemPanel();
     });
   }
diff --git a/ide/src/trace/component/trace/base/TraceSheet.ts b/ide/src/trace/component/trace/base/TraceSheet.ts
index 9ba7d113303f3a21ef00fe93c27274886782ad03..21bf2ec59f4b4adf0f257e784449544fedac998d 100644
--- a/ide/src/trace/component/trace/base/TraceSheet.ts
+++ b/ide/src/trace/component/trace/base/TraceSheet.ts
@@ -104,10 +104,12 @@ import { XpowerThreadInfoStruct } from '../../../database/ui-worker/ProcedureWor
 import { TabPaneXpowerThreadInfoSelection } from '../sheet/xpower/TabPaneXpowerThreadInfoSelection';
 import { TabPaneXpowerGpuFreqSelection } from '../sheet/xpower/TabPaneXpowerGpuFreqSelection';
 import { XpowerGpuFreqStruct } from '../../../database/ui-worker/ProcedureWorkerXpowerGpuFreq';
-import { WebSocketManager} from "../../../../webSocket/WebSocketManager";
-import { Constants, TypeConstants} from "../../../../webSocket/Constants";
+import { WebSocketManager} from '../../../../webSocket/WebSocketManager';
+import { Constants, TypeConstants} from '../../../../webSocket/Constants';
 import { PerfFunctionAsmParam } from '../../../bean/PerfAnalysis';
-import { info,error } from '../../../../log/Log';
+import { info, error } from '../../../../log/Log';
+import { XpowerThreadCountStruct } from '../../../database/ui-worker/ProcedureWorkerXpowerThreadCount';
+import { XpowerGpuFreqCountStruct } from '../../../database/ui-worker/ProcedureWorkerXpowerGpuFreqCount';
 
 
 @element('trace-sheet')
@@ -133,6 +135,8 @@ export class TraceSheet extends BaseElement {
   private optionsDiv: LitPopover | undefined | null;
   private optionsSettingTree: LitTree | undefined | null;
   private tabPaneHeight: string = '';
+  private spsystemTrace: SpSystemTrace | undefined;
+  private isDragging = true;
   private REQ_BUF_SIZE = 1024 * 1024;
 
   static get observedAttributes(): string[] {
@@ -184,6 +188,7 @@ export class TraceSheet extends BaseElement {
   }
 
   initElements(): void {
+    this.spsystemTrace = document.querySelector("body > sp-application")?.shadowRoot?.querySelector("#sp-system-trace") as SpSystemTrace;
     this.litTabs = this.shadowRoot?.querySelector('#tabs');
     this.litTabs!.addEventListener('contextmenu', (e): void => {
       e.preventDefault();
@@ -281,15 +286,15 @@ export class TraceSheet extends BaseElement {
   private tdClickEvent(): void {
     // @ts-ignore
     this.getComponentByID<unknown>('box-spt')?.addEventListener('td-click', (evt: unknown) => {
-      this.tdClickHandler(evt);
+      this.tdClickHandler(evt, true);
     });
     // @ts-ignore
     this.getComponentByID<unknown>('box-pts')?.addEventListener('td-click', (evt: unknown) => {
-      this.tdClickHandler(evt);
+      this.tdClickHandler(evt, true);
     });
     // @ts-ignore
     this.getComponentByID<unknown>('box-thread-states')?.addEventListener('td-click', (evt: unknown) => {
-      this.tdClickHandler(evt, false);
+      this.tdClickHandler(evt);
     });
     // @ts-ignore
     this.getComponentByID<unknown>('box-slices')?.addEventListener('td-click', (evt: unknown) => {
@@ -307,13 +312,13 @@ export class TraceSheet extends BaseElement {
 
   private functionAnalysisListener(evt: unknown, vaddrList: Array<unknown>): void {
     // @ts-ignore
-    this.currentPaneID = "box-perf-analysis";
+    this.currentPaneID = 'box-perf-analysis';
     //隐藏除了当前Tab页的其他Tab页
-    this.shadowRoot!.querySelectorAll<LitTabpane>("lit-tabpane").forEach(
+    this.shadowRoot!.querySelectorAll<LitTabpane>('lit-tabpane').forEach(
       (it): boolean =>
         it.id !== this.currentPaneID ? (it.hidden = true) : (it.hidden = false)
     );
-    let asmPane = this.getPaneByID("tab-perf-func-asm"); //通过Id找到需要展示的Tab页
+    let asmPane = this.getPaneByID('tab-perf-func-asm'); //通过Id找到需要展示的Tab页
     asmPane.closeable = true;
     asmPane.hidden = false;
     // @ts-ignore
@@ -428,19 +433,17 @@ export class TraceSheet extends BaseElement {
     this.initNavElements(tabsPackUp!, borderTop, initialHeight);
     this.exportBt = this.shadowRoot?.querySelector<LitIcon>('#export-btn');
     tabsOpenUp!.onclick = (): void => {
-      this.tabs!.style.height = `${
-        window.innerHeight - this.search!.offsetHeight - this.timerShaft!.offsetHeight - borderTop
-      }px`;
+      this.tabs!.style.height = `${window.innerHeight - this.search!.offsetHeight - this.timerShaft!.offsetHeight - borderTop
+        }px`;
       let litTabpane: NodeListOf<HTMLDivElement> | undefined | null =
         this.shadowRoot?.querySelectorAll('#tabs > lit-tabpane');
       litTabpane!.forEach((node: HTMLDivElement): void => {
-        node!.style.height = `${
-          window.innerHeight -
+        node!.style.height = `${window.innerHeight -
           this.search!.offsetHeight -
           this.timerShaft!.offsetHeight -
           this.navRoot!.offsetHeight -
           borderTop
-        }px`;
+          }px`;
         initialHeight.node = node!.style.height;
       });
       initialHeight.tabs = this.tabs!.style.height;
@@ -472,6 +475,7 @@ export class TraceSheet extends BaseElement {
     let that = this;
     // 节点挂载时给Tab面板绑定鼠标按下事件
     this.nav!.onmousedown = (event): void => {
+      this.isDragging = true;
       // @ts-ignore
       (window as unknown).isSheetMove = true;
       // 获取所有标签页的节点数组
@@ -484,6 +488,7 @@ export class TraceSheet extends BaseElement {
       // 原函数 绑定鼠标移动事件，动态获取鼠标位置信息
       this.navMouseMove(event, currentPane!, that, tabsPackUp, borderTop);
       document.onmouseup = function (): void {
+        that.isDragging = true;
         setTimeout(() => {
           // @ts-ignore
           (window as unknown).isSheetMove = false;
@@ -501,6 +506,24 @@ export class TraceSheet extends BaseElement {
         this.onmouseup = null;
       };
     };
+    this.spsystemTrace?.addEventListener('abnormal-mouseup', () => {
+      this.isDragging = false;
+      let litTabpane: NodeListOf<HTMLDivElement> | undefined | null =
+        this.shadowRoot?.querySelectorAll('#tabs > lit-tabpane');
+      setTimeout(() => {
+        // @ts-ignore
+        (window as unknown).isSheetMove = false;
+      }, 100);
+      litTabpane!.forEach((node: HTMLDivElement): void => {
+        node!.style.height = that.tabPaneHeight;
+      });
+      if (that.tabPaneHeight !== '0px' && that.tabs!.style.height !== '') {
+        initialHeight.node = that.tabPaneHeight;
+        initialHeight.tabs = that.tabs!.style.height;
+      }
+      this.onmousemove = null;
+      this.onmouseup = null;
+    })
   }
 
   private navMouseMove(
@@ -522,6 +545,9 @@ export class TraceSheet extends BaseElement {
     let ch = that.clientHeight;
     // 鼠标移动事件
     document.onmousemove = function (event): void {
+      if (!that.isDragging) {
+        return;
+      }
       // 移动前的面板高度 - 移动前后鼠标的坐标差值 = 新的面板高度
       let newHeight: number = preHeight - (event.pageY - preY);
       // that指向的是tracesheet节点 spacer为垫片  rowsPaneEl为泳道   tabs为tab页组件
@@ -536,7 +562,7 @@ export class TraceSheet extends BaseElement {
         // 只要没有移动到边界区域都会进入该条件
         that.navRoot!.offsetHeight <= newHeight &&
         that.search!.offsetHeight + that.timerShaft!.offsetHeight + borderTop + that.spacer!.offsetHeight <=
-          window.innerHeight - newHeight
+        window.innerHeight - newHeight
       ) {
         that.tabs!.style.height = `${newHeight}px`;
         litTabpane!.style.height = `${newHeight - that.navRoot!.offsetHeight}px`;
@@ -551,21 +577,19 @@ export class TraceSheet extends BaseElement {
         window.innerHeight - newHeight
       ) {
         // 该条件在面板高度置顶时触发
-        that.tabs!.style.height = `${
-          window.innerHeight -
+        that.tabs!.style.height = `${window.innerHeight -
           that.search!.offsetHeight -
           that.timerShaft!.offsetHeight -
           borderTop -
           that.spacer!.offsetHeight
-        }px`;
-        litTabpane!.style.height = `${
-          window.innerHeight -
+          }px`;
+        litTabpane!.style.height = `${window.innerHeight -
           that.search!.offsetHeight -
           that.timerShaft!.offsetHeight -
           that.navRoot!.offsetHeight -
           borderTop -
           that.spacer!.offsetHeight
-        }px`;
+          }px`;
         tabsPackUp!.name = 'down';
       }
       that.tabPaneHeight = litTabpane!.style.height;
@@ -579,7 +603,7 @@ export class TraceSheet extends BaseElement {
 
   private importClickEvent(): void {
     let importFileBt: HTMLInputElement | undefined | null =
-        this.shadowRoot?.querySelector<HTMLInputElement>('#import-file');
+      this.shadowRoot?.querySelector<HTMLInputElement>('#import-file');
     importFileBt!.addEventListener('change', (event): void => {
       let files = importFileBt?.files;
       if (files) {
@@ -590,25 +614,35 @@ export class TraceSheet extends BaseElement {
         if (fileList.length > 0) {
           importFileBt!.disabled = true;
           window.publish(window.SmartEvent.UI.Loading, { loading: true, text: 'Import So File' });
-          this.uploadSoOrAN(fileList).then(r =>
-              threadPool.submit(
-                  'upload-so',
-                  '',
-                  fileList,
-                  (res: unknown) => {
-                    importFileBt!.disabled = false; // @ts-ignore
-                    if (res.result === 'ok') {
-                      window.publish(window.SmartEvent.UI.UploadSOFile, {});
-                    } else {
-                      // @ts-ignore
-                      const failedList = res.failedArray.join(',');
-                      window.publish(window.SmartEvent.UI.Error, `parse so file ${failedList} failed!`);
-                    }
-                  },
-                  'upload-so'
-              )).finally(() => {
-                fileList.length = 0;
-              })
+          this.uploadSoOrAN(fileList).then(r => {
+            // @ts-ignore
+            document.querySelector('body > sp-application').shadowRoot.querySelector('#sp-system-trace').shadowRoot.querySelector('div > trace-sheet').shadowRoot.querySelector('#box-perf-analysis > tabpane-perf-analysis').shadowRoot.querySelector('#SO-err-tips')?.innerHTML = '';
+            let  soFileList = fileList.filter(item => !item.name.includes('.an'));
+            if(soFileList.length === 0) {
+              window.publish(window.SmartEvent.UI.UploadSOFile, {});
+              importFileBt!.disabled = false;
+              return;
+            }
+            threadPool.submit(
+              'upload-so',
+              '',
+              soFileList,
+              (res: unknown) => {
+                importFileBt!.disabled = false; // @ts-ignore
+                if (res.result === 'ok') {
+                  window.publish(window.SmartEvent.UI.UploadSOFile, {});
+                } else {
+                  // @ts-ignore
+                  const failedList = res.failedArray.join(',');
+                  window.publish(window.SmartEvent.UI.Error, `parse so file ${failedList} failed!`);
+                }
+              },
+              'upload-so'
+            )
+          }
+          ).finally(() => {
+            fileList.length = 0;
+          })
         }
       }
       importFileBt!.files = null;
@@ -654,14 +688,14 @@ export class TraceSheet extends BaseElement {
       // 定义一个 ACK 回调函数的等待机制
       const waitForAck = (): Promise<void> => {
         return new Promise<void>((resolve, reject) => {
-          wsInstance!.registerCallback(TypeConstants.DISASSEMBLY_TYPE, onAckReceived);
+          wsInstance!.registerMessageListener(TypeConstants.DISASSEMBLY_TYPE, onAckReceived, () => { }, true);
           // 定义超时定时器
           const timeout = setTimeout(() => {
             // 超时后注销回调并拒绝 Promise
             wsInstance!.unregisterCallback(TypeConstants.DISASSEMBLY_TYPE, onAckReceived);
             reject(new Error('等待 ACK 超时：文件 ${fileName}，索引 ${bufferIndex})'));
           }, 10000);
-          function onAckReceived(cmd: number, result: Uint8Array) {
+          function onAckReceived(cmd: number, result: Uint8Array): void {
             const decoder = new TextDecoder();
             const jsonString = decoder.decode(result);
             let jsonRes = JSON.parse(jsonString);
@@ -673,7 +707,7 @@ export class TraceSheet extends BaseElement {
                   bufferIndex++;
                   // 当收到对应分片的 ACK 时，resolve Promise，继续上传下一个分片
                   resolve();
-                }else{
+                } else {
                   // 上传失败，拒绝 Promise 并返回
                   reject(new Error(`Upload failed for file: ${fileName}, index: ${jsonRes.bufferIndex})`));
                 }
@@ -860,6 +894,10 @@ export class TraceSheet extends BaseElement {
   displayXpowerGpuFreqData = (dataList: Array<XpowerGpuFreqStruct>): void => {
     this.displayTab<TabPaneXpowerGpuFreqSelection>('box-xpower-gpu-freq-selection').setGpuFreqData(dataList);
   };
+  displayXpowerTreadCountData = (data: XpowerThreadCountStruct): Promise<void> =>
+    this.displayTab<TabPaneCurrentSelection>('current-selection').setXpowerTreadCountData(data);
+  displayXpowerGpuFreqCountData = (data: XpowerGpuFreqCountStruct): Promise<void> =>
+    this.displayTab<TabPaneCurrentSelection>('current-selection').setXpowerGpuFreqCountData(data);
   displayPerfToolsData = (data: PerfToolStruct): void =>
     this.displayTab<TabPaneCurrentSelection>('current-selection').setPerfToolsData(data);
   displayIrqData = (data: IrqStruct): void =>
diff --git a/ide/src/trace/component/trace/base/TraceSheetConfig.ts b/ide/src/trace/component/trace/base/TraceSheetConfig.ts
index f3f3c35bc6b0f9b68ece9dc95980946fd44bccb8..f5de86153d7f696dfb84db3e8839022138880bc7 100644
--- a/ide/src/trace/component/trace/base/TraceSheetConfig.ts
+++ b/ide/src/trace/component/trace/base/TraceSheetConfig.ts
@@ -151,7 +151,7 @@ import { TabPanePerfAsync } from '../sheet/hiperf/TabPerfAsyncList';
 import { TabPaneUserPlugin } from '../sheet/userPlugin/TabPaneUserPlugin';
 import { TabPaneDmaFence } from '../sheet/dma-fence/TabPaneDmaFenceSelect';
 import { TabPaneSliceChild } from '../sheet/process/TabPaneSliceChild';
-import { TabPerfFuncAsm } from '../sheet/hiperf/TabPerfFuncAsm'
+import { TabPerfFuncAsm } from '../sheet/hiperf/TabPerfFuncAsm';
 
 export let tabConfig: {
   [key: string]: {
diff --git a/ide/src/trace/component/trace/search/Search.ts b/ide/src/trace/component/trace/search/Search.ts
index 517c8df9d2e44bf3cc0bc944bac41ae54126e893..58a09bfcf41177d218dd031bb5df885dff113d80 100644
--- a/ide/src/trace/component/trace/search/Search.ts
+++ b/ide/src/trace/component/trace/search/Search.ts
@@ -141,6 +141,17 @@ export class LitSearch extends BaseElement {
       setTimeout((): void => {
         this.setAttribute('textRoll', '');
       }, 200);
+    } else if (value === -3) {
+      this.clear();
+      searchHide!.style.display = 'flex';
+      searchHide!.style.backgroundColor = 'var(--dark-background5,#e3e3e3)';
+      searchIcon?.setAttribute('name', 'search');
+      this.search!.setAttribute('placeholder', `${name}`);
+      this.search!.setAttribute('readonly', '');
+      this.search!.className = 'text-Roll';
+      setTimeout((): void => {
+        this.setAttribute('textRoll', '');
+      }, 200);
     } else {
       searchHide!.style.display = 'none';
     }
diff --git a/ide/src/trace/component/trace/sheet/TabPaneCurrentSelection.ts b/ide/src/trace/component/trace/sheet/TabPaneCurrentSelection.ts
index 51538ccd4d1348aae454e3367084911af7b2e2d9..9e4d54868053ab42e121b1b4bc21d85cd8c1aee4 100644
--- a/ide/src/trace/component/trace/sheet/TabPaneCurrentSelection.ts
+++ b/ide/src/trace/component/trace/sheet/TabPaneCurrentSelection.ts
@@ -68,6 +68,8 @@ import { HangStruct } from '../../../database/ui-worker/ProcedureWorkerHang';
 import { XpowerStruct } from '../../../database/ui-worker/ProcedureWorkerXpower';
 import { XpowerAppDetailStruct } from '../../../database/ui-worker/ProcedureWorkerXpowerAppDetail';
 import { XpowerWifiStruct } from '../../../database/ui-worker/ProcedureWorkerXpowerWifi';
+import { XpowerThreadCountStruct } from '../../../database/ui-worker/ProcedureWorkerXpowerThreadCount';
+import { XpowerGpuFreqCountStruct } from '../../../database/ui-worker/ProcedureWorkerXpowerGpuFreqCount';
 
 const INPUT_WORD =
   'This is the interval from when the task became eligible to run \n(e.g.because of notifying a wait queue it was a suspended on) to\n when it started running.';
@@ -894,6 +896,51 @@ export class TabPaneCurrentSelection extends BaseElement {
     this.addClickToTransfBtn(startTimeAbsolute, CLOCK_TRANSF_BTN_ID, CLOCK_STARTTIME_ABSALUTED_ID);
   }
 
+  
+  async setXpowerTreadCountData(data: XpowerThreadCountStruct): Promise<void> {  
+    if (SpApplication.traceType.indexOf('SQLite') === -1) {
+      await this.setRealTime();
+    }
+    this.setTableHeight('auto');
+    this.tabCurrentSelectionInit('Counter Details');
+    let list: unknown[] = [];
+    list.push({
+      name: 'StartTime(Relative)',
+      value: getTimeString(data.startNS || 0),
+    });
+    this.createStartTimeNode(list, data.startNS || 0, CLOCK_TRANSF_BTN_ID, CLOCK_STARTTIME_ABSALUTED_ID);
+    list.push({
+      name: 'Value',
+      value: String(data.value).indexOf('.') > -1 ? data.value || 0 : ColorUtils.formatNumberComma(data.value || 0),
+    });
+    list.push({ name: 'Duration', value: getTimeString(data.dur || 0) });
+    this.currentSelectionTbl!.dataSource = list;
+    let startTimeAbsolute = (data.startNS || 0) + Utils.getInstance().getRecordStartNS();
+    this.addClickToTransfBtn(startTimeAbsolute, CLOCK_TRANSF_BTN_ID, CLOCK_STARTTIME_ABSALUTED_ID);
+  }
+
+  async setXpowerGpuFreqCountData(data: XpowerGpuFreqCountStruct): Promise<void> {  
+    if (SpApplication.traceType.indexOf('SQLite') === -1) {
+      await this.setRealTime();
+    }
+    this.setTableHeight('auto');
+    this.tabCurrentSelectionInit('Counter Details');
+    let list: unknown[] = [];
+    list.push({
+      name: 'StartTime(Relative)',
+      value: getTimeString(data.startNS || 0),
+    });
+    this.createStartTimeNode(list, data.startNS || 0, CLOCK_TRANSF_BTN_ID, CLOCK_STARTTIME_ABSALUTED_ID);
+    list.push({
+      name: 'Value',
+      value: String(data.value).indexOf('.') > -1 ? data.value || 0 : ColorUtils.formatNumberComma(data.value || 0),
+    });
+    list.push({ name: 'Duration', value: getTimeString(data.dur || 0) });
+    this.currentSelectionTbl!.dataSource = list;
+    let startTimeAbsolute = (data.startNS || 0) + Utils.getInstance().getRecordStartNS();
+    this.addClickToTransfBtn(startTimeAbsolute, CLOCK_TRANSF_BTN_ID, CLOCK_STARTTIME_ABSALUTED_ID);
+  }
+
   async setXpowerDisplayData(data: XpowerAppDetailStruct): Promise<void> {
     if (SpApplication.traceType.indexOf('SQLite') === -1) {
       await this.setRealTime();
@@ -947,7 +994,7 @@ export class TabPaneCurrentSelection extends BaseElement {
     data.rx !== 0 && vals.push({
       name: 'receiver',
       bytes: data.rx,
-      value: data.rx  + ' B',
+      value: data.rx + ' B',
     });
     // @ts-ignore
     vals.sort(compare('value', 2, 'bytes'));
@@ -1810,13 +1857,22 @@ export class TabPaneCurrentSelection extends BaseElement {
       value: ((data.startTs || 0) + Utils.getInstance().getRecordStartNS()) / 1000000000 + 's',
     });
     if (data.dur && data.dur > 0) {
-      list.push({
-        name: 'EndTime(Relative)',
-        value: `<div style="white-space: nowrap;display: flex;align-items: center">
-<div style="white-space:pre-wrap">${getTimeString((data.startTs || 0) + (data.dur || 0))}</div>
-<lit-icon style="cursor:pointer;transform: scaleX(-1);margin-left: 5px" id="end-jump" name="select" color="#7fa1e7" size="20"></lit-icon>
-</div>`,
-      });
+      if (data.startName > 6) {
+        list.push({
+          name: 'EndTime(Relative)',
+          value: `<div style="white-space: nowrap;display: flex;align-items: center">
+  <div style="white-space:pre-wrap">${getTimeString((data.startTs || 0) + (data.dur || 0))}</div>
+  </div>`,
+        });
+      } else {
+        list.push({
+          name: 'EndTime(Relative)',
+          value: `<div style="white-space: nowrap;display: flex;align-items: center">
+  <div style="white-space:pre-wrap">${getTimeString((data.startTs || 0) + (data.dur || 0))}</div>
+  <lit-icon style="cursor:pointer;transform: scaleX(-1);margin-left: 5px" id="end-jump" name="select" color="#7fa1e7" size="20"></lit-icon>
+  </div>`,
+        });
+      }
       list.push({
         name: 'EndTime(Absolute)',
         value: ((data.startTs || 0) + (data.dur || 0) + Utils.getInstance().getRecordStartNS()) / 1000000000 + 's',
@@ -1857,6 +1913,12 @@ export class TabPaneCurrentSelection extends BaseElement {
                 sortedArray[index + 1].startTs
               )}`,
         });
+        if (data.startName === 6) {
+          data.endstartTs = sortedArray[index + 1].startTs;
+          data.endItid = sortedArray[index + 1].itid;
+        } else {
+          data.endstartTs = data.startTs! + data.dur!;
+        }
       }
     });
     this.currentSelectionTbl!.dataSource = list;
@@ -1883,10 +1945,9 @@ export class TabPaneCurrentSelection extends BaseElement {
     let endIcon = this.currentSelectionTbl?.shadowRoot?.querySelector('#end-jump');
     let scrollClick = (type: number): void => {
       let recordNs: number = Utils.getInstance().getRecordStartNS();
-      let useEnd = type === 1 && data.startName! < 6;
       queryThreadByItid(
-        useEnd ? data.endItid! : data.itid!,
-        useEnd ? recordNs + data.startTs! + data.dur! : recordNs + data.startTs!
+        type === 0 ? data.itid! : data.endItid!,
+        type === 0 ? recordNs + data.startTs! : recordNs + data.endstartTs!
       ).then((result) => {
         if (result.length > 0) {
           //@ts-ignore
@@ -1904,7 +1965,7 @@ export class TabPaneCurrentSelection extends BaseElement {
             dur: pt.dur,
             depth: pt.depth,
             funName: pt.name,
-            startTs: useEnd ? (data.startTs || 0) + (data.dur || 0) : data.startTs,
+            startTs: type === 0 ? data.startTs! : data.endstartTs!,
             keepOpen: true,
           });
         }
@@ -2411,6 +2472,7 @@ export class TabPaneCurrentSelection extends BaseElement {
         }
       });
       this.updateTableSettings(maxPriority, maxPriorityDuration, maxDuration);
+      this.wakeupListTbl!.style.display = 'flex';
       this.wakeupListTbl!.recycleDataSource = resource;
     });
   }
diff --git a/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts b/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts
index b8db36c8cfefaa16a372e43e81cbc4e78263d3cc..03de39b646fbf21634f3775550bff34851f7b85a 100644
--- a/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts
+++ b/ide/src/trace/component/trace/sheet/cpu/TabPaneFrequencySample.ts
@@ -200,8 +200,8 @@ export class TabPaneFrequencySample extends BaseElement {
       // @ts-ignore
       let tmpPosition = tmpCpuArr.findIndex(item => item[1].filterId === weightMapArr[j][1].filterId);
       if (singleCpuArr[0] && singleCpuArr[0].length >= 2) {
-      // @ts-ignore
-        tmpCpuArr.splice(tmpPosition, 0, [`${weightMapArr[j][1].filterId}-0`, { counter: `${singleCpuArr[0][1].counter}:( WA )`, time: tmpTotalTime, valueStr: ColorUtils.formatNumberComma(Math.round(tmpTotalCount / (tmpTotalTime / 1000000))) }]);
+        // @ts-ignore
+        tmpCpuArr.splice(tmpPosition, 0, [`${weightMapArr[j][1].filterId}-0`, {cpu:singleCpuArr[0][1].cpu, counter: `${singleCpuArr[0][1].counter}:( WA )`, time: tmpTotalTime, valueStr: ColorUtils.formatNumberComma(Math.round(tmpTotalCount / (tmpTotalTime / 1000000))) }]);
       }
     };
     sampleMap = new Map(tmpCpuArr);
@@ -345,7 +345,7 @@ export class TabPaneFrequencySample extends BaseElement {
           value.busyTimeStr = '-';
         } else {
           // @ts-ignore
-          value.busyTimeStr = type ? value.busyTime : '-';
+          value.busyTimeStr = type ? (value.busyTime === 0 ? 'NULL' : value.busyTime) : '-';
         }
         res.push(value);
       });
diff --git a/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts b/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts
index 5460df6581b634ba8a9d0d9a1f8f1f6316600974..58c85c8712906b49f3face099fd28da4454531b7 100644
--- a/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts
+++ b/ide/src/trace/component/trace/sheet/frequsage/TabPaneFreqUsage.ts
@@ -42,6 +42,11 @@ export class TabPaneFreqUsage extends BaseElement {
   private currentSelectionParam: SelectionParam | undefined;
   private worker: Worker | undefined;
   static element: TabPaneFreqUsage;
+  private sortConsumpowerFlags: number = 0;
+  private sortConsumptionFlags: number = 0;
+  private sortCpuloadFlags: number = 0;
+  private sortDurFlags: number = 0;
+  private sortPercentFlags: number = 0;
 
   set data(threadStatesParam: SelectionParam) {
     if (this.currentSelectionParam === threadStatesParam) {
@@ -124,6 +129,8 @@ export class TabPaneFreqUsage extends BaseElement {
     let labels = this.threadStatesTbl?.shadowRoot
       ?.querySelector('.th > .td')!
       .querySelectorAll('label');
+    let tabHeads = this.threadStatesTbl?.shadowRoot
+      ?.querySelector('.th')!.querySelectorAll('.td');
     if (labels) {
       for (let i = 0; i < labels.length; i++) {
         let label = labels[i].innerHTML;
@@ -159,6 +166,184 @@ export class TabPaneFreqUsage extends BaseElement {
         });
       }
     }
+    if (tabHeads && tabHeads.length) {
+      this.restoreFlags();
+      tabHeads.forEach((item) => {
+        // @ts-ignore
+        switch (item.innerText) {
+          case 'Consume(cap*ms)':
+            item.addEventListener('click', () => { this.sortDataTree(data, 'Consume(cap*ms)') });
+            break;
+          case 'Consume(MHz*ms)':
+            item.addEventListener('click', () => { this.sortDataTree(data, 'Consume(MHz*ms)') });
+            break;
+          case 'TaskUtil(%)':
+            item.addEventListener('click', () => { this.sortDataTree(data, 'TaskUtil') });
+            break;
+          case 'Dur(ms)':
+            item.addEventListener('click', () => { this.sortDataTree(data, 'Dur') });
+            break;
+          case 'Dur\n/All_Dur(%)':
+            item.addEventListener('click', () => { this.sortDataTree(data, 'All_Dur') });
+            break;
+        }
+      })
+    }
+  }
+
+  sortDataTree(data: Array<RunningFreqData>, type: string) {
+    this.threadStatesTbl!.recycleDs = this.sortTree(data, type);
+    this.threadStatesTbl!.recycleDs =
+      this.threadStatesTbl!.meauseTreeRowElement(
+        data,
+        RedrawTreeForm.Expand
+      );
+    switch (type) {
+      case 'Consume(cap*ms)':
+        this.sortConsumptionFlags = 0;
+        this.sortCpuloadFlags = 0;
+        this.sortDurFlags = 0;
+        this.sortPercentFlags = 0;
+        if (this.sortConsumpowerFlags === 2) {
+          this.sortConsumpowerFlags = 0;
+        } else {
+          this.sortConsumpowerFlags++;
+        }
+        break;
+      case 'Consume(MHz*ms)':
+        this.sortConsumpowerFlags = 0;
+        this.sortCpuloadFlags = 0;
+        this.sortDurFlags = 0;
+        this.sortPercentFlags = 0;
+        if (this.sortConsumptionFlags === 2) {
+          this.sortConsumptionFlags = 0;
+        } else {
+          this.sortConsumptionFlags++;
+        }
+        break;
+      case 'TaskUtil':
+        this.sortConsumpowerFlags = 0;
+        this.sortConsumptionFlags = 0;
+        this.sortDurFlags = 0;
+        this.sortPercentFlags = 0;
+        if (this.sortCpuloadFlags === 2) {
+          this.sortCpuloadFlags = 0;
+        } else {
+          this.sortCpuloadFlags++;
+        }
+        break;
+      case 'Dur':
+        this.sortConsumpowerFlags = 0;
+        this.sortConsumptionFlags = 0;
+        this.sortCpuloadFlags = 0;
+        this.sortPercentFlags = 0;
+        if (this.sortDurFlags === 2) {
+          this.sortDurFlags = 0;
+        } else {
+          this.sortDurFlags++;
+        }
+        break;
+      case 'All_Dur':
+        this.sortConsumpowerFlags = 0;
+        this.sortConsumptionFlags = 0;
+        this.sortCpuloadFlags = 0;
+        this.sortDurFlags = 0;
+        if (this.sortPercentFlags === 2) {
+          this.sortPercentFlags = 0;
+        } else {
+          this.sortPercentFlags++;
+        }
+        break;
+    }
+  }
+
+  sortTree(arr: Array<unknown>, type: string): Array<unknown> {
+    if (arr.length > 1) {
+      // @ts-ignore
+      arr = arr.sort((sortArrA, sortArrB): number => {
+        // @ts-ignore
+        if (sortArrA.depth === sortArrB.depth) {
+          switch (type) {
+            case 'Consume(cap*ms)':
+              if (this.sortConsumpowerFlags === 0) {
+                //@ts-ignore
+                return Number(sortArrA.consumpower) - Number(sortArrB.consumpower);
+              } else if (this.sortConsumpowerFlags === 1) {
+                //@ts-ignore
+                return Number(sortArrB.consumpower) - Number(sortArrA.consumpower);
+              } else {
+                //@ts-ignore
+                return Number(sortArrA.cpu) - Number(sortArrB.cpu);
+              }
+              break;
+            case 'Consume(MHz*ms)':
+              if (this.sortConsumptionFlags === 0) {
+                //@ts-ignore
+                return Number(sortArrA.consumption) - Number(sortArrB.consumption);
+              } else if (this.sortConsumptionFlags === 1) {
+                //@ts-ignore
+                return Number(sortArrB.consumption) - Number(sortArrA.consumption);
+              } else {
+                //@ts-ignore
+                return Number(sortArrA.cpu) - Number(sortArrB.cpu);
+              }
+              break;
+            case 'TaskUtil':
+              if (this.sortCpuloadFlags === 0) {
+                //@ts-ignore
+                return Number(sortArrA.cpuload) - Number(sortArrB.cpuload);
+              } else if (this.sortCpuloadFlags === 1) {
+                //@ts-ignore
+                return Number(sortArrB.cpuload) - Number(sortArrA.cpuload);
+              } else {
+                //@ts-ignore
+                return Number(sortArrA.cpu) - Number(sortArrB.cpu);
+              }
+              break;
+            case 'Dur':
+              if (this.sortDurFlags === 0) {
+                //@ts-ignore
+                return Number(sortArrA.dur) - Number(sortArrB.dur);
+              } else if (this.sortDurFlags === 1) {
+                //@ts-ignore
+                return Number(sortArrB.dur) - Number(sortArrA.dur);
+              } else {
+                //@ts-ignore
+                return Number(sortArrA.cpu) - Number(sortArrB.cpu);
+              }
+              break;
+            case 'All_Dur':
+              if (this.sortPercentFlags === 0) {
+                //@ts-ignore
+                return Number(sortArrA.percent) - Number(sortArrB.percent);
+              } else if (this.sortPercentFlags === 1) {
+                //@ts-ignore
+                return Number(sortArrB.percent) - Number(sortArrA.percent);
+              } else {
+                //@ts-ignore
+                return Number(sortArrA.cpu) - Number(sortArrB.cpu);
+              }
+              break;
+          }
+        }
+      })
+    }
+    arr.map((call: unknown): void => {
+      // @ts-ignore
+      if (call.children && call.children.length > 1 && call.status) {
+        // @ts-ignore
+        call.children = this.sortTree(call.children, type);
+      }
+    })
+    return arr;
+  }
+
+  restoreFlags() {
+    this.sortConsumpowerFlags = 0;
+    this.sortConsumptionFlags = 0;
+    this.sortCpuloadFlags = 0;
+    this.sortDurFlags = 0;
+    this.sortPercentFlags = 0;
   }
 
 
diff --git a/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts b/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts
index 79fad8a33b7684d80c0a01767d0c81ec87694baa..300e0446687058217ba7d49b94ea68ce7ae256f0 100644
--- a/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts
+++ b/ide/src/trace/component/trace/sheet/hilog/TabPaneHiLogs.ts
@@ -323,17 +323,19 @@ export class TabPaneHiLogs extends BaseElement {
   }
 
   // 模糊过滤tag
-  private filterTag(tagAllName: unknown): boolean | undefined { 
+  private filterTag(tagAllName: unknown): boolean | undefined {
+    let flag = false;
     if (this.allowTag.size === 0) {
       return;
     }
     for (const value of this.allowTag) {
       // @ts-ignore
       if (tagAllName.indexOf(value) >= 0) {
-        return true;
+        flag = true;
+        return flag;
       }
     }
-    return false;
+    return flag;
   }
 
   private refreshTable(): void {
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.html.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.html.ts
index ece0805e46769880ee76cdcec46591200f24e0e4..02249b1ec86b5d3944b5319a2dcb6c0e05de1126 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.html.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.html.ts
@@ -60,8 +60,20 @@ export const TabPanePerfAnalysisHtml = `
     position: absolute;
     bottom: 0px;
 }
+#head-tips{
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    height: 20px;
+}
+#SO-err-tips{
+    color:red;
+}
 </style>
-<label id="time-range" style="width: 100%;height: 20px;text-align: end;font-size: 10pt;margin-bottom: 5px">Selected range:0.0 ms</label> 
+<div id="head-tips">
+    <div id="SO-err-tips"></div>
+    <label id="time-range" style="height: 20px;text-align: end;font-size: 10pt;margin-bottom: 5px">Selected range:0.0 ms</label> 
+</div>
 <div style="display: flex; flex-direction: row;" class="d-box">
     <lit-progress-bar class="perf-progress"></lit-progress-bar>
     <div id="left_table" style="width: 40%;height:auto;">
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.ts
index 7bfaef4fc04c1ffd3eb5419d1a9a3db12f879c7e..c272cea5f0a38f1f6bf22e96d646503df093d9ad 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPanePerfAnalysis.ts
@@ -44,6 +44,7 @@ export class TabPanePerfAnalysis extends BaseElement {
   private sumCount: number | undefined | null;
   private sumEventCount: number | undefined | null;
   private perfAnalysisRange: HTMLLabelElement | null | undefined;
+  private perfAnalysisHeadTips: HTMLLabelElement | null | undefined;
   private back: HTMLDivElement | null | undefined;
   private tabName: HTMLDivElement | null | undefined;
   private progressEL: LitProgressBar | null | undefined;
@@ -89,6 +90,8 @@ export class TabPanePerfAnalysis extends BaseElement {
     TabPanePerfAnalysis.tabLoadingList = [];
     this.currentSelection = val;
     this.tabName!.textContent = '';
+    // @ts-ignore
+    this.perfAnalysisHeadTips?.innerHTML = '';
     this.hideProcessCheckBox!.checked = false;
     this.hideThreadCheckBox!.checked = false;
     this.reset(this.perfTableProcess!, false);
@@ -170,6 +173,7 @@ export class TabPanePerfAnalysis extends BaseElement {
   initElements(): void {
     this.perfAnalysisPie = this.shadowRoot!.querySelector<LitChartPie>('#perf-chart-pie');
     this.perfAnalysisRange = this.shadowRoot?.querySelector('#time-range');
+    this.perfAnalysisHeadTips = this.shadowRoot?.querySelector('#SO-err-tips');
     this.perfTableProcess = this.shadowRoot!.querySelector<LitTable>('#tb-process-usage');
     this.perfTableSo = this.shadowRoot!.querySelector<LitTable>('#tb-so-usage');
     this.tableFunction = this.shadowRoot!.querySelector<LitTable>('#tb-function-usage');
@@ -272,6 +276,8 @@ export class TabPanePerfAnalysis extends BaseElement {
 
   private getBack(): void {
     this.back!.addEventListener('click', () => {
+      // @ts-ignore
+      this.perfAnalysisHeadTips?.innerHTML = '';
       if (this.tabName!.textContent === 'Statistic By Thread Count') {
         this.showAssignLevel(this.perfTableProcess!, this.perfTableThread!, 0, this.pidData);
         this.back!.style.visibility = 'hidden';
@@ -572,8 +578,28 @@ export class TabPanePerfAnalysis extends BaseElement {
     // @ts-ignore
     this.selectedTabfileName = it.tableName;
   }
+  // @ts-ignore
+  callback = (cmd: number, e: Uint8Array): unknown => {
+    if (cmd === Constants.DISASSEMBLY_QUERY_ELF_CMD) {
+      const result = JSON.parse(new TextDecoder().decode(e));
+      if(result.resultCode !== 0){
+        // @ts-ignore
+        this.perfAnalysisHeadTips?.innerHTML = result.resultMessage;
+      }
+      WebSocketManager.getInstance()?.unregisterCallback(TypeConstants.DISASSEMBLY_TYPE,this.callback);
+    }
+  }
 
   private functionClickEvent(it: unknown) {
+    // @ts-ignore
+    this.perfAnalysisHeadTips?.innerHTML = '';
+    if(this.selectedTabfileName.indexOf('.an') === -1 && this.selectedTabfileName.indexOf('.so') === -1) {
+      // @ts-ignore
+      this.perfAnalysisHeadTips?.innerHTML = 'Call stack assembly-level parsing of non-.an and .so files is not supported.';
+      return;
+    }
+    // @ts-ignore
+    let encodedData = null;
     this.clickFuncVaddrList = this.vaddrList.filter((item: unknown) => {
       // @ts-ignore
       return item.process_id === it.pid &&
@@ -582,20 +608,29 @@ export class TabPanePerfAnalysis extends BaseElement {
         // @ts-ignore
         item.libName === this.selectedTabfileName &&
         // @ts-ignore
-        item.symbolName === it.tableName
-    })
+        item.symbolName === it.tableName;
+    });
     if (this.clickFuncVaddrList.length > 0) {
       const textEncoder = new TextEncoder();
       const queryData = {
-        elf_name: this.currentSoName,  //@ts-ignore
-        vaddr: this.clickFuncVaddrList[0].vaddrInFile,  //@ts-ignore
+        elf_name: this.currentSoName,  
+        //@ts-ignore
+        vaddr: this.clickFuncVaddrList[0].vaddrInFile,  
+        //@ts-ignore
         func: it.tableName
       };
       const dataString = JSON.stringify(queryData);
-      const encodedData = textEncoder.encode(dataString);
-      WebSocketManager.getInstance()?.sendMessage(TypeConstants.DISASSEMBLY_TYPE, Constants.DISASSEMBLY_QUERY_CMD, encodedData);
+      encodedData = textEncoder.encode(dataString);
+      WebSocketManager.getInstance()?.sendMessage(TypeConstants.DISASSEMBLY_TYPE, Constants.DISASSEMBLY_QUERY_ELF_CMD, encodedData);
     }
-    this.functionListener!(it, this.clickFuncVaddrList);
+    WebSocketManager.getInstance()?.registerMessageListener(TypeConstants.DISASSEMBLY_TYPE,this.callback,() => {},true);
+    setTimeout(() => {
+      if(this.perfAnalysisHeadTips?.innerHTML === ''){
+        // @ts-ignore
+        WebSocketManager.getInstance()?.sendMessage(TypeConstants.DISASSEMBLY_TYPE, Constants.DISASSEMBLY_QUERY_CMD, encodedData);
+        this.functionListener!(it, this.clickFuncVaddrList);
+      }
+    }, 100);
   }
 
   private sortByColumn(): void {
@@ -1162,7 +1197,7 @@ export class TabPanePerfAnalysis extends BaseElement {
     ];
     procedurePool.submitWithName('logic0', 'perf-vaddr', args, undefined, (results: Array<unknown>) => {
       this.vaddrList = results;
-    })
+    });
   }
 
   private getDataByWorker(val: SelectionParam, handler: Function): void {
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPerfBottomUp.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPerfBottomUp.ts
index 0157b13c30b7ef19e8c2afb8866c45929f1ea8f7..40105d2a50283bfbf04ee3fb4fc2d585deb87694 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPerfBottomUp.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPerfBottomUp.ts
@@ -37,7 +37,7 @@ export class TabpanePerfBottomUp extends BaseElement {
   private progressEL: LitProgressBar | null | undefined;
   private searchValue: string = '';
   private currentSelection: SelectionParam | undefined;
-  private static instance: TabpanePerfBottomUp | null;;
+  private static instance: TabpanePerfBottomUp | null;
 
   public initElements(): void {
     this.bottomUpTable = this.shadowRoot?.querySelector('#callTreeTable') as LitTable;
@@ -62,7 +62,7 @@ export class TabpanePerfBottomUp extends BaseElement {
     });
   }
 
-  public getBottomData(data: SelectionParam) {
+  public getBottomData(data: SelectionParam): void {
     this.getDataByWorker(data, (results: Array<PerfBottomUpStruct>) => {
       this.setBottomUpTableData(results);
     });
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.html.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.html.ts
index 70f116e9a9635de4a9e869d2ffb568e55ac7f1fb..f7b7de69d872931a13d766549d1f7a0499eb3cc4 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.html.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.html.ts
@@ -71,7 +71,7 @@ export const TabPerfFuncAsmHtml = `
             <div class="title-item error-message" id="error-message"></div>
         </div>
         <lit-loading id="loading" class="loading" hidden></lit-loading>
-        <lit-table id="perf-function-asm-table" style="display: grid;min-height: 380px" hideDownload>
+        <lit-table id="perf-function-asm-table" style="display: grid;min-height: 380px">
             <lit-table-column width="0.2fr" title="Self Count" data-index="selfcount" key="selfcount" align="flex-start" order></lit-table-column>
             <lit-table-column width="0.2fr" title="%" data-index="percent" key="percent" align="flex-start" order></lit-table-column>
             <lit-table-column width="0.4fr" title="Virtual Address" data-index="addr" key="addr" align="flex-start" order></lit-table-column>
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.ts
index 69e30cb49e07927c68eb482283437fb01a3c8aa6..b0db75e263f836ece63d3a647e6279669f574427 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.ts
@@ -12,22 +12,22 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { TabPerfFuncAsmHtml } from "./TabPerfFuncAsm.html";
-import { BaseElement, element } from "../../../../../base-ui/BaseElement";
-import { LitTable } from "../../../../../base-ui/table/lit-table";
+import { TabPerfFuncAsmHtml } from './TabPerfFuncAsm.html';
+import { BaseElement, element } from '../../../../../base-ui/BaseElement';
+import { LitTable } from '../../../../../base-ui/table/lit-table';
 import {
   FormattedAsmInstruction,
   PerfFunctionAsmParam,
   OriginAsmInstruction,
-} from "../../../../bean/PerfAnalysis";
-import { WebSocketManager } from "../../../../../webSocket/WebSocketManager";
-import { Constants, TypeConstants } from "../../../../../webSocket/Constants";
+} from '../../../../bean/PerfAnalysis';
+import { WebSocketManager } from '../../../../../webSocket/WebSocketManager';
+import { Constants, TypeConstants } from '../../../../../webSocket/Constants';
 
-@element("tab-perf-func-asm")
+@element('tab-perf-func-asm')
 export class TabPerfFuncAsm extends BaseElement {
   private assmblerTable: LitTable | null | undefined;
   private loadingElement: HTMLElement | null | undefined;
-  private functionName: string = "";
+  private functionName: string = '';
   private totalCount: number = 0;
   private totalCountElement: HTMLDivElement | null | undefined;
   private textFileOffElement: HTMLDivElement | null | undefined;
@@ -46,54 +46,54 @@ export class TabPerfFuncAsm extends BaseElement {
 
   initElements(): void {
     this.assmblerTable = this.shadowRoot!.querySelector<LitTable>(
-        "#perf-function-asm-table"
+        '#perf-function-asm-table'
     );
     this.loadingElement =
-        this.shadowRoot!.querySelector<HTMLElement>("#loading");
+        this.shadowRoot!.querySelector<HTMLElement>('#loading');
     this.totalCountElement =
-        this.shadowRoot!.querySelector<HTMLDivElement>("#total-count");
+        this.shadowRoot!.querySelector<HTMLDivElement>('#total-count');
     this.textFileOffElement =
-        this.shadowRoot!.querySelector<HTMLDivElement>("#text-file-off");
-    this.errorMessageElement = this.shadowRoot!.querySelector<HTMLDivElement>("#error-message");
+        this.shadowRoot!.querySelector<HTMLDivElement>('#text-file-off');
+    this.errorMessageElement = this.shadowRoot!.querySelector<HTMLDivElement>('#error-message');
 
-    this.assmblerTable!.style.display = "grid";
+    this.assmblerTable!.style.display = 'grid';
 
-    this.assmblerTable!.itemTextHandleMap.set("addr", (value: unknown) => {
+    this.assmblerTable!.itemTextHandleMap.set('addr', (value: unknown) => {
       return `0x${(value as number).toString(16)}`;
     });
 
-    this.assmblerTable!.itemTextHandleMap.set("selfcount", (value: unknown) => {
-      return (value as number) === 0 ? "" : (value as number).toString();
+    this.assmblerTable!.itemTextHandleMap.set('selfcount', (value: unknown) => {
+      return (value as number) === 0 ? '' : (value as number).toString();
     });
 
-    this.assmblerTable!.itemTextHandleMap.set("percent", (value: unknown) => {
-      return (value as number) === 0 ? "" : (value as number).toString();
+    this.assmblerTable!.itemTextHandleMap.set('percent', (value: unknown) => {
+      return (value as number) === 0 ? '' : (value as number).toString();
     });
 
-    this.assmblerTable!.itemTextHandleMap.set("instruction", (value: unknown) => {
-      return (value as string) === "" ? "INVALID" : (value as string);
+    this.assmblerTable!.itemTextHandleMap.set('instruction', (value: unknown) => {
+      return (value as string) === '' ? 'INVALID' : (value as string);
     });
 
-    this.assmblerTable!.itemTextHandleMap.set("sourceLine", (value: unknown) => {
-      return (value as string) || "";
+    this.assmblerTable!.itemTextHandleMap.set('sourceLine', (value: unknown) => {
+      return (value as string) || '';
     });
 
-    this.assmblerTable!.addEventListener("column-click", ((evt: Event) => {
+    this.assmblerTable!.addEventListener('column-click', ((evt: Event) => {
       const {key, sort} = (evt as CustomEvent).detail;
-      if (key === "selfcount") {
+      if (key === 'selfcount') {
         if (sort === 0) {
           this.assmblerTable!.recycleDataSource = this.originalShowUpData;
           this.assmblerTable!.reMeauseHeight();
         } else {
           this.showUpData.sort((a, b) => {
             return sort === 1
-                ? a.selfcount - b.selfcount
-                : b.selfcount - a.selfcount;
+              ? a.selfcount - b.selfcount
+              : b.selfcount - a.selfcount;
           });
           this.assmblerTable!.recycleDataSource = this.showUpData;
           this.assmblerTable!.reMeauseHeight();
         }
-      } else if (key === "percent") {
+      } else if (key === 'percent') {
         if (sort === 0) {
           this.assmblerTable!.recycleDataSource = this.originalShowUpData;
           this.assmblerTable!.reMeauseHeight();
@@ -116,13 +116,13 @@ export class TabPerfFuncAsm extends BaseElement {
 
   private showLoading(): void {
     if (this.loadingElement) {
-      this.loadingElement.removeAttribute("hidden");
+      this.loadingElement.removeAttribute('hidden');
     }
   }
 
   private hideLoading(): void {
     if (this.loadingElement) {
-      this.loadingElement.setAttribute("hidden", "");
+      this.loadingElement.setAttribute('hidden', '');
     }
   }
 
@@ -144,7 +144,7 @@ export class TabPerfFuncAsm extends BaseElement {
       return;
     }
 
-    (async () => {
+    (async (): Promise<void> => {
       try {
         this.clearData();
         this.functionName = data.functionName;
@@ -164,7 +164,7 @@ export class TabPerfFuncAsm extends BaseElement {
 
         await Promise.race([
           new Promise<void>((resolve, reject) => {
-            callback = (cmd: number, e: Uint8Array) => {
+            callback = (cmd: number, e: Uint8Array): void => {
               try {
 
                 if (cmd === Constants.DISASSEMBLY_QUERY_BACK_CMD) {
@@ -191,7 +191,7 @@ export class TabPerfFuncAsm extends BaseElement {
               }
             };
 
-            WebSocketManager.getInstance()?.registerCallback(TypeConstants.DISASSEMBLY_TYPE, callback);
+            WebSocketManager.getInstance()?.registerMessageListener(TypeConstants.DISASSEMBLY_TYPE, callback, () => { }, true);
           }),
           new Promise((_, reject) => setTimeout(() => {
             WebSocketManager.getInstance()?.unregisterCallback(TypeConstants.DISASSEMBLY_TYPE, callback);
@@ -220,8 +220,8 @@ export class TabPerfFuncAsm extends BaseElement {
         addr: Number(BigInt.asUintN(64, this.funcBaseAddr + BigInt(offsetToVaddr))),
         instruction: '',
         sourceLine: ''
-      })
-    })
+      });
+    });
   }
 
   private calculateFuncAsmSapleCount(vaddrList: Array<unknown>): void {
@@ -229,11 +229,11 @@ export class TabPerfFuncAsm extends BaseElement {
       // @ts-ignore
       const count = this.funcSampleMap.get(item.offsetToVaddr) || 0;
       // @ts-ignore
-      this.funcSampleMap.set(item.offsetToVaddr, count + 1);
+      this.funcSampleMap.set(item.offsetToVaddr, count + item.count);
     });
   }
 
-  private formatAsmInstruction(originAsmInstruction: Array<OriginAsmInstruction>) {
+  private formatAsmInstruction(originAsmInstruction: Array<OriginAsmInstruction>): void {
     this.formattedAsmIntructionArray = originAsmInstruction.map(instructs => ({
       selfcount: 0,
       percent: 0,
@@ -258,7 +258,7 @@ export class TabPerfFuncAsm extends BaseElement {
       let instructionPosition = offsetToVaddr / 4;
       this.formattedAsmIntructionArray[instructionPosition].selfcount = selfCount;
       this.formattedAsmIntructionArray[instructionPosition].percent = Math.round((selfCount / this.totalCount) * 10000) / 100;
-    })
+    });
     this.originalShowUpData = this.formattedAsmIntructionArray;
   }
 
diff --git a/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts
index 6a58b2bb5b3502537b1832d830df0107c56b1926..a07ad1617cceb2a6dccfa007697a98d2dfc90d31 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPerfProfile.ts
@@ -190,7 +190,7 @@ export class TabpanePerfProfile extends BaseElement {
     };
     let args = [];
     args.push({
-      funcName: 'getCurrentDataFromDb',
+      funcName: 'getCurrentDataFromDbProfile',
       funcArgs: [this.currentSelection, this.perfLevel],
     });
     // @ts-ignore
diff --git a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMemory.ts b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMemory.ts
index 0752fed98003aa8372814492c0e3e9802658a0c9..07d609a9b21312d1fd614c3093d33810d3a54394 100644
--- a/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMemory.ts
+++ b/ide/src/trace/component/trace/sheet/native-memory/TabPaneNMemory.ts
@@ -137,13 +137,13 @@ export class TabPaneNMemory extends BaseElement {
       if (results.length > 0) {
         let isTwoArray: boolean = results.some(item => {
           return Array.isArray(item);
-        })
+        });
         let dataList: unknown = [];
         if (isTwoArray) {
           results.forEach(v => {
             // @ts-ignore
             dataList = dataList.concat(v);
-          })
+          });
         } else {
           dataList = results;
         }
diff --git a/ide/src/trace/component/trace/sheet/states/TabPaneFreqStatesDataCut.ts b/ide/src/trace/component/trace/sheet/states/TabPaneFreqStatesDataCut.ts
index 5b02b0f21c7adf63205414f46f21b855392f5f2f..200b722f45c4a5c6373185fe6c7c1386d3ffdc64 100644
--- a/ide/src/trace/component/trace/sheet/states/TabPaneFreqStatesDataCut.ts
+++ b/ide/src/trace/component/trace/sheet/states/TabPaneFreqStatesDataCut.ts
@@ -154,7 +154,8 @@ export class TabPaneFreqStatesDataCut extends BaseElement {
           for (let i = 0; i < this.funcNameCycleArr!.length; i++) {
             if (
               ((stateItem.ts > this.funcNameCycleArr![i].cycleStartTime && stateItem.ts < this.funcNameCycleArr![i].endTime) ||
-                (stateItem.ts + stateItem.dur! > this.funcNameCycleArr![i].cycleStartTime && stateItem.ts + stateItem.dur! < this.funcNameCycleArr![i].endTime) ||
+                (stateItem.ts + stateItem.dur! > this.funcNameCycleArr![i].cycleStartTime && 
+                  stateItem.ts + stateItem.dur! < this.funcNameCycleArr![i].endTime) ||
                 (this.funcNameCycleArr![i].cycleStartTime > stateItem.ts && this.funcNameCycleArr![i].endTime < stateItem.ts + stateItem.dur!)) &&
               (stateItem.state === 'S' ||
                 stateItem.state === 'R' ||
@@ -220,7 +221,8 @@ export class TabPaneFreqStatesDataCut extends BaseElement {
           for (let i = 0; i < this.funcNameCycleArr!.length; i++) {
             if (
               ((stateItem.ts > this.funcNameCycleArr![i].cycleStartTime && stateItem.ts < this.funcNameCycleArr![i].endTime) ||
-                (stateItem.ts + stateItem.dur! > this.funcNameCycleArr![i].cycleStartTime && stateItem.ts + stateItem.dur! < this.funcNameCycleArr![i].endTime) ||
+                (stateItem.ts + stateItem.dur! > this.funcNameCycleArr![i].cycleStartTime && 
+                  stateItem.ts + stateItem.dur! < this.funcNameCycleArr![i].endTime) ||
                 (this.funcNameCycleArr![i].cycleStartTime > stateItem.ts && this.funcNameCycleArr![i].endTime < stateItem.ts + stateItem.dur!)) &&
               (stateItem.state === 'S' ||
                 stateItem.state === 'R' ||
diff --git a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerGpuFreq.ts b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerGpuFreq.ts
index 6834c86578c4a13f8df037685c0d782a4736475c..56c9a4d5a753318a61bc6a892b0b9d0012ee1575 100644
--- a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerGpuFreq.ts
+++ b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerGpuFreq.ts
@@ -218,7 +218,7 @@ export class TabPaneXpowerGpuFreq extends BaseElement {
           tabXpowerGpuFreqStruct.avgIdleTime = parseFloat((sumIdleTime / itemArray.length).toFixed(2));
           tabXpowerGpuFreqStruct.maxIdleTime = maxIdleTime;
           tabXpowerGpuFreqStruct.minIdleTime = minIdleTime;
-        } else if (itemArray.length == 1) {
+        } else if (itemArray.length === 1) {
           tabXpowerGpuFreqStruct = this.setTabXpowerGpuFreqStruct(
             itemArray[0].runTime,
             itemArray[0].idleTime,
diff --git a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadEnergy.ts b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadEnergy.ts
index 510e24b6d190e9fb7aca2b90a1ce5b143b76cb65..1da5fccd7e22b01974395929a1dfa62823c55e81 100644
--- a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadEnergy.ts
+++ b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadEnergy.ts
@@ -138,13 +138,14 @@ export class TabPaneXpowerThreadEnergy extends BaseElement {
         SelectThreadEnergyData.name = itemArray[0].threadName;
         SelectThreadEnergyData.count = itemArray.length;
         if (itemArray.length > 1) {
-          max = itemArray.map((item: { value: any }) => item.value).reduce((a: number, b: number) => Math.max(a, b));
-          min = itemArray.map((item: { value: any }) => item.value).reduce((a: number, b: number) => Math.min(a, b));
-          sum = itemArray.reduce((acc: any, obj: { value: any }) => acc + obj.value, 0);
+          max = itemArray.map((item: { value: unknown }) => item.value).reduce((a: number, b: number) => Math.max(a, b));
+          min = itemArray.map((item: { value: unknown }) => item.value).reduce((a: number, b: number) => Math.min(a, b));
+          // @ts-ignore
+          sum = itemArray.reduce((acc: unknown, obj: { value: unknown }) => acc + obj.value, 0);
           SelectThreadEnergyData.avgNumber = parseFloat((sum / itemArray.length).toFixed(2));
           SelectThreadEnergyData.maxNumber = max;
           SelectThreadEnergyData.minNumber = min;
-        } else if (itemArray.length == 1) {
+        } else if (itemArray.length === 1) {
           let value = itemArray[0].value;
           SelectThreadEnergyData.avgNumber = value;
           SelectThreadEnergyData.maxNumber = value;
diff --git a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadInfoSelection.ts b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadInfoSelection.ts
index f0724d7c4d580f9cb627a4935d7065581a878ce7..c77e15996262afbc8532a6e43ca7f4143e41a858 100644
--- a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadInfoSelection.ts
+++ b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadInfoSelection.ts
@@ -30,7 +30,7 @@ export class TabPaneXpowerThreadInfoSelection extends BaseElement {
     this.tableEl!.recycleDataSource = [];
     this.init();
     if (dataList.length >= 1) {
-      dataList[0].valueType == THREAD_ENERGY ? (this.valueType = 'Energy(mAh)') : (this.valueType = 'Load(%)');
+      dataList[0].valueType === THREAD_ENERGY ? (this.valueType = 'Energy(mAh)') : (this.valueType = 'Load(%)');
     }
     dataList.forEach((data) => {
       data.startMS = data.startNS / 1_000_000;
diff --git a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadLoad.ts b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadLoad.ts
index 5dfc91d09304f64b6d2bcac19803ce72706927bf..11adb1f3a5d1796e9fe071b91468578160510c31 100644
--- a/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadLoad.ts
+++ b/ide/src/trace/component/trace/sheet/xpower/TabPaneXpowerThreadLoad.ts
@@ -145,7 +145,7 @@ export class TabPaneXpowerThreadLoad extends BaseElement {
           SelectThreadLoadData.avgNumber = parseFloat((sum / itemArray.length).toFixed(2));
           SelectThreadLoadData.maxNumber = max;
           SelectThreadLoadData.minNumber = min;
-        } else if (itemArray.length == 1) {
+        } else if (itemArray.length === 1) {
           let value = itemArray[0].value;
           SelectThreadLoadData.avgNumber = value;
           SelectThreadLoadData.maxNumber = value;
diff --git a/ide/src/trace/database/SqlLiteWorker.ts b/ide/src/trace/database/SqlLiteWorker.ts
index 673cc414fca05e3f41ffd2e1d22f5d43a2ed3173..e3aa1f5034afa0ed32d85b76f9fe9a3bb18106fa 100644
--- a/ide/src/trace/database/SqlLiteWorker.ts
+++ b/ide/src/trace/database/SqlLiteWorker.ts
@@ -15,7 +15,7 @@
 
 importScripts('sql-wasm.js');
 // @ts-ignore
-import {WebSocketManager} from "../../webSocket/WebSocketManager";
+import {WebSocketManager} from '../../webSocket/WebSocketManager';
 
 importScripts('sql-wasm.js');
 // @ts-ignore
diff --git a/ide/src/trace/database/TabPaneFreqUsageWorker.ts b/ide/src/trace/database/TabPaneFreqUsageWorker.ts
index 27881c0bd7bce9b234034313e428809d2c4e4c39..b810d62e63b345a7e5bb2c2eaeb725ce1c59deba 100644
--- a/ide/src/trace/database/TabPaneFreqUsageWorker.ts
+++ b/ide/src/trace/database/TabPaneFreqUsageWorker.ts
@@ -283,7 +283,7 @@ function returnObj(
       break;
   }
   // @ts-ignore
-  if (comPower && (comPower!.get(item.cpu).broId || comPower!.get(item.cpu).broId === 0) && comPower!.get(item.cpu).smtRate) {
+  if (comPower && comPower!.get(item.cpu) && (comPower!.get(item.cpu).broId || comPower!.get(item.cpu).broId === 0) && comPower!.get(item.cpu).smtRate) {
     // @ts-ignore
     let broCpuDataList = broCpuData.filter((e) => (e.cpu === comPower!.get(item.cpu).broId) && // @ts-ignore
     !(e.startTime >= result!.ts + result!.dur || e.endTime <= result!.ts));
@@ -312,6 +312,8 @@ function returnObj(
       result.consumpower = result.consumpower * comPower!.get(item.cpu).smtRate;
       // @ts-ignore
       result.frequency = cpuFreqData.value / FREQ_MUTIPLE + ': ' + computorPower * comPower!.get(item.cpu).smtRate + '*';
+      // @ts-ignore
+      result.cpuload = result.consumpower / (timeZones * maxCommpuPower) * PERCENT;
       return result;
     } else {
       let resultArr = [
@@ -335,8 +337,10 @@ function returnObj(
           frequency: computorPower ? cpuFreqData.value / FREQ_MUTIPLE + ': ' + computorPower * comPower!.get(item.cpu).smtRate + '*' : cpuFreqData.value / FREQ_MUTIPLE,
           dur: parallelDur,
           percent: (parallelDur / sum) * PERCENT,
-          consumpower: computorPower * parallelDur,
-          cpuload: (computorPower * parallelDur) / (timeZones * maxCommpuPower) * PERCENT,
+          // @ts-ignore
+          consumpower: computorPower * parallelDur * comPower!.get(item.cpu).smtRate,
+          // @ts-ignore
+          cpuload: (computorPower * parallelDur * comPower!.get(item.cpu).smtRate) / (timeZones * maxCommpuPower) * PERCENT,
           // @ts-ignore
           ts: item.ts - recordStartNS
         }
diff --git a/ide/src/trace/database/data-trafic/LostFrameReceiver.ts b/ide/src/trace/database/data-trafic/LostFrameReceiver.ts
index a09beacc55d165443c2619ecf804bdc696e9f766..dc9bcba75314b517db9d200a530312739266ca36 100644
--- a/ide/src/trace/database/data-trafic/LostFrameReceiver.ts
+++ b/ide/src/trace/database/data-trafic/LostFrameReceiver.ts
@@ -45,7 +45,7 @@ function arrayBufferHandler(data: any, res: any[], transfer: boolean): void {
     dur[i] = it.dur;
     nofinish[i] = it.nofinish;
     argSetId[i] = it.argSetId;
-    presentId[i] = Number(nameCutArr[nameCutArr.length - 1]);
+    presentId[i] = Number(nameCutArr[nameCutArr.length - 1].split('|')[0]);
   });
   (self as unknown as Worker).postMessage(
     {
diff --git a/ide/src/trace/database/data-trafic/xpower/XpowerAppDetailDataReceiver.ts b/ide/src/trace/database/data-trafic/xpower/XpowerAppDetailDataReceiver.ts
index 135a68039239d5b123b61576a85bd7a9ea9b26b5..e3c7b4976875d6744ab080f16bddd87465ff7397 100644
--- a/ide/src/trace/database/data-trafic/xpower/XpowerAppDetailDataReceiver.ts
+++ b/ide/src/trace/database/data-trafic/xpower/XpowerAppDetailDataReceiver.ts
@@ -109,7 +109,7 @@ function fillArrays(arrays: { [key: string]: Float64Array }, res: unknown[], dat
     if ((data as unknown).params.trafic === TraficEnum.ProtoBuffer) { // @ts-ignore
       it = (it as unknown).xpowerAppDetailData;
     } // @ts-ignore
-    arrays['startTime'][i] = (it as unknown).startTime;
+    arrays.startTime[i] = (it as unknown).startTime;
     keysCopy.forEach((key) => { // @ts-ignore
       arrays[key][i] = (it as unknown)[key];
     });
diff --git a/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
index 2f63034e2f72adebf39d074cce1a84d7ed4e90f3..ade2ef7987bd95aca3f9f224df00de9112cca238 100644
--- a/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
+++ b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
@@ -127,7 +127,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     }
   }
 
-  private getAnalysisData(data: unknown) {
+  private getAnalysisData(data: unknown): void {
     //@ts-ignore
     this.samplesData = convertJSON(data.params.list) || [];
     let result;
@@ -147,7 +147,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
       });
   }
 
-  private getBottomUpData(data: unknown) {
+  private getBottomUpData(data: unknown): void {
     //@ts-ignore
     this.samplesData = convertJSON(data.params.list) || [];
     let result;
@@ -156,7 +156,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
         funcName: 'getBottomUp',
         funcArgs: [true],
       },
-    ])
+    ]);
     self.postMessage({
       //@ts-ignore
       id: data.id,
@@ -167,7 +167,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     });
   }
 
-  private getProfileData(data: unknown) {
+  private getProfileData(data: unknown): void {
     //@ts-ignore
     this.samplesData = convertJSON(data.params.list) || [];
     let result;
@@ -187,7 +187,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
           funcName: 'getCallChainsBySampleIds',
           funcArgs: [this.isTopDown],
         },
-      ])
+      ]);
     }
     self.postMessage({
       //@ts-ignore
@@ -290,7 +290,7 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     }
   }
 
-  rebackVaddrList(data: unknown) {
+  rebackVaddrList(data: unknown): void {
     // @ts-ignore
     let vaddrCallchainList = convertJSON(data.params.list);
     let sampleCallChainList: unknown = [];
@@ -312,6 +312,8 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
       // @ts-ignore
       funcVaddrLastItem.thread_id = vaddrCallchainList[i].thread_id;
       // @ts-ignore
+      funcVaddrLastItem.count = vaddrCallchainList[i].count;
+      // @ts-ignore
       funcVaddrLastItem.libName = lastCallChain.fileName;
       // @ts-ignore
       sampleCallChainList.push(funcVaddrLastItem);
@@ -355,13 +357,13 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     }
   }
 
-  private perfGetVaddr(data: unknown) {
+  private perfGetVaddr(data: unknown): void {
     // @ts-ignore
     const params = data.params;
     this.backVaddrData(data);
   }
 
-  backVaddrData(data: unknown) {
+  backVaddrData(data: unknown): void {
     // @ts-ignore
     this.handleDataByFuncName(data.params[0].funcName, data.params[0].funcArgs);
   }
@@ -994,10 +996,30 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
         process.isSearch = false;
       });
       this.resetNewAllNode(sample);
-      if (this.searchValue !== '') {
-        this.markSearchNode(sample, this.searchValue, false);
-        this.resetNewAllNode(sample);
+      this.searchValue = this.searchValue.toLocaleLowerCase();
+      let researchValue = this.searchValue.substring(1, this.searchValue.length);
+      /*
+        *开头，正则表达式
+        非*开头，普通筛选
+        '!'开头，普通反选
+      */
+      if (this.searchValue[0] === '!') {
+        this.reMarkSearchNode(sample, researchValue, true);
+      } else {
+        if (this.searchValue[0] === '*') {
+          // 正则反选
+          if (this.searchValue[1] === '^') {
+            this.markUnRegexSearchNode(this.allProcess, researchValue, true);
+          } else {
+            // 正则正选
+            this.markRegexSearchNode(this.allProcess, researchValue, false);
+          }
+        } else {
+          // 普通正选
+          this.markSearchNode(sample, this.searchValue, false);
+        }
       }
+      this.resetNewAllNode(sample);
     }
   }
 
@@ -1127,11 +1149,15 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
     });
   }
 
+  // 普通正向筛选
   markSearchNode(sampleArray: PerfCallChainMerageData[], search: string, parentSearch: boolean): void {
     for (const sample of sampleArray) {
       if (search === '') {
         sample.searchShow = true;
         sample.isSearch = false;
+        // 将反选标记全部清除
+        sample.hiddenArray = [];
+        sample.isReverseFilter = false;
       } else {
         let isInclude = sample.symbol.toLocaleLowerCase().includes(search);
         if ((sample.symbol && isInclude) || parentSearch) {
@@ -1154,6 +1180,104 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
       }
     }
   }
+
+  reMarkSearchNode(sampleArray: PerfCallChainMerageData[], search: string, parentSearch: boolean): void {
+    for (const sample of sampleArray) {
+      if (search === '') {
+        sample.searchShow = true;
+        sample.isReverseFilter = false;
+      } else {
+        // 反选符合要求的
+        let isInclude = !sample.symbol.toLocaleLowerCase().includes(search);
+        // 从上往下遍历，父节点不展示的直接不展示，并且标记为置为false
+        if (!parentSearch) {
+          sample.searchShow = false
+        } else {
+          // 父节点展示并符合要求的直接展示
+          if (sample.symbol && isInclude) {
+            sample.isReverseFilter = true;
+            sample.searchShow = true;
+          } else {
+            // 父节点展示子节点不展示的，反向向上遍历置false
+            sample.isSearch = false;
+            sample.searchShow = false;
+            let parentNode = sample.parent
+            parentNode?.hiddenArray.push(sample.symbolName);
+            // 多个子节点，只有所有子节点都不展示的才可以不展示并且继续向上遍历
+            while (parentNode && parentNode.children.length === parentNode.hiddenArray.length) {
+              parentNode.searchShow = false;
+              if (parentNode.parent?.hiddenArray.indexOf(parentNode.symbolName) === -1) {
+                parentNode.parent?.hiddenArray.push(parentNode.symbolName)
+              }
+              parentNode = parentNode.parent;
+            }
+          }
+        }
+      }
+      const children = this.isOnlyKernel ? sample.initChildren : sample.children;
+      if (children.length > 0) {
+        this.reMarkSearchNode(children, search, sample.searchShow);
+      }
+    }
+  }
+
+  markUnRegexSearchNode(sampleArray: PerfCallChainMerageData[], reg: string, parentSearch: boolean): void {
+    let regex = RegExp(reg);
+    for (const sample of sampleArray) {
+      // 反选符合要求的
+      let isInclude = regex.test(sample.symbol.toLocaleLowerCase());
+      if (!parentSearch) {
+        sample.searchShow = false
+      } else {
+        if (sample.symbol && isInclude) {
+          sample.isReverseFilter = true;
+          sample.searchShow = true;
+        } else {
+          sample.isSearch = false;
+          sample.searchShow = false;
+          let parentNode = sample.parent
+          parentNode?.hiddenArray.push(sample.symbolName);
+          while (parentNode && parentNode.children.length === parentNode.hiddenArray.length) {
+            parentNode.searchShow = false;
+            if (parentNode.parent?.hiddenArray.indexOf(parentNode.symbolName) === -1) {
+              parentNode.parent?.hiddenArray.push(parentNode.symbolName)
+            }
+            parentNode = parentNode.parent;
+          }
+        }
+      }
+      const children = this.isOnlyKernel ? sample.initChildren : sample.children;
+      if (children.length > 0) {
+        this.markUnRegexSearchNode(children, reg, sample.searchShow);
+      }
+    }
+  }
+
+  markRegexSearchNode(sampleArray: PerfCallChainMerageData[], reg: string, parentSearch: boolean): void {
+    let regex = RegExp(reg);
+    for (const sample of sampleArray) {
+      let isInclude = regex.test(sample.symbol.toLocaleLowerCase());
+      if ((sample.symbol && isInclude) || parentSearch) {
+        sample.searchShow = true;
+        sample.isSearch = sample.symbol !== undefined && isInclude;
+        let parentNode = sample.parent;
+        // 如果匹配，所有parent都显示
+        while (parentNode !== undefined && !parentNode.searchShow) {
+          parentNode.searchShow = true;
+          parentNode = parentNode.parent;
+        }
+      } else {
+        sample.searchShow = false;
+        sample.isSearch = false;
+      }
+
+      const children = this.isOnlyKernel ? sample.initChildren : sample.children;
+      if (children.length > 0) {
+        this.markRegexSearchNode(children, reg, sample.searchShow);
+      }
+    }
+  }
+
   splitAllProcess(processArray: { select: string; name: string; type: string; checked: boolean }[]): void {
     processArray.forEach((item: { select: string; name: string; type: string; checked: boolean }): void => {
       this.allProcess.forEach((process): void => {
@@ -1240,14 +1364,15 @@ export class ProcedureLogicWorkerPerf extends LogicHandler {
       'perf-vaddr-back',
       `select s.callchain_id,
             s.thread_id,
-            thread.process_id
+            thread.process_id,
+            count(callchain_id) as count
             from perf_sample s, trace_range t
             left join perf_thread thread on s.thread_id = thread.thread_id
             where timestamp_trace between ${selectionParam.leftNs} + t.start_ts
             and ${selectionParam.rightNs} + t.start_ts
             and s.callchain_id != -1
             and s.thread_id != 0  ${filterSql}
-        group by s.callchain_id`,
+        group by s.callchain_id,s.thread_id`,
       {
         $startTime: selectionParam.leftNs,
         $endTime: selectionParam.rightNs,
@@ -1609,6 +1734,8 @@ export class PerfCallChainMerageData extends ChartStruct {
   searchShow: boolean = true;
   isSearch: boolean = false;
   isState: boolean = false;
+  isReverseFilter: boolean = false;
+  hiddenArray: Array<string> = [];
   set parentNode(data: PerfCallChainMerageData | undefined) {
     this.parent = data;
     this.#parentNode = data;
diff --git a/ide/src/trace/database/sql/Ltpo.sql.ts b/ide/src/trace/database/sql/Ltpo.sql.ts
index 84fe5b5de0437b1ccb988492a24c0bea72c03e9c..842f4aae3e19dada2cf5a670057843ee278d8652 100644
--- a/ide/src/trace/database/sql/Ltpo.sql.ts
+++ b/ide/src/trace/database/sql/Ltpo.sql.ts
@@ -52,7 +52,8 @@ export const queryRSNowTimeList = (): Promise<Array<LtpoStruct>> =>
     'queryRSNowTimeList',
     `SELECT ts,dur,name FROM "callstack" WHERE callid in (SELECT id FROM "thread" WHERE name LIKE('render_service%'))
     AND (name LIKE('H:ReceiveVsync dataCount:24bytes%'))
-    OR (name LIKE('H:ReceiveVsync dataCount: 24bytes%'))`
+    OR (name LIKE('H:ReceiveVsync dataCount: 24bytes%'))
+    OR (name LIKE('H:ReceiveVsync name:rs dataCount: 24bytes%'))`
   );
 export const querySkipDataList = (): Promise<Array<LtpoStruct>> =>
   query(
diff --git a/ide/src/trace/database/sql/Memory.sql.ts b/ide/src/trace/database/sql/Memory.sql.ts
index a8562ca423f418be7c26f06fcf516bacc9db59a6..193c25245b469e77fceee0ab7bb00a752d210a2a 100644
--- a/ide/src/trace/database/sql/Memory.sql.ts
+++ b/ide/src/trace/database/sql/Memory.sql.ts
@@ -129,6 +129,13 @@ export const queryMemFilterIdMaxValue = (): Promise<Array<{ filterId: number; ma
   );
 };
 
+export const queryMemFilterIdMinValue = (): Promise<Array<{ filterId: number; minValue: number }>> => {
+  return query(
+    'queryMemFilterIdMinValue',
+    `select filter_id as filterId,min(value) minValue from process_measure group by filter_id;`
+  );
+};
+
 export const getTabVirtualMemoryType = (startTime: number, endTime: number): Promise<Array<string>> =>
   query(
     'getTabVirtualMemoryType',
diff --git a/ide/src/trace/database/sql/ProcessThread.sql.ts b/ide/src/trace/database/sql/ProcessThread.sql.ts
index 40812eabcd581095c5449614afd4951ccdc4aa81..18daf4b6324d693e1a9b2070a31c6fbb0a3b6402 100644
--- a/ide/src/trace/database/sql/ProcessThread.sql.ts
+++ b/ide/src/trace/database/sql/ProcessThread.sql.ts
@@ -559,8 +559,8 @@ export const queryProcessMemData = (trackId: number): Promise<Array<ProcessMemSt
     { $id: trackId }
   );
 
-export const queryThreads = (): //@ts-ignore
-  Promise<Array<unknown>> =>
+export const queryThreads = ():
+  Promise<Array<{ id: number; tid: number; name: string; }>> =>
   query('queryThreads', `select id,tid,(ifnull(name,'Thread') || '(' || tid || ')') name from thread where id != 0;`);
 
 export const queryDataDICT = async (): Promise<Array<unknown>> => {
@@ -1420,28 +1420,28 @@ export const queryRunningThread = (
   query(
     'getTabThread',
     `
-        select
-          P.pid,
-          T.tid,
-          S.itid,
-          S.ts,
-          P.name AS pName,
-          S.dur + S.ts as endTs
-        from
-          sched_slice AS S
-        left join
-          process P on S.ipid = P.ipid
-        left join
-          thread T on S.itid = T.itid
-        where
-          T.tid in (${tIds.join(',')})
-        and 
-          P.pid in (${pIds.join(',')})
-        and
-          not ((S.ts + ifnull(S.dur,0) < $leftStartNs) or (S.ts > $rightEndNs))
-        order by
-          S.ts;
-        `,
+            select
+              P.pid,
+              T.tid,
+              S.itid,
+              S.ts,
+              P.name AS pName,
+              ifnull(S.dur,0) + S.ts as endTs
+            from
+              sched_slice AS S
+            left join
+              process P on S.ipid = P.ipid
+            left join
+              thread T on S.itid = T.itid
+            where
+              T.tid in (${tIds.join(',')})
+            and 
+              P.pid in (${pIds.join(',')})
+            and
+              not ((S.ts + ifnull(S.dur,0) < $leftStartNs) or (S.ts > $rightEndNs))
+            order by
+              S.ts;
+            `,
     { $leftStartNs: leftStartNs, $rightEndNs: rightEndNs }
   );
 
@@ -1455,30 +1455,30 @@ export const queryCoreRunningThread = (
   query(
     'getTabThread',
     `
-          select
-            P.pid,
-            T.tid,
-            S.cpu,
-            S.itid,
-            S.ts,
-            P.name AS pName,
-            S.dur + S.ts as endTs
-          from
-            sched_slice AS S
-          left join
-            process P on S.ipid = P.ipid
-          left join
-            thread T on S.itid = T.itid
-          where
-            T.tid in (${tIds.join(',')})
-          and 
-            P.pid in (${pIds.join(',')})
-          and
-            S.cpu in (${cpu.join(',')})
-          and
-            not ((S.ts + ifnull(S.dur,0) < $leftStartNs) or (S.ts > $rightEndNs))
-          order by
-            S.ts;
-          `,
+            select
+              P.pid,
+              T.tid,
+              S.cpu,
+              S.itid,
+              S.ts,
+              P.name AS pName,
+              ifnull(S.dur,0) + S.ts as endTs
+            from
+              sched_slice AS S
+            left join
+              process P on S.ipid = P.ipid
+            left join
+              thread T on S.itid = T.itid
+            where
+              T.tid in (${tIds.join(',')})
+            and 
+              P.pid in (${pIds.join(',')})
+            and
+              S.cpu in (${cpu.join(',')})
+            and
+              not ((S.ts + ifnull(S.dur,0) < $leftStartNs) or (S.ts > $rightEndNs))
+            order by
+              S.ts;
+            `,
     { $leftStartNs: leftStartNs, $rightEndNs: rightEndNs }
   );
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerAppStartup.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerAppStartup.ts
index 73b0d940dab7b91f43ffdc64985c14c1ed7b2545..8bf226bebbdfb28e39a44af5e35ffd391df40986 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerAppStartup.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerAppStartup.ts
@@ -109,6 +109,7 @@ export class AppStartupStruct extends BaseStruct {
   stepName: string | undefined;
   StartSlice: string | undefined;
   EndSlice: string | undefined;
+  endstartTs: number | undefined;
 
   static draw(ctx: CanvasRenderingContext2D, data: AppStartupStruct): void {
     if (data.frame) {
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerCommon.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerCommon.ts
index 0d537e0bf668092cae005562c3a281b028809b91..c1f5189180c5454698bfd3bc080f2259f1158dce 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerCommon.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerCommon.ts
@@ -556,6 +556,7 @@ export class PairPoint {
   backrowEL?: TraceRow<BaseStruct>;
   rangeTime?: string;
   sourcebackrowEL?: TraceRow<BaseStruct>;
+  sourceOffsetY?: number = 0;
 
   constructor(
     rowEL: TraceRow<BaseStruct>,
@@ -1707,9 +1708,14 @@ export class HiPerfStruct extends BaseStruct {
     specPath: Path2D,
     data: HiPerfStruct,
     groupBy10MS: boolean,
-    textMetrics?: TextMetrics
+    textMetrics?: TextMetrics,
+    row?: unknown
   ): void {
     if (data.frame) {
+      //@ts-ignore
+      if (row && row.rowType === 'hiperf-process' && row.expansion) {
+        return;
+      }
       if (groupBy10MS) {
         let width = data.frame.width;
         normalPath.rect(data.frame.x, 40 - (data.height || 0), width, data.height || 0);
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerFrameSpacing.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerFrameSpacing.ts
index 51364b22d55d7c620ac0cd4b293ce6e8295321db..2ce84bb85af122437272a7e6ef9041a2f1745bd8 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerFrameSpacing.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerFrameSpacing.ts
@@ -464,13 +464,7 @@ export class FrameSpacingStruct extends BaseStruct {
     ctx.stroke();
     ctx.strokeStyle = ColorUtils.ANIMATION_COLOR[3];
     ctx.fillStyle = ColorUtils.ANIMATION_COLOR[3];
-    if (index === 0) {
-      ctx.fillText(dashedLines[index].toString(), 0, pointY + multiple * textPadding);
-    } else if (index === unitIndex) {
-      ctx.fillText(dashedLines[index].toString(), 0, pointY + textPadding);
-    } else {
-      ctx.fillText(dashedLines[index].toString(), 0, pointY - textPadding);
-    }
+    ctx.fillText(dashedLines[index].toString(), 0, pointY + multiple * textPadding);
     ctx.closePath();
   }
 
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerMem.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerMem.ts
index 410bc05b02bd9c0ff5bb722a1e14cdc599a87431..aba9b155b54a5112c9a311e7035d45b07d7246ca 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerMem.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerMem.ts
@@ -62,40 +62,77 @@ export class ProcessMemStruct extends BaseProcessMemStruct {
       let width = data.frame.width || 0;
       memContext.fillStyle = ColorUtils.colorForTid(data.maxValue || 0);
       memContext.strokeStyle = ColorUtils.colorForTid(data.maxValue || 0);
+      data.maxValue = data.maxValue === 0 ? 1 : data.maxValue;
+      if ((data.value || 0) < 0) {
+        memContext.fillStyle = ColorUtils.colorForTid(data.minValue || 0);
+        memContext.strokeStyle = ColorUtils.colorForTid(data.minValue || 0);
+      }
+      let drawHeight: number = Math.floor(((data.value || 0) * (data.frame.height || 0) * 1.0) / data.maxValue!);
+      if (drawHeight === 0) {
+        drawHeight = 1;
+      }
+      let minHeight: number = 0;
+      let maxHeight: number = 0;
+      let sumHeight: number = 0;
+      let cutHeight: number = 0;
+      if (data.minValue! < 0) {
+        minHeight = Math.floor(((data.minValue || 0) * (data.frame.height || 0) * 1.0) / data.maxValue!);
+        maxHeight = Math.floor(((data.maxValue || 0) * (data.frame.height || 0) * 1.0) / data.maxValue!);
+        sumHeight = Math.abs(minHeight) + Math.abs(maxHeight);
+        let num = this.cal(Math.abs(minHeight), Math.abs(maxHeight));
+        drawHeight = Math.floor(drawHeight / num);
+        cutHeight = Math.abs(Math.floor(((data.minValue || 0) * (data.frame.height || 0) * 1.0) / data.maxValue!) / num) + 1;
+        if (data.maxValue! < 0) {
+          drawHeight = -drawHeight;
+          cutHeight = 30;
+        }
+      }
       if (data === ProcessMemStruct.hoverProcessMemStruct) {
         memContext.lineWidth = 1;
         memContext.globalAlpha = 0.6;
-        let memDrawHeight: number = Math.floor(
-          ((data.value || 0) * (data.frame.height || 0) * 1.0) / (data.maxValue || 1)
-        );
-        memDrawHeight = memDrawHeight > 0 ? memDrawHeight : 1;
-        memContext.fillRect(data.frame.x, data.frame.y + data.frame.height - memDrawHeight, width, memDrawHeight);
+        memContext.fillRect(data.frame.x, data.frame.y + data.frame.height - drawHeight - cutHeight, width, drawHeight);
         memContext.beginPath();
-        memContext.arc(data.frame.x, data.frame.y + data.frame.height - memDrawHeight, 3, 0, 2 * Math.PI, true);
+        memContext.arc(data.frame.x, data.frame.y + data.frame.height - drawHeight - cutHeight, 3, 0, 2 * Math.PI, true);
         memContext.fill();
         memContext.globalAlpha = 1.0;
         memContext.stroke();
         memContext.closePath();
         memContext.beginPath();
-        memContext.moveTo(data.frame.x + 3, data.frame.y + data.frame.height - memDrawHeight);
+        memContext.moveTo(data.frame.x + 3, data.frame.y + data.frame.height - drawHeight - cutHeight);
         memContext.lineWidth = 3;
-        memContext.lineTo(data.frame.x + width, data.frame.y + data.frame.height - memDrawHeight);
+        memContext.lineTo(data.frame.x + width, data.frame.y + data.frame.height - drawHeight - cutHeight);
         memContext.stroke();
         memContext.closePath();
       } else {
         memContext.globalAlpha = 0.6;
         memContext.lineWidth = 1;
-        let drawHeight: number = ((data.value || 0) * (data.frame.height || 0) * 1.0) / (data.maxValue || 1);
-        drawHeight = drawHeight > 0 ? drawHeight : 1;
-        memContext.fillRect(data.frame.x, data.frame.y + data.frame.height - drawHeight, width, drawHeight);
+        memContext.fillRect(data.frame.x, data.frame.y + data.frame.height - drawHeight - cutHeight, width, drawHeight);
         if (width > 2) {
           memContext.lineWidth = 1;
           memContext.globalAlpha = 1.0;
-          memContext.strokeRect(data.frame.x, data.frame.y + data.frame.height - drawHeight, width, drawHeight);
+          memContext.strokeRect(data.frame.x, data.frame.y + data.frame.height - drawHeight - cutHeight, width, drawHeight);
         }
       }
     }
     memContext.globalAlpha = 1.0;
     memContext.lineWidth = 1;
   }
+
+  static cal(minHeight: number, maxHeight: number): number {
+    let multiplier = 1;
+    let newSum: number;
+    do {
+      newSum = minHeight / multiplier + maxHeight / multiplier;
+      multiplier += 2;
+    } while (newSum > 30 && multiplier <= (minHeight + maxHeight) * 2);
+    if (newSum <= 30) {
+      multiplier -= 2;
+      while (minHeight / (multiplier + 2) + maxHeight / (multiplier + 2) > 30) {
+        multiplier += 2;
+      }
+      return multiplier;
+    } else {
+      return 2;
+    }
+  }
 }
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerSnaps.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerSnaps.ts
index ee3e6b8a1bc0326dfd76146ef91a2e59251f8e31..166a249bb036debe084d02eef63d762fb14a69af 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerSnaps.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerSnaps.ts
@@ -16,6 +16,7 @@
 import { BaseStruct, dataFilterHandler, drawLoadingFrame, drawString, Rect } from './ProcedureWorkerCommon';
 import { TraceRow } from '../../component/trace/base/TraceRow';
 import { SpSystemTrace } from '../../component/SpSystemTrace';
+import { SpApplication } from '../../SpApplication';
 
 export class SnapShotRender {
   renderMainThread(
@@ -44,7 +45,8 @@ export class SnapShotRender {
     let find = false;
     let offset = 3;
     for (let re of filter) {
-      SnapShotStruct.draw(req.snapShotContext, re, snapShotRow.translateY);
+      snapShotRow.isHover = SnapShotStruct.isClear && SnapShotStruct.hoverSnapShotStruct === undefined ? false : snapShotRow.isHover;
+      SnapShotStruct.draw(req.snapShotContext, re, snapShotRow.translateY, snapShotRow.isHover);
       if (snapShotRow.isHover) {
         if (
           re.frame &&
@@ -62,6 +64,22 @@ export class SnapShotRender {
   }
 }
 
+export function SnapShotOnClick(
+  rowType: string,
+  sp: SpSystemTrace,
+  entry?: SnapShotStruct,
+): Promise<unknown> {
+  return new Promise((resolve, reject) => {
+    if (rowType === TraceRow.ROW_TYPE_SNAPSHOT && (SnapShotStruct.hoverSnapShotStruct || entry)) {
+      SnapShotStruct.selectSnapShotStruct = entry || SnapShotStruct.hoverSnapShotStruct;
+      SpApplication.displaySnapShot(SnapShotStruct.selectSnapShotStruct);
+      reject(new Error());
+    } else {
+      resolve(null);
+    }
+  });
+}
+
 export class SnapShotStruct extends BaseStruct {
   static hoverSnapShotStruct: SnapShotStruct | undefined;
   static selectSnapShotStruct: SnapShotStruct | undefined;
@@ -69,6 +87,7 @@ export class SnapShotStruct extends BaseStruct {
   static index = 0;
   static maxDepth: number = 0;
   static imageCache: { [img: string]: Promise<HTMLImageElement> } = {};
+  static isClear: boolean;
 
   value: number | undefined = 20;
   startTime: number | undefined;
@@ -78,7 +97,8 @@ export class SnapShotStruct extends BaseStruct {
   static async draw(
     ctx: CanvasRenderingContext2D,
     data: SnapShotStruct,
-    translateY: number
+    translateY: number,
+    isHover: boolean
   ): Promise<void> {
     if (data.frame && data.img) {
       const imagePromise = SnapShotStruct.getImageFromCache(data.img);
@@ -91,6 +111,16 @@ export class SnapShotStruct extends BaseStruct {
           data.frame.width,
           data.frame.height
         );
+        if (data.startTime === SnapShotStruct.selectSnapShotStruct?.startTime) {
+          ctx.strokeStyle = 'red';
+          ctx.lineWidth = 1;
+          ctx.strokeRect(data.frame.x, data.frame.y + translateY + 1, data.frame.width - 2, data.frame.height - 2);
+        }
+        if (isHover && SnapShotStruct.hoverSnapShotStruct && data.startTime === SnapShotStruct.hoverSnapShotStruct?.startTime) {
+          ctx.strokeStyle = '#000';
+          ctx.lineWidth = 1;
+          ctx.strokeRect(data.frame.x, data.frame.y + translateY + 1, data.frame.width - 2, data.frame.height - 2);
+        }
       } catch (error) {
         console.error('Error loading image:', error);
       }
@@ -101,7 +131,7 @@ export class SnapShotStruct extends BaseStruct {
       SnapShotStruct.imageCache[img] = new Promise((resolve, reject) => {
         const image = new Image();
         image.onload = (): void => resolve(image);
-        image.onerror = (error): void => reject(new Error(`Failed to load image: ${img},${error}`)); 
+        image.onerror = (error): void => reject(new Error(`Failed to load image: ${img},${error}`));
         image.src = img;
       });
     }
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerAppDetail.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerAppDetail.ts
index d3caffef3bb1d3fa5b54f48bc8a7a1c34b23838a..1fec4b088e402ae1dcd67d42f2de32fd4dd83db1 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerAppDetail.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerAppDetail.ts
@@ -288,7 +288,7 @@ export class XpowerAppDetailStruct extends BaseStruct {
     let frameWidth = endPointX - startPointX <= 1 ? 1 : endPointX - startPointX;
     let histogramColor = ColorUtils.colorForTid(type);
     req!.context.fillStyle = histogramColor;
-    let dataHeight: number = Math.floor(((itemValue || 0) * (this.rowHeight - 40)) / XpowerAppDetailStruct.maxEnergy);
+    let dataHeight: number = Math.floor(((itemValue || 0) * (this.rowHeight - 52)) / XpowerAppDetailStruct.maxEnergy);
     if (itemValue !== 0 && dataHeight < 15) {
       dataHeight = 15;
     }
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreq.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreq.ts
index 8f611fed85fd8bf4db4293afd2b9a393b29ab5de..ff4f08de503ff237c4495a9162a3da271ba5a794 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreq.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreq.ts
@@ -39,10 +39,31 @@ export class XpowerGpuFreqRender extends Render {
       // @ts-ignore
       (item) => checkedType[checkedValue?.indexOf(item.frequency.toString())]
     );
+    // 根据startNS分组
+    const groupedData = new Map();
+    xpowerGpuFreqList.forEach((item) => {
+      if(!groupedData.has(item.startNS)){
+        groupedData.set(item.startNS,[]);
+      }
+      groupedData.get(item.startNS).push(item);
+    });
+    // 对直方图每个组内数据进行排序
+    const sortedData: any = [];
+    groupedData.forEach(group => {
+      group.sort((a:any,b:any) => a.frequency - b.frequency);
+      sortedData.push(...group);
+    });
+    // 对鼠标悬浮框每个组内数据排序
+    const tooltipData: any = [];
+    groupedData.forEach(group => {
+      group.sort((a:any,b:any) => b.frequency - a.frequency);
+      tooltipData.push(...group);
+    });
+    xpowerGpuFreqList = sortedData;
     let xpowerMap = new Map<number, XpowerGpuFreqStruct[]>();
     setGroupByTime(xpowerMap, xpowerGpuFreqList);
     XpowerGpuFreqStruct.xpowerMap = xpowerMap;
-    setDataFrameAndHoverHtml(xpowerGpuFreqList, row);
+    setDataFrameAndHoverHtml(tooltipData, row);
     drawLoadingFrame(xpowerStasticReq.context, xpowerGpuFreqList, row);
     setMaxEnergyInfo(xpowerStasticReq.context, xpowerMap);
 
@@ -287,7 +308,7 @@ export class XpowerGpuFreqStruct extends BaseStruct {
     let histogramColor = this.colorMap.get(data.frequency)!;
     req!.context.fillStyle = histogramColor;
     let drawStartY = 0;
-    let dataHeight: number = ((data.runTime || 0) * (this.rowHeight - 28)) / XpowerGpuFreqStruct.max;
+    let dataHeight: number = ((data.runTime || 0) * (this.rowHeight - 40)) / XpowerGpuFreqStruct.max;
 
     if (data.runTime !== 0 && dataHeight < 1) {
       dataHeight = 1;
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreqCount.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreqCount.ts
index 57d64bfc741a9dc0fa1508712d7b6526e4438e79..5365ffd664b80651851be7ef02b2b57812cf5b29 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreqCount.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerGpuFreqCount.ts
@@ -68,6 +68,19 @@ export class XpowerGpuFreqCountRender extends Render {
   }
 }
 
+export function XpowerGpuFreqCountStructOnClick(clickRowType: string, sp: SpSystemTrace, entry?: XpowerGpuFreqCountStruct): Promise<unknown> { 
+  return new Promise((resolve, reject) => {
+    if (clickRowType === TraceRow.ROW_TYPE_XPOWER_GPU_COUNT && (XpowerGpuFreqCountStruct.hoverXpowerStruct || entry)) {
+      XpowerGpuFreqCountStruct.selectXpowerStruct = entry || XpowerGpuFreqCountStruct.hoverXpowerStruct;
+      sp.traceSheetEL?.displayXpowerGpuFreqCountData(XpowerGpuFreqCountStruct.selectXpowerStruct!);
+      sp.timerShaftEL?.modifyFlagList(undefined);
+      reject(new Error());
+    } else {
+      resolve(null);
+    }
+  });
+}
+
 export class XpowerGpuFreqCountStruct extends BaseStruct {
   static maxValue: number = 0;
   static hoverXpowerStruct: XpowerGpuFreqCountStruct | undefined;
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerStatistic.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerStatistic.ts
index 873ea36de16754233881152967d6c0a94997234e..edc95d1abf9bc59fef74ff5c7877d6be165615d8 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerStatistic.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerStatistic.ts
@@ -370,7 +370,7 @@ export class XpowerStatisticStruct extends BaseStruct {
     let frameWidth = endPointX - startPointX <= 1 ? 1 : endPointX - startPointX;
     let histogramColor = ColorUtils.colorForTid(type);
     req!.context.fillStyle = histogramColor;
-    let dataHeight: number = Math.floor(((itemValue || 0) * (this.rowHeight - 40)) / XpowerStatisticStruct.maxEnergy);
+    let dataHeight: number = Math.floor(((itemValue || 0) * (this.rowHeight - 52)) / XpowerStatisticStruct.maxEnergy);
     if (itemValue !== 0 && dataHeight < 15) {
       dataHeight = 15;
     }
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadCount.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadCount.ts
index 02a3dd53cc5bf9b7317dde8a914cf1f2d314a242..22c51be5c546d2fcf5da919fd84bfb8b71beb595 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadCount.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadCount.ts
@@ -16,6 +16,7 @@
 import { BaseStruct, dataFilterHandler, drawLoadingFrame, isFrameContainPoint, Render } from './ProcedureWorkerCommon';
 import { TraceRow } from '../../component/trace/base/TraceRow';
 import { ColorUtils } from '../../component/trace/base/ColorUtils';
+import { SpSystemTrace } from '../../component/SpSystemTrace';
 
 export class XpowerThreadCountRender extends Render {
   renderMainThread(
@@ -67,6 +68,19 @@ export class XpowerThreadCountRender extends Render {
   }
 }
 
+export function XpowerThreadCountStructOnClick(clickRowType: string, sp: SpSystemTrace, entry?: XpowerThreadCountStruct): Promise<unknown> { 
+  return new Promise((resolve, reject) => {
+    if (clickRowType === TraceRow.ROW_TYPE_XPOWER_THREAD_COUNT && (XpowerThreadCountStruct.hoverXpowerStruct || entry)) {
+      XpowerThreadCountStruct.selectXpowerStruct = entry || XpowerThreadCountStruct.hoverXpowerStruct;
+      sp.traceSheetEL?.displayXpowerTreadCountData(XpowerThreadCountStruct.selectXpowerStruct!);
+      sp.timerShaftEL?.modifyFlagList(undefined);
+      reject(new Error());
+    } else {
+      resolve(null);
+    }
+  });
+}
+
 export class XpowerThreadCountStruct extends BaseStruct {
   static maxValue: number = 0;
   static hoverXpowerStruct: XpowerThreadCountStruct | undefined;
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadInfo.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadInfo.ts
index a299657048483fe8e06b92cf5774835361247a02..38d8495ea1c5e35006de1a960f85c776b55a3319 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadInfo.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerThreadInfo.ts
@@ -264,7 +264,7 @@ export class XpowerThreadInfoStruct extends BaseStruct {
     let histogramColor = ColorUtils.colorForTid(data.threadNameId);
     req!.context.fillStyle = histogramColor;
     let drawStartY = 0;
-    let dataHeight: number = ((data.value || 0) * (this.rowHeight - 28)) / maxValue;
+    let dataHeight: number = ((data.value || 0) * (this.rowHeight - 40)) / maxValue;
     if (data.value !== 0 && dataHeight < 1) {
       dataHeight = 1;
     }
diff --git a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerWifi.ts b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerWifi.ts
index 1d29c37529bee1e4f51744a3033506fc2a001836..dc12fd7ff38e6ea4de268ca15b6c4bd8087f2c97 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerWifi.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerXpowerWifi.ts
@@ -247,7 +247,7 @@ export class XpowerWifiStruct extends BaseStruct {
     let frameWidth = endPointX - startPointX <= 1 ? 1 : endPointX - startPointX;
     let histogramColor = type === 'tx' ? ColorUtils.colorForTid(0) : ColorUtils.colorForTid(10);
     req!.context.fillStyle = histogramColor;
-    let dataHeight: number = Math.floor(((itemValue || 0) * (this.rowHeight - 40)) / XpowerWifiStruct.max);
+    let dataHeight: number = Math.floor(((itemValue || 0) * (this.rowHeight - 52)) / XpowerWifiStruct.max);
     if (itemValue !== 0 && dataHeight < 10) {
       dataHeight = 10;
     }
diff --git a/ide/src/trace/database/ui-worker/hiperf/ProcedureWorkerHiPerfProcess2.ts b/ide/src/trace/database/ui-worker/hiperf/ProcedureWorkerHiPerfProcess2.ts
index 25ac717dafa06aebf3c56aa4067dfe2c94734d33..f58d70c293dc4b99645b7c08918b3dcd60df07d4 100644
--- a/ide/src/trace/database/ui-worker/hiperf/ProcedureWorkerHiPerfProcess2.ts
+++ b/ide/src/trace/database/ui-worker/hiperf/ProcedureWorkerHiPerfProcess2.ts
@@ -39,7 +39,7 @@ export class HiperfProcessRender2 extends PerfRender {
     let offset = groupBy10MS ? 0 : 3;
     let find = false;
     for (let it of hiperfProcessFilter) {
-      HiPerfProcessStruct.draw(ctx, normalPath, specPath, it, groupBy10MS, textMetrics);
+      HiPerfProcessStruct.draw(ctx, normalPath, specPath, it, groupBy10MS, textMetrics,row);
       if (row.isHover) {
         if (it.frame && row.hoverX >= it.frame.x - offset && row.hoverX <= it.frame.x + it.frame.width + offset) {
           HiPerfProcessStruct.hoverStruct = it;
diff --git a/ide/src/trace/enums/helpDocEnums.ts b/ide/src/trace/enums/helpDocEnums.ts
index f7f67d4a3bd1290b63c6c26c8b0cb9336192b721..7f24ed68191a215605f0c301c6982f00b0269df9 100644
--- a/ide/src/trace/enums/helpDocEnums.ts
+++ b/ide/src/trace/enums/helpDocEnums.ts
@@ -41,6 +41,7 @@ const events = {
   XPOWER_EVENT: 'xpower',
   EXTEND_EVENT: 'extensions',
   FFRT_EVENT: 'ffrt',
+  LIMIT_EVENT: 'limit',
   TRACE_STREAMER_EXPLAIN_EVENT: 'trace_streamer_explain',
 };
 
@@ -191,9 +192,14 @@ export const eventDefinitions: { [key: string]: EventDefinition } = {
     name: 'quickstart_ffrt',
     index: 28,
   },
+  quickstart_limit: {
+    event: events.LIMIT_EVENT,
+    name: 'quickstart_limit',
+    index: 29,
+  },
   des_tables: {
     event: events.TRACE_STREAMER_EXPLAIN_EVENT,
     name: 'des_tables',
-    index: 29,
+    index: 30,
   },
 };
diff --git a/ide/src/webSocket/Constants.ts b/ide/src/webSocket/Constants.ts
index c44949c0856bd32f0a7f4e1d3428c097ff950abe..491dd660e6e34d9fddfeea1005c6f2fb9205f7e3 100644
--- a/ide/src/webSocket/Constants.ts
+++ b/ide/src/webSocket/Constants.ts
@@ -27,6 +27,7 @@ export class Constants {
     static DISASSEMBLY_SAVE_BACK_CMD = 2;
     static DISASSEMBLY_QUERY_CMD = 3;
     static DISASSEMBLY_QUERY_BACK_CMD = 4;
+    static DISASSEMBLY_QUERY_ELF_CMD = 5;
 }
 
 export class TypeConstants {
diff --git a/ide/src/webSocket/WebSocketManager.ts b/ide/src/webSocket/WebSocketManager.ts
index c01c5a4fef46de9bdd0882e4b5e5d153eea81688..0d11236f27b971de3b03f4801886581aca57f75c 100644
--- a/ide/src/webSocket/WebSocketManager.ts
+++ b/ide/src/webSocket/WebSocketManager.ts
@@ -41,6 +41,7 @@ export class WebSocketManager {
     private status: string = GetStatuses.UNCONNECTED;
     private cacheInfo: Map<number, unknown> = new Map<number, unknown>();
     private reconnect: number = -1;
+    private connectStatus: HTMLElement | null | undefined;
 
     constructor() {
         if (WebSocketManager.instance) {
@@ -52,8 +53,12 @@ export class WebSocketManager {
     }
     //连接WebSocket
     connectWebSocket(): void {
+        // @ts-ignore
+        this.connectStatus = document.querySelector("body > sp-application").shadowRoot.querySelector("#main-menu").shadowRoot.querySelector("div.bottom > div.extend_connect");
         this.websocket = new WebSocket(this.url);
         this.websocket.binaryType = 'arraybuffer';
+        // @ts-ignore
+        setInterval(this.checkConnectionStatus(this.websocke), 5000);
         this.websocket.onopen = (): void => {
             this.status = GetStatuses.CONNECTED;
             // 设置心跳定时器
@@ -77,6 +82,7 @@ export class WebSocketManager {
         };
 
         this.websocket.onclose = (event): void => {
+            this.checkConnectionStatus(this.websocket);
             this.status = GetStatuses.UNCONNECTED;
             this.finalStatus();
             //初始化标志位
@@ -85,6 +91,20 @@ export class WebSocketManager {
         };
     }
 
+    /**
+     * 实时监听websockets连接状态
+     */
+    checkConnectionStatus(websocket: WebSocket | null | undefined) {
+        // @ts-ignore
+        if (websocket?.readyState === websocket?.OPEN) {
+            // @ts-ignore
+            this.connectStatus?.style.backgroundColor = 'green';
+        } else {
+            // @ts-ignore
+            this.connectStatus?.style.backgroundColor = 'red';
+        }
+    }
+
     /**
      * 接收webSocket返回的buffer数据
      * 分别处理登录、其他业务的数据
@@ -96,6 +116,8 @@ export class WebSocketManager {
         } else if (decode.type === TypeConstants.UPDATE_TYPE) {// 升级
             this.updateMessage(decode);
         } else {// type其他
+            // @ts-ignore
+            this.connectStatus?.style.backgroundColor = 'green';
             this.businessMessage(decode);
         }
     }
@@ -106,6 +128,8 @@ export class WebSocketManager {
             this.status = GetStatuses.LOGINED;
             this.sessionId = decode.session_id;
             this.session = decode.session;
+            // @ts-ignore
+            this.connectStatus?.style.backgroundColor = 'green';
             //检查版本
             this.getVersion();
         } else if (decode.cmd === Constants.SESSION_EXCEED) { // session满了
@@ -118,7 +142,7 @@ export class WebSocketManager {
     updateMessage(decode: MessageParam): void {
         if (decode.cmd === Constants.GET_VERSION_CMD) {
             // 小于则升级
-            let targetVersion = '1.0.8';
+            let targetVersion = '1.1.1';
             let currentVersion = new TextDecoder().decode(decode.data);
             let result = this.compareVersion(currentVersion, targetVersion);
             if (result === -1) {
@@ -139,7 +163,7 @@ export class WebSocketManager {
 
     // 业务
     businessMessage(decode: MessageParam): void {
-        if (this.distributeMap.has(decode.type!)){
+        if (this.distributeMap.has(decode.type!)) {
             const callbackObj = this.distributeMap.get(decode.type!)!;
             // 遍历调用所有 eventCallBacks
             callbackObj.messageCallbacks.forEach(callback => {
@@ -212,20 +236,7 @@ export class WebSocketManager {
      * listener是不同模块传来接收数据的函数
      * 模块调用
     */
-    registerMessageListener(type: number, callback: Function, eventCallBack: Function): void {
-        this.register(type, callback, eventCallBack);
-    }
-
-    /**
-     * 消息监听器
-     * listener是不同模块传来接收数据的函数
-     * 模块调用
-     */
-    registerCallback(type: number, callback: Function): void {
-        this.register(type, callback);
-    }
-
-    private register(type: number, callback: Function, eventCallBack: Function = () => {}): void {
+registerMessageListener(type: number, callback: Function, eventCallBack: Function, allowMultipleCallback: boolean = false): void {
         let callbackObj = this.distributeMap.get(type);
         if (!callbackObj) {
             callbackObj = {
@@ -234,7 +245,7 @@ export class WebSocketManager {
             };
             this.distributeMap.set(type, callbackObj);
         } else {
-            if (!callbackObj.messageCallbacks.includes(callback)) {
+            if (allowMultipleCallback) {
                 callbackObj.messageCallbacks.push(callback);
             }
             callbackObj.eventCallBack = eventCallBack;
@@ -344,10 +355,14 @@ export class WebSocketManager {
     finalStatus(): void {
         if (this.reconnect !== -1) {
             if (this.status === GetStatuses.READY) {
+                // @ts-ignore
+                this.connectStatus?.style.backgroundColor = 'green';
                 // @ts-ignore
                 this.sendMessage(this.reconnect, this.cacheInfo.get(this.reconnect)!.cmd, this.cacheInfo.get(this.reconnect)!.data);
                 return;
             }
+            // @ts-ignore
+            this.connectStatus?.style.backgroundColor = 'red';
             this.distributeMap.get(this.reconnect)!.eventCallBack(this.status);
         }
         this.reconnect = -1;
diff --git a/trace_streamer/pare_third_party.sh b/trace_streamer/pare_third_party.sh
index ba77f89a7dcf4b5ef96548c09fb27de63914cc55..498c209f454033585fa2b4e2e01b524d1029fc76 100755
--- a/trace_streamer/pare_third_party.sh
+++ b/trace_streamer/pare_third_party.sh
@@ -30,17 +30,23 @@ cd third_party
 
 if [ ! -f "sqlite/BUILD.gn" ];then
     rm -rf sqlite
-    git clone --depth=1 git@gitee.com:openharmony/third_party_sqlite.git
+    git clone  git@gitee.com:openharmony/third_party_sqlite.git
     if [ -d "third_party_sqlite" ];then
         mv third_party_sqlite sqlite
+        cd sqlite
+        git reset --hard d21e412dbc6f2cdde2e4c9828e2450fcfca4fbe9
+        cd ..
         $cp ../prebuilts/patch_sqlite/sqlite3build.gn ../third_party/sqlite/BUILD.gn
     fi
 fi
 if [ ! -f "protobuf/BUILD.gn" ];then
     rm -rf protobuf
-    git clone --depth=1 git@gitee.com:openharmony/third_party_protobuf.git
+    git clone  git@gitee.com:openharmony/third_party_protobuf.git
     if [ -d "third_party_protobuf" ];then
         mv third_party_protobuf protobuf
+        cd protobuf
+        git reset --hard aceafed4cf26d7a6be8169ae887cc13b749d5515
+        cd ..
         $cp ../prebuilts/patch_protobuf/protobufbuild.gn ../third_party/protobuf/BUILD.gn
     fi
 fi
diff --git a/trace_streamer/src/base/codec_cov.cpp b/trace_streamer/src/base/codec_cov.cpp
index d23c62a439fa18b4021f68e55cf28f4393cc96cf..71d96e08907c8651a929567c4a7e66cbb81c80e7 100644
--- a/trace_streamer/src/base/codec_cov.cpp
+++ b/trace_streamer/src/base/codec_cov.cpp
@@ -152,7 +152,6 @@ std::wstring String2WString(const std::string &strInput)
 
     // 数据格式转换
     int to_result = MultiByteToWideChar(codePage, 0, (LPCSTR)strInput.c_str(), -1, (LPWSTR)wstr_out.c_str(), len_in);
-
     // 判断转换结果
     if (0 == to_result) {
         std::cout << "Can't transfer String to WString" << std::endl;
diff --git a/trace_streamer/src/filter/frame_filter.cpp b/trace_streamer/src/filter/frame_filter.cpp
index 23e6fd0b49c2ff930af7a85b10ec82351e2cf203..751216890724a47088a75702fffc98cc5528a4e0 100644
--- a/trace_streamer/src/filter/frame_filter.cpp
+++ b/trace_streamer/src/filter/frame_filter.cpp
@@ -13,6 +13,7 @@
  * limitations under the License.
  */
 #include "frame_filter.h"
+#include <cstdint>
 #include <memory>
 #include <cinttypes>
 #include "process_filter.h"
@@ -31,6 +32,15 @@ void FrameFilter::BeginVsyncEvent(const BytraceLine &line,
                                   uint32_t callStackSliceId)
 {
     auto frame = std::make_shared<FrameSlice>();
+    frame->nowId_ = expectStart;
+    if (traceType_ == TRACE_FILETYPE_H_TRACE) {
+        if (expectStart != INVALID_UINT64) {
+            expectStart = streamFilters_->clockFilter_->ToPrimaryTraceTime(TS_MONOTONIC, expectStart);
+        }
+        if (expectEnd != INVALID_UINT64) {
+            expectEnd = streamFilters_->clockFilter_->ToPrimaryTraceTime(TS_MONOTONIC, expectEnd);
+        }
+    }
     frame->startTs_ = line.ts;
     frame->callStackSliceId_ = callStackSliceId;
     frame->expectedStartTs_ = expectStart;
@@ -72,7 +82,7 @@ void FrameFilter::BeginUVTraceEvent(const BytraceLine &line, uint32_t callStackS
     }
 }
 
-bool FrameFilter::UpdateVsyncId(const BytraceLine &line, uint32_t vsyncId)
+bool FrameFilter::UpdateVsyncId(const BytraceLine &line, uint32_t vsyncId, uint64_t timeId)
 {
     // only app no main thread needs to update
     auto itid = streamFilters_->processFilter_->GetInternalTid(line.pid);
@@ -89,6 +99,7 @@ bool FrameFilter::UpdateVsyncId(const BytraceLine &line, uint32_t vsyncId)
     }
     auto lastFrame = it->second.back();
     lastFrame->vsyncId_ = vsyncId;
+    lastFrame->nowId_ = timeId;
     traceDataCache_->GetFrameSliceData()->SetVsync(lastFrame->frameSliceRow_, vsyncId);
     auto mainItid = streamFilters_->processFilter_->GetInternalTid(mainThreadId);
     lastFrame->expectedEndTs_ = traceDataCache_->GetFrameSliceData()->GetExpectEndByItidAndVsyncId(mainItid, vsyncId);
@@ -111,7 +122,10 @@ bool FrameFilter::MarkRSOnDoCompositionEvent(uint32_t itid)
     return true;
 }
 // for app
-bool FrameFilter::BeginRSTransactionData(uint32_t currentThreadId, uint32_t frameNum, uint32_t mainThreadId)
+bool FrameFilter::BeginRSTransactionData(uint32_t currentThreadId,
+                                         uint32_t frameNum,
+                                         uint32_t mainThreadId,
+                                         uint64_t timeId)
 {
     auto frame = vsyncRenderSlice_.find(currentThreadId);
     if (frame == vsyncRenderSlice_.end()) {
@@ -122,12 +136,36 @@ bool FrameFilter::BeginRSTransactionData(uint32_t currentThreadId, uint32_t fram
         TS_LOGD("BeginRSTransactionData find for itid:%u failed", currentThreadId);
         return false;
     }
-    frame->second.begin()->get()->frameNum_ = frameNum;
+    std::shared_ptr<FrameSlice> frameSlice = nullptr;
+    if (timeId != INVALID_UINT64) {
+        for (auto it = frame->second.begin(); it != frame->second.end();) {
+            if (it->get()->nowId_ == timeId) {
+                frameSlice = *it;
+                frameSlice->frameNum_ = frameNum;
+                if (frameSlice->isEnd_) {
+                    it = frame->second.erase(it);
+                }
+                break;
+            } else {
+                ++it;
+            }
+        }
+    } else {
+        frameSlice = frame->second.back();
+        if (frameSlice->isEnd_) {
+            return false;
+        }
+        frameSlice->frameNum_ = frameNum;
+    }
+    if (frameSlice == nullptr) {
+        TS_LOGW("No matching frame found,frameNum is:%u", frameNum);
+        return false;
+    }
     if (!dstRenderSlice_.count(mainThreadId)) {
         std::unordered_map<uint32_t /* frameNum */, std::shared_ptr<FrameSlice>> frameMap;
         dstRenderSlice_.emplace(std::make_pair(mainThreadId, std::move(frameMap)));
     }
-    dstRenderSlice_[mainThreadId][frameNum] = frame->second[0];
+    dstRenderSlice_[mainThreadId][frameNum] = frameSlice;
     return true;
 }
 // for RS
@@ -199,19 +237,16 @@ bool FrameFilter::EndVsyncEvent(uint64_t ts, uint32_t itid)
             frame->second.pop_back();
         }
     } else { // for app
+        if (lastFrameSlice->isEnd_) {
+            return false;
+        }
         traceDataCache_->GetFrameSliceData()->SetEndTimeAndFlag(lastFrameSlice->frameSliceRow_, ts,
                                                                 lastFrameSlice->expectedEndTs_);
-        if (lastFrameSlice->frameNum_ == INVALID_UINT32) {
-            // if app's frame num not received
-            traceDataCache_->GetFrameSliceData()->Erase(lastFrameSlice->frameSliceRow_);
-            if (lastFrameSlice->frameExpectedSliceRow_ != INVALID_UINT64) {
-                traceDataCache_->GetFrameSliceData()->Erase(lastFrameSlice->frameExpectedSliceRow_);
-            }
+        if (lastFrameSlice->frameNum_ != INVALID_UINT32) {
             frame->second.pop_back();
-            return false;
         }
+        lastFrameSlice->isEnd_ = true;
         lastFrameSlice->endTs_ = ts;
-        frame->second.pop_back();
     }
     return true;
 }
@@ -307,8 +342,25 @@ bool FrameFilter::UpdateFrameSliceReadySize()
     }
     return true;
 }
+
+void FrameFilter::SetTraceType(TraceFileType traceType)
+{
+    traceType_ = traceType;
+}
+
 void FrameFilter::Clear()
 {
+    for (auto &pair : vsyncRenderSlice_) {
+        for (auto &frameSlice : pair.second) {
+            if (frameSlice->isRsMainThread_) {
+                break;
+            }
+            traceDataCache_->GetFrameSliceData()->Erase(frameSlice->frameSliceRow_);
+            if (frameSlice->frameExpectedSliceRow_ != INVALID_UINT64) {
+                traceDataCache_->GetFrameSliceData()->Erase(frameSlice->frameExpectedSliceRow_);
+            }
+        }
+    }
     traceDataCache_->GetFrameSliceData()->UpdateDepth();
     vsyncRenderSlice_.clear();
     dstRenderSlice_.clear();
diff --git a/trace_streamer/src/filter/frame_filter.h b/trace_streamer/src/filter/frame_filter.h
index df690581ae045c8ad3b40308855ee16290a3c20a..3f259ab2c67db2637cf908e2e1911a91cf948355 100644
--- a/trace_streamer/src/filter/frame_filter.h
+++ b/trace_streamer/src/filter/frame_filter.h
@@ -19,6 +19,7 @@
 #include "common_types.h"
 #include "double_map.h"
 #include "filter_base.h"
+#include "clock_filter_ex.h"
 #include "trace_data_cache.h"
 #include "trace_streamer_filters.h"
 namespace SysTuning {
@@ -33,7 +34,10 @@ public:
                          uint32_t vsyncId,
                          uint32_t callStackSliceId);
     bool MarkRSOnDoCompositionEvent(uint32_t itid);
-    bool BeginRSTransactionData(uint32_t currentThreadId, uint32_t frameNum, uint32_t mainThreadId);
+    bool BeginRSTransactionData(uint32_t currentThreadId,
+                                uint32_t frameNum,
+                                uint32_t mainThreadId,
+                                uint64_t timeId = INVALID_UINT64);
     typedef struct {
         uint32_t sourceItid;
         uint32_t frameNum;
@@ -42,9 +46,10 @@ public:
     bool EndVsyncEvent(uint64_t ts, uint32_t itid);
     bool StartFrameQueue(uint64_t ts, uint32_t itid);
     bool EndFrameQueue(uint64_t ts, uint32_t itid);
-    bool UpdateVsyncId(const BytraceLine &line, uint32_t vsyncId);
+    bool UpdateVsyncId(const BytraceLine &line, uint32_t vsyncId, uint64_t timeId);
     void BeginUVTraceEvent(const BytraceLine &line, uint32_t callStackSliceId);
     void Clear();
+    void SetTraceType(TraceFileType traceType);
     void UpdateReadySize()
     {
         UpdateFrameSliceReadySize();
@@ -82,10 +87,13 @@ private:
         uint64_t dstFrameSliceId_ = INVALID_UINT64;
         uint64_t dstExpectedFrameSliceId_ = INVALID_UINT64;
         bool isUVTrace_ = false;
+        bool isEnd_ = false;
+        uint64_t nowId_ = INVALID_UINT64;
     };
     std::unordered_map<uint32_t /* tid */, std::vector<std::shared_ptr<FrameSlice>>> vsyncRenderSlice_ = {};
     std::unordered_map<uint32_t /* tid */, std::unordered_map<uint32_t /* frameNum */, std::shared_ptr<FrameSlice>>>
         dstRenderSlice_ = {};
+    TraceFileType traceType_ = TRACE_FILETYPE_H_TRACE;
 };
 } // namespace TraceStreamer
 } // namespace SysTuning
diff --git a/trace_streamer/src/filter/hook_filter/native_hook_filter.cpp b/trace_streamer/src/filter/hook_filter/native_hook_filter.cpp
index d8f8e9bba10ae0a34be3d31be7c50ec31cadbd09..8426e70e8ecfcddf68da62415cac450c801a6f8d 100644
--- a/trace_streamer/src/filter/hook_filter/native_hook_filter.cpp
+++ b/trace_streamer/src/filter/hook_filter/native_hook_filter.cpp
@@ -347,7 +347,7 @@ void NativeHookFilter::ParseFreeEvent(uint64_t timeStamp, const ProtoReader::Byt
     if (addrToAllocEventRow_->count(freeEventReader.addr())) {
         row = addrToAllocEventRow_->at(freeEventReader.addr());
     }
-    if (row != INVALID_UINT64 && timeStamp > traceDataCache_->GetNativeHookData()->TimeStampData()[row]) {
+    if (row != INVALID_UINT64 && timeStamp >= traceDataCache_->GetNativeHookData()->TimeStampData()[row]) {
         addrToAllocEventRow_->erase(freeEventReader.addr());
         traceDataCache_->GetNativeHookData()->UpdateEndTimeStampAndDuration(row, timeStamp);
         freeHeapSize = traceDataCache_->GetNativeHookData()->MemSizes()[row];
diff --git a/trace_streamer/src/parser/pbreader_parser/pbreader_parser.cpp b/trace_streamer/src/parser/pbreader_parser/pbreader_parser.cpp
index 995ace0cf97c028c03e316690869b35722f6553c..40cf80b1b276b7bc659a29a1a5c6bb54842e4ef5 100644
--- a/trace_streamer/src/parser/pbreader_parser/pbreader_parser.cpp
+++ b/trace_streamer/src/parser/pbreader_parser/pbreader_parser.cpp
@@ -1210,10 +1210,22 @@ void PbreaderParser::GetTraceidInfoFromCallstack(
     std::string invalidTraceidStr("0x0");
     for (int i = 0; i < callStack.Size(); i++) {
         auto name = traceDataCache_->GetDataFromDict(callStack.NamesData()[i]);
-        if (!StartWith(name, "H:Napi execute, name:") || callStack.DursData()[i] == INVALID_UINT64) {
+        if (!StartWith(name, "H:Native async work execute callback") || callStack.DursData()[i] == INVALID_UINT64) {
             continue;
         }
-        auto traceidStr = name.substr(name.find(preWord) + preWord.size());
+        auto preWordPos = name.find(preWord);
+        if (preWordPos == std::string::npos) {
+            continue;
+        }
+        auto beginPos = preWordPos + preWord.size();
+        if (beginPos + 1 >= name.size()) {
+            continue;
+        }
+        auto endPos = name.find_first_of('|', beginPos + 1);
+        if (endPos == std::string::npos) {
+            continue;
+        }
+        auto traceidStr = name.substr(beginPos, endPos - beginPos);
         if (traceidStr == invalidTraceidStr) {
             continue;
         }
diff --git a/trace_streamer/src/parser/print_event_parser.cpp b/trace_streamer/src/parser/print_event_parser.cpp
index f6b9f118291bbebf00e901536bcaaf6d884a01d8..e98e6ffa4c2ec75207b734c247ae0ca0709c6698 100644
--- a/trace_streamer/src/parser/print_event_parser.cpp
+++ b/trace_streamer/src/parser/print_event_parser.cpp
@@ -187,7 +187,7 @@ bool PrintEventParser::HandleAnimationBeginEvent(const TracePoint &point, size_t
 }
 void PrintEventParser::SetTraceType(TraceFileType traceType)
 {
-    traceType_ = traceType;
+    streamFilters_->frameFilter_->SetTraceType(traceType);
 }
 void PrintEventParser::SetTraceClockId(BuiltinClocks clock)
 {
@@ -323,14 +323,6 @@ bool PrintEventParser::ReciveVsync(size_t callStackRow, std::string &args, const
         TS_LOGE("Now,expectedEnd or vsyncId should not be 0!");
         return false;
     }
-    if (convertVsyncTs_ && traceType_ == TRACE_FILETYPE_H_TRACE) {
-        if (now != INVALID_UINT64) {
-            now = streamFilters_->clockFilter_->ToPrimaryTraceTime(TS_MONOTONIC, now);
-        }
-        if (expectEnd != INVALID_UINT64) {
-            expectEnd = streamFilters_->clockFilter_->ToPrimaryTraceTime(TS_MONOTONIC, expectEnd);
-        }
-    }
     streamFilters_->frameFilter_->BeginVsyncEvent(line, now, expectEnd, vsyncId, callStackRow);
     auto iTid = streamFilters_->processFilter_->GetInternalTid(line.pid);
     if (vsyncSliceMap_.count(iTid)) {
@@ -361,12 +353,16 @@ bool PrintEventParser::DealUIVsyncTaskEvent(DataIndex eventName, const BytraceLi
     auto eventNameStr = traceDataCache_->GetDataFromDict(eventName);
     std::sregex_iterator it(eventNameStr.begin(), eventNameStr.end(), uiVsyncTaskPattern_);
     std::sregex_iterator end;
+    uint64_t timeId = 0;
     while (it != end) {
         std::smatch match = *it;
         std::string key = match.str(1);
         std::string value = match.str(2);
+        if (key == "timestamp") {
+            timeId = base::StrToInt<uint64_t>(value).value();
+        }
         if (key == "vsyncID") {
-            (void)streamFilters_->frameFilter_->UpdateVsyncId(line, base::StrToInt<uint32_t>(value).value());
+            (void)streamFilters_->frameFilter_->UpdateVsyncId(line, base::StrToInt<uint32_t>(value).value(), timeId);
             return true;
         }
         ++it;
@@ -409,6 +405,19 @@ bool PrintEventParser::OnRwTransaction(size_t callStackRow, std::string &args, c
         return streamFilters_->frameFilter_->BeginRSTransactionData(
             currentThreadId, base::StrToInt<uint32_t>(flag2).value(), mainThreadId);
     }
+    if (std::regex_search(args, match, newTransFlagPattern_)) {
+        std::string mainTheadId = match.str(1);
+        std::string currentThread = match.str(2);
+        std::string flag2 = match.str(3);
+        std::string timeFlag = match.str(4);
+        auto mainThreadId =
+            streamFilters_->processFilter_->GetInternalTid(base::StrToInt<uint32_t>(mainTheadId).value());
+        auto currentThreadId =
+            streamFilters_->processFilter_->GetInternalTid(base::StrToInt<uint32_t>(currentThread).value());
+        auto timeId = base::StrToInt<uint64_t>(timeFlag).value();
+        return streamFilters_->frameFilter_->BeginRSTransactionData(
+            currentThreadId, base::StrToInt<uint32_t>(flag2).value(), mainThreadId, timeId);
+    }
     return true;
 }
 bool PrintEventParser::OnMainThreadProcessCmd(size_t callStackRow, std::string &args, const BytraceLine &line)
diff --git a/trace_streamer/src/parser/print_event_parser.h b/trace_streamer/src/parser/print_event_parser.h
index 90c2ec1096a30aec1cb5eed94a1474d1ad349ee5..a8238f1dada539cd856accc95f0a10d6c6a9036b 100644
--- a/trace_streamer/src/parser/print_event_parser.h
+++ b/trace_streamer/src/parser/print_event_parser.h
@@ -99,7 +99,9 @@ private:
     const DataIndex rsMainThreadProcessCmd_ = traceDataCache_->GetDataIndex("H:RSMainThread::ProcessCommandUni");
     const std::regex recvVsyncPattern_ = std::regex(R"((\w+):\s*(\w+))");
     const std::regex uiVsyncTaskPattern_ = std::regex("\\[(\\w+):(\\d+)\\]");
-    const std::regex transFlagPattern_ = std::regex("transactionFlag:\\[(\\d+),(\\d+)\\]");
+    const std::regex transFlagPattern_ = std::regex(R"(transactionFlag:\[(\d+),(\d+)\])");
+    const std::regex newTransFlagPattern_ =
+        std::regex(R"(transactionFlag:\[(\d+),\s*(\d+),\s*(\d+)\],\s*timestamp:(\d+))");
     const std::regex mainProcessCmdPattern_ = std::regex("\\[(\\d+),(\\d+)\\]");
     const std::regex distributeMatcher_ = std::regex(R"(H:\[([a-z0-9]+),([a-z0-9]+),([a-z0-9]+)\]#([CS]?)##(.*))");
     std::vector<uint64_t> frameCallIds_ = {};
@@ -108,7 +110,6 @@ private:
     BuiltinClocks clock_ = TS_CLOCK_BOOTTIME;
     const uint32_t maxVsyncEventSize_ = 2;
     // if convert vsync's now and expectEnd
-    bool convertVsyncTs_ = true;
 };
 } // namespace TraceStreamer
 } // namespace SysTuning