moved filtes to Tab

src/types/components.d.ts

@@ -1,6 +1,7 @@
 // generated by unplugin-vue-components
 // We suggest you to commit this file into source control
 // Read more: https://github.com/vuejs/vue-next/pull/3399
+import '@vue/runtime-core'
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
@@ -45,4 +46,4 @@ declare module '@vue/runtime-core' {
   }
 }
 
-export { }
+export {}

src/views/dashboard/controls/Trace.vue

@@ -30,7 +30,8 @@ limitations under the License. -->
       </div>
     </el-popover>
     <div class="header">
-      <Filter />
+    <!-- <h1>Filter</h1> -->
+      <!-- <Filter /> -->
     </div>
     <div class="trace flex-h">
       <TraceList />
@@ -40,7 +41,7 @@ limitations under the License. -->
 </template>
 <script lang="ts" setup>
 import type { PropType } from "vue";
-import Filter from "../related/trace/Filter.vue";
+// import Filter from "../related/trace/Filter.vue";
 import TraceList from "../related/trace/TraceList.vue";
 import TraceDetail from "../related/trace/Detail.vue";
 import { useI18n } from "vue-i18n";

src/views/dashboard/panel/Tool.vue

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
   <div class="dashboard-tool flex-h">
-    <div class="flex-h">
+    <div class="flex-h">    
       <div class="selectors-item" v-if="key !== 10">
         <span class="label">$Service</span>
         <Selector
@@ -118,8 +118,10 @@ limitations under the License. -->
       </div>
     </div>
   </div>
+  <Filter />
 </template>
 <script lang="ts" setup>
+import Filter from "../related/trace/Filter.vue";
 import { reactive, ref, computed, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { useDashboardStore } from "@/store/modules/dashboard";