diff --git a/src/views/dashboard/panel/Tool.vue b/src/views/dashboard/panel/Tool.vue
index 2513b899..d97fdfb9 100644
--- a/src/views/dashboard/panel/Tool.vue
+++ b/src/views/dashboard/panel/Tool.vue
@@ -170,6 +170,7 @@ limitations under the License. -->
       </div>
     </div>
     <!-- Trace Details tools here -->
+    <TraceDetailsTools />
     <Filter v-if="showFilter" />
   </div>
 </template>
@@ -193,6 +194,7 @@ import { useSelectorStore } from "@/store/modules/selectors";
 import { ElMessage } from "element-plus";
 import { Option } from "@/types/app";
 import { useI18n } from "vue-i18n";
+import TraceDetailsTools from './component/TraceDetailsTools'
 
 const { t } = useI18n();
 const dashboardStore = useDashboardStore();
diff --git a/src/views/dashboard/panel/component/TraceDetailsTools.vue b/src/views/dashboard/panel/component/TraceDetailsTools.vue
index bf43b494..d5acb8d3 100644
--- a/src/views/dashboard/panel/component/TraceDetailsTools.vue
+++ b/src/views/dashboard/panel/component/TraceDetailsTools.vue
@@ -124,6 +124,7 @@
       </div>
     </div>
   </div>
+  <div class="no-data" v-else>{{ t("noData") }}</div>
 </template>
 
 <script lang="ts">
@@ -133,8 +134,6 @@ import { useI18n } from "vue-i18n";
 import { useTraceStore } from "@/store/modules/trace";
 import { Option } from "@/types/app";
 import copy from "@/utils/copy";
-import List from "./components/List.vue";
-import graphs from "./components/index";
 import LogTable from "@/views/dashboard/related/components/LogTable/Index.vue";
 import { ElMessage } from "element-plus";
 
diff --git a/src/views/dashboard/related/trace/Detail.vue b/src/views/dashboard/related/trace/Detail.vue
index a1b4eb48..4c7fd6b6 100644
--- a/src/views/dashboard/related/trace/Detail.vue
+++ b/src/views/dashboard/related/trace/Detail.vue
@@ -12,7 +12,7 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="trace-detail" v-loading="loading">
-    <div
+    <!-- <div
       class="trace-detail-wrapper clear"
       v-if="traceStore.currentTrace.endpointNames"
     >
@@ -138,8 +138,9 @@ limitations under the License. -->
           </el-button>
         </div>
       </div>
-    </div>
-    <div class="no-data" v-else>{{ t("noData") }}</div>
+    </div> -->
+    <!-- <div class="no-data" v-else>{{ t("noData") }}</div> -->
+
     <div class="trace-chart">
       <component
         v-if="traceStore.currentTrace.endpointNames"
@@ -163,7 +164,7 @@ import List from "./components/List.vue";
 import graphs from "./components/index";
 import LogTable from "@/views/dashboard/related/components/LogTable/Index.vue";
 import { ElMessage } from "element-plus";
-
+// import TraceDetailsTools from '@/views/dashboard'
 export default defineComponent({
   name: "TraceDetail",
   components: {