add thread performance

Author: DDguan2010

src/addons/addons/debugger/style.css

@@ -36,6 +36,9 @@
   color: var(--ui-modal-foreground);
   width: 565px;
   height: 25rem;
+  min-width: 420px;
+  min-height: 220px;
+  overflow: hidden;
 }
 
 .sa-debugger-interface [class*="card_header-buttons_"] {
@@ -110,11 +113,98 @@
 
 .sa-debugger-tab-content {
   width: 100%;
-  height: 100%;
+  height: calc(100% - 48px);
   overflow: auto;
   cursor: auto;
 }
 
+.sa-debugger-resize-handle {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 16px;
+  height: 16px;
+  cursor: nwse-resize;
+  background: linear-gradient(135deg, transparent 0 50%, rgba(0, 0, 0, 0.25) 50% 60%, transparent 60% 70%, rgba(0, 0, 0, 0.25) 70% 80%, transparent 80% 100%);
+}
+
+.sa-debugger-thread-perf {
+  padding: 8px 10px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.sa-debugger-thread-perf-controls {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
+
+.sa-debugger-thread-perf-search,
+.sa-debugger-thread-perf-filter {
+  border: 1px solid var(--ui-black-transparent);
+  background: var(--ui-white);
+  color: var(--text-primary);
+  border-radius: 6px;
+  padding: 4px 8px;
+  font-size: 12px;
+}
+
+.sa-debugger-thread-perf-search {
+  min-width: 180px;
+  margin-right: auto;
+}
+
+.sa-debugger-thread-perf-clear {
+  border: 1px solid var(--ui-black-transparent);
+  background: var(--ui-white);
+  color: var(--text-primary);
+  border-radius: 6px;
+  padding: 4px 10px;
+  cursor: pointer;
+  font-size: 12px;
+}
+
+.sa-debugger-thread-perf-clear:hover {
+  background: var(--ui-black-transparent);
+}
+
+.sa-debugger-thread-perf-clear:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.sa-debugger-thread-perf-page-info {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+  color: var(--text-primary);
+}
+
+.sa-debugger-thread-perf-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12px;
+}
+
+.sa-debugger-thread-perf-table th,
+.sa-debugger-thread-perf-table td {
+  padding: 4px 6px;
+  border-bottom: 1px solid var(--ui-black-transparent);
+  text-align: left;
+  font-family: monospace;
+}
+
+.sa-debugger-thread-perf-table th {
+  font-weight: bold;
+}
+
+.sa-debugger-thread-perf-block {
+  cursor: pointer;
+}
+
 .sa-debugger-chart {
   width: 100%;
   height: 100%;