add reporting slug

Author: Jicheng Lu

src/routes/page/agent/reporting/+page.svelte renamed to src/routes/page/agent/reporting/[reportType]/+page.svelte

@@ -1,17 +1,31 @@
 <script>
-    import { onMount, onDestroy } from 'svelte';
+    import { onMount, onDestroy, afterUpdate } from 'svelte';
+    import { derived } from 'svelte/store';
     import { page } from '$app/stores';
     import { _ } from 'svelte-i18n';
     import { Card, CardBody, Col, Row } from '@sveltestrap/sveltestrap';
 	import HeadTitle from "$lib/common/HeadTitle.svelte";
 	import Breadcrumb from '$lib/common/Breadcrumb.svelte';
 	import { globalMenuStore } from '$lib/helpers/store';
+	
 
     /** @type {any} */
-    let unsubscriber;
+    let menuUnsubscribe;
+
+    /** @type {string} */
+    let curSlug = '';
+
+    const slug = derived(page, $page => $page.params.reportType);
+
+    const contentSubscribe = slug.subscribe(value => {
+        if (curSlug && curSlug !== value) {
+            location.reload();
+        }
+        curSlug = value;
+    });
 
     onMount(async () => {
-        unsubscriber = globalMenuStore.subscribe((/** @type {import('$pluginTypes').PluginMenuDefModel[]} */ menu) => {
+        menuUnsubscribe = globalMenuStore.subscribe((/** @type {import('$pluginTypes').PluginMenuDefModel[]} */ menu) => {
             const url = getPathUrl();
             let data = menu.find(x => x.link === url)?.embeddingInfo || null;
             if (!data) {
@@ -23,7 +37,8 @@
     });
 
     onDestroy(() => {
-        unsubscriber?.();
+        menuUnsubscribe?.();
+        contentSubscribe?.();
     });
 
     

svelte.config.js

@@ -49,7 +49,7 @@ const config = {
 				"/page/agent",
 				"/page/agent/router",
 				"/page/agent/evaluator",
-				"/page/agent/reporting",
+				"/page/agent/reporting/[reportType]",
 				"/page/agent/[agentId]",
 				"/page/agent/[agentId]/build",
 				"/page/agent/[agentId]/train",