refine embeded page

Author: Jicheng Lu

…gent/reporting/[reportType]/+page.svelte …e/agent/[theme]/[themeType]/+page.sveltesrc/routes/page/agent/reporting/[reportType]/+page.svelte renamed to src/routes/page/agent/[theme]/[themeType]/+page.svelte src/routes/page/agent/reporting/[reportType]/+page.svelte renamed to src/routes/page/agent/[theme]/[themeType]/+page.svelte

@@ -1,5 +1,7 @@
 <script>
     import { _ } from 'svelte-i18n';
+    import { page } from '$app/stores';
+    import lodash from 'lodash';
 	import HeadTitle from "$lib/common/HeadTitle.svelte";
 	import Breadcrumb from '$lib/common/Breadcrumb.svelte';
 	import EmbeddingPage from '$lib/common/embedding/EmbeddingPage.svelte';
@@ -8,11 +10,11 @@
     let label = '';
 </script>
 
-<HeadTitle title="{$_(label || 'Reporting')}" addOn="Reporting" />
-<Breadcrumb title="{$_('Agent')}" pagetitle="{$_(label || 'Reporting')}" />
+<HeadTitle title="{$_(label || 'Theme')}" addOn={`${lodash.capitalize($page.params.theme || '')}`} />
+<Breadcrumb title="{$_('Agent')}" pagetitle="{$_(label || 'Theme')}" />
 
 <EmbeddingPage
-    htmlTagId="agent-reporting-content"
-    slugName="reportType"
+    htmlTagId="agent-theme-content"
+    slugName="themeType"
     bind:label={label}
 />

svelte.config.js

@@ -51,10 +51,10 @@ const config = {
 				"/page/agent/router",
 				"/page/agent/evaluator",
 				"/page/agent/code-scripts",
-				"/page/agent/reporting/[reportType]",
 				"/page/agent/[agentId]",
 				"/page/agent/[agentId]/build",
 				"/page/agent/[agentId]/train",
+				"/page/agent/[theme]/[themeType]",
 				"/page/instruction/testing",
 				"/page/instruction/log",
 				"/page/conversation",