feat: Implement task timeline and policy list widget for continous profiling (#280)

src/views/dashboard/related/network-profiling/Content.vue

@@ -34,7 +34,7 @@ limitations under the License. -->
   defineProps({
     config: {
       type: Object as PropType<any>,
-      default: () => ({ graph: {} }),
+      default: () => ({}),
     },
   });
   const networkProfilingStore = useNetworkProfilingStore();

src/views/dashboard/related/network-profiling/components/ProcessTopology.vue

@@ -19,7 +19,7 @@ limitations under the License. -->
         <g class="hex-polygon">
           <path :d="getHexPolygonVertices()" stroke="#D5DDF6" stroke-width="2" fill="none" />
           <text :x="0" :y="radius - 15" fill="#000" text-anchor="middle">
-            {{ selectorStore.currentPod.label }}
+            {{ selectorStore.currentPod && selectorStore.currentPod.label }}
           </text>
         </g>
         <g class="nodes">
@@ -530,11 +530,11 @@ limitations under the License. -->
     border-radius: 3px;
     position: absolute;
     top: 10px;
-    right: 10px;
+    right: 20px;
   }
 
   .range {
-    right: 50px;
+    right: 60px;
   }
 
   .topo-call {

src/views/dashboard/related/network-profiling/components/Tasks.vue

@@ -77,6 +77,7 @@ limitations under the License. -->
   import getLocalTime from "@/utils/localtime";
   import { useAppStoreWithOut } from "@/store/modules/app";
   import NewTask from "./NewTask.vue";
+  import { EBPFProfilingTriggerType } from "@/store/data";
 
   /*global Nullable */
   const { t } = useI18n();
@@ -185,6 +186,7 @@ limitations under the License. -->
       serviceId,
       serviceInstanceId,
       targets: ["NETWORK"],
+      triggerType: EBPFProfilingTriggerType.FIXED_TIME,
     });
 
     if (res.errors) {