feat(editor): Add front-end for Data Store feature (#17590)

packages/frontend/editor-ui/src/features/insights/module.descriptor.ts

@@ -0,0 +1,48 @@
+import { RouterView } from 'vue-router';
+import type { FrontendModuleDescription } from '@/moduleInitializer/module.types';
+import { useInsightsStore } from '@/features/insights/insights.store';
+import { VIEWS } from '@/constants';
+
+const MainSidebar = async () => await import('@/components/MainSidebar.vue');
+const InsightsDashboard = async () =>
+	await import('@/features/insights/components/InsightsDashboard.vue');
+
+export const InsightsModule: FrontendModuleDescription = {
+	id: 'insights',
+	name: 'Insights',
+	description: 'Provides insights and analytics features for projects.',
+	icon: 'chart-column-decreasing',
+	routes: [
+		{
+			path: '/insights',
+			beforeEnter() {
+				const insightsStore = useInsightsStore();
+				return insightsStore.isInsightsEnabled || { name: VIEWS.NOT_FOUND };
+			},
+			components: {
+				default: RouterView,
+				sidebar: MainSidebar,
+			},
+			meta: {
+				middleware: ['authenticated', 'rbac'],
+				middlewareOptions: {
+					rbac: {
+						scope: ['insights:list'],
+					},
+				},
+			},
+			children: [
+				{
+					path: ':insightType?',
+					name: VIEWS.INSIGHTS,
+					beforeEnter(to) {
+						if (to.params.insightType) return true;
+						return Object.assign(to, { params: { ...to.params, insightType: 'total' } });
+					},
+					component: InsightsDashboard,
+					props: true,
+				},
+			],
+		},
+	],
+};