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/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_extensions.html b/ide/src/doc/quickstart_extensions.html
index 9be16c4ff4f1f29954cc269adacd29610074a7ef..2a1a5b85f64400e66dced7123e1bf0a899cfba48 100644
--- a/ide/src/doc/quickstart_extensions.html
+++ b/ide/src/doc/quickstart_extensions.html
@@ -811,7 +811,7 @@
             在hi-smart-perf-host-extend目录下，找到stop.bat文件，右键选择以管理员身份运行，即可关闭扩展服务。
         </p>
         <p class="fontColor" style="font-weight: bold">
-            备注：当前扩展服务版本为1.0.8，如果本地存在以其他方式安装的非正式版本，请手动关闭扩展服务，并重新按照该指导安装
+            备注：当前扩展服务版本为1.1.0，如果本地存在以其他方式安装的非正式版本，请手动关闭扩展服务，并重新按照该指导安装
         </p>
     </div>
 
diff --git a/ide/src/doc/quickstart_hiperf.html b/ide/src/doc/quickstart_hiperf.html
index f73ecd41bf0a912f1a5d61c299fc4d3bc46b36b5..e829a997833d35977d33e7272ee9e3f5912c0b8d 100644
--- a/ide/src/doc/quickstart_hiperf.html
+++ b/ide/src/doc/quickstart_hiperf.html
@@ -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_limit.html b/ide/src/doc/quickstart_limit.html
new file mode 100644
index 0000000000000000000000000000000000000000..9120d82589fa3bc6d8345b43fbc0126e85b9dcf2
--- /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: 68vw;
+            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_native_memory.html b/ide/src/doc/quickstart_native_memory.html
index 48948d3832d2321a8a6bed0f1bc6ae4ba6fd7810..cd0c98a138ae908f97f3f6006962a087f9445a1a 100644
--- a/ide/src/doc/quickstart_native_memory.html
+++ b/ide/src/doc/quickstart_native_memory.html
@@ -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_xpower.html b/ide/src/doc/quickstart_xpower.html
index 02a78a4377d5c51f774c50d740a778b6309620a6..09f2f97ea85e0a3927af8f697afbf94fab7f4fe2 100644
--- a/ide/src/doc/quickstart_xpower.html
+++ b/ide/src/doc/quickstart_xpower.html
@@ -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/trace/SpApplication.ts b/ide/src/trace/SpApplication.ts
index 9bdcf438abdec7e1fd42b2582e7fabc927edfc0e..6ee9782965e548aeb39a200b161fa0a9d3a563ff 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();
@@ -686,7 +708,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) {
@@ -1997,7 +2019,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 +2054,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 +2064,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 +2094,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 +2302,10 @@ export class SpApplication extends BaseElement {
             }
           });
         });
-        this.cutTraceFile!.style.display = 'none';
+        this.isClear = true;
         this.mainMenu!.menus = this.mainMenu!.menus;
+      } else {
+        this.isClear = false;
       }
     });
   }
@@ -2611,4 +2661,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/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/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..e23bb357438ff2a0e32f2a0fe658d97d276ecf2a 100644
--- a/ide/src/trace/component/SpAiAnalysisPage.ts
+++ b/ide/src/trace/component/SpAiAnalysisPage.ts
@@ -258,6 +258,8 @@ export class SpAiAnalysisPage extends BaseElement {
             if (e.key.toLocaleLowerCase() === 'control' || e.keyCode === 17) {
                 this.isCtrlDown = false;
             };
+            e.preventDefault();
+            e.stopPropagation();
         });
 
         // 下载诊断报告按钮监听
@@ -831,7 +833,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/SpHelp.ts b/ide/src/trace/component/SpHelp.ts
index 8d4fadb6390ec05ffc31dd5c8be19f6a847feef5..d3568e5b627703aa8cb61b6eecb20d47dfa1d33c 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');
   }
 
@@ -90,8 +90,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 +208,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 +267,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 +301,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 +310,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 +448,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');
       },
     };
   }
@@ -639,7 +640,9 @@ 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">
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..4b65c2acb2584c564844a6c7cfe434a79700831d 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')
@@ -194,6 +194,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 +216,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 +232,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 +420,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 +440,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 +464,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 +580,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 +590,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);//'https://wiki.huawei.com/domains/76911/wiki/125480/WIKI202501165750454'
+        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) {
@@ -659,6 +669,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 +684,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 +693,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 +733,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 +761,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 +782,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 +812,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 +897,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 +991,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 +1256,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 +1339,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 +1831,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..5bb2a356858856f512859b96700231670d4ccd1f 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');
@@ -964,16 +970,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..19af2d9c8af30b4d61666c475513a74373034cb0 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) {
diff --git a/ide/src/trace/component/SpSystemTrace.ts b/ide/src/trace/component/SpSystemTrace.ts
index f1697b7116f254d0b2af31757f73df179a937b84..26d5cee5bc2349b1f1fa2d25cb51730fe2accd4e 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;
@@ -972,6 +974,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 +1385,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 +1421,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 +1776,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 +1827,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 {
@@ -2176,6 +2198,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/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/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/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/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..5bb826d57308877ecb5e8b05d50e3b3bcb805b65 100644
--- a/ide/src/trace/component/trace/base/TraceSheet.ts
+++ b/ide/src/trace/component/trace/base/TraceSheet.ts
@@ -104,11 +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')
 export class TraceSheet extends BaseElement {
@@ -133,6 +134,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 +187,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 +285,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) => {
@@ -428,19 +432,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 +474,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 +487,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 +505,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 +544,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 +561,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 +576,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 +602,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 +613,32 @@ 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 => {
+            let  soFileList = fileList.filter(item => !item.name.includes('.an'));
+            if(soFileList.length === 0) {
+              window.publish(window.SmartEvent.UI.UploadSOFile, {});
+              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,7 +684,7 @@ 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
@@ -673,7 +703,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 +890,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/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..58872bc78d3e22171e7edb2dc5fa095064747f83 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();
@@ -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/hiperf/TabPerfFuncAsm.ts b/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.ts
index 69e30cb49e07927c68eb482283437fb01a3c8aa6..fdfbb3da861f7779a37c52f9cd347e63371881bd 100644
--- a/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.ts
+++ b/ide/src/trace/component/trace/sheet/hiperf/TabPerfFuncAsm.ts
@@ -46,14 +46,14 @@ 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.shadowRoot!.querySelector<HTMLDivElement>("#text-file-off");
     this.errorMessageElement = this.shadowRoot!.querySelector<HTMLDivElement>("#error-message");
 
     this.assmblerTable!.style.display = "grid";
@@ -79,7 +79,7 @@ export class TabPerfFuncAsm extends BaseElement {
     });
 
     this.assmblerTable!.addEventListener("column-click", ((evt: Event) => {
-      const {key, sort} = (evt as CustomEvent).detail;
+      const { key, sort } = (evt as CustomEvent).detail;
       if (key === "selfcount") {
         if (sort === 0) {
           this.assmblerTable!.recycleDataSource = this.originalShowUpData;
@@ -87,8 +87,8 @@ export class TabPerfFuncAsm extends BaseElement {
         } 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();
@@ -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);
@@ -229,7 +229,7 @@ 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);
     });
   }
 
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/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/logic-worker/ProcedureLogicWorkerPerf.ts b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
index 2f63034e2f72adebf39d074cce1a84d7ed4e90f3..203b5c9211e590ac607f08d309ab4bf1d0d4cd83 100644
--- a/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
+++ b/ide/src/trace/database/logic-worker/ProcedureLogicWorkerPerf.ts
@@ -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);
@@ -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/ProcessThread.sql.ts b/ide/src/trace/database/sql/ProcessThread.sql.ts
index 40812eabcd581095c5449614afd4951ccdc4aa81..4bc320c22a76806f052853dcbe57b5c7b327458d 100644
--- a/ide/src/trace/database/sql/ProcessThread.sql.ts
+++ b/ide/src/trace/database/sql/ProcessThread.sql.ts
@@ -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..30fe8a4639fdd6509e7427e13e6b6f377eb0f5b3 100644
--- a/ide/src/trace/database/ui-worker/ProcedureWorkerCommon.ts
+++ b/ide/src/trace/database/ui-worker/ProcedureWorkerCommon.ts
@@ -1707,9 +1707,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/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/WebSocketManager.ts b/ide/src/webSocket/WebSocketManager.ts
index c01c5a4fef46de9bdd0882e4b5e5d153eea81688..e01bce9f6522a457cfc1afe9e58a9801db4cf107 100644
--- a/ide/src/webSocket/WebSocketManager.ts
+++ b/ide/src/webSocket/WebSocketManager.ts
@@ -118,7 +118,7 @@ export class WebSocketManager {
     updateMessage(decode: MessageParam): void {
         if (decode.cmd === Constants.GET_VERSION_CMD) {
             // 小于则升级
-            let targetVersion = '1.0.8';
+            let targetVersion = '1.1.0';
             let currentVersion = new TextDecoder().decode(decode.data);
             let result = this.compareVersion(currentVersion, targetVersion);
             if (result === -1) {
@@ -212,20 +212,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 +221,7 @@ export class WebSocketManager {
             };
             this.distributeMap.set(type, callbackObj);
         } else {
-            if (!callbackObj.messageCallbacks.includes(callback)) {
+            if (allowMultipleCallback) {
                 callbackObj.messageCallbacks.push(callback);
             }
             callbackObj.eventCallBack = eventCallBack;
diff --git a/trace_streamer/pare_third_party.sh b/trace_streamer/pare_third_party.sh
index ba77f89a7dcf4b5ef96548c09fb27de63914cc55..d4944ea540a601d87f71073f0b1d3b6a13aa95dc 100755
--- a/trace_streamer/pare_third_party.sh
+++ b/trace_streamer/pare_third_party.sh
@@ -38,9 +38,12 @@ if [ ! -f "sqlite/BUILD.gn" ];then
 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/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/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