dashboard metric links

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/chart/loading.tsx

@@ -0,0 +1,3 @@
+import LoadingMetric from '@metrics/chart/loading';
+
+export default LoadingMetric;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/chart/page.tsx

@@ -0,0 +1,3 @@
+import MetricChartPage from '@metrics/chart/page';
+
+export default MetricChartPage;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/file/loading.tsx

@@ -0,0 +1,3 @@
+import LoadingMetric from '@metrics/file/loading';
+
+export default LoadingMetric;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/file/page.tsx

@@ -0,0 +1,3 @@
+import MetricFilePage from '@metrics/file/page';
+
+export default MetricFilePage;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/layout.tsx

@@ -0,0 +1,3 @@
+import MetricLayout from '@metrics/layout';
+
+export default MetricLayout;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/loading.tsx

@@ -0,0 +1,3 @@
+import LoadingMetric from '@metrics/loading';
+
+export default LoadingMetric;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/page.tsx

@@ -0,0 +1,18 @@
+import { redirect } from 'next/navigation';
+import { BusterRoutes, createBusterRoute } from '@/routes';
+
+export default async function Page(props: {
+  params: Promise<{ chatId: string; metricId: string; dashboardId: string }>;
+}) {
+  const params = await props.params;
+  const { chatId, metricId, dashboardId } = params;
+
+  return redirect(
+    createBusterRoute({
+      route: BusterRoutes.APP_CHAT_ID_DASHBOARD_ID_METRIC_ID_CHART,
+      chatId,
+      metricId,
+      dashboardId
+    })
+  );
+}

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/results/loading.tsx

@@ -0,0 +1,3 @@
+import LoadingMetric from '@metrics/results/loading';
+
+export default LoadingMetric;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/results/page.tsx

@@ -0,0 +1,3 @@
+import MetricResultsPage from '@metrics/results/page';
+
+export default MetricResultsPage;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/sql/loading.tsx

@@ -0,0 +1,3 @@
+import LoadingMetric from '@metrics/sql/loading';
+
+export default LoadingMetric;

apps/web/src/app/app/(primary_layout)/(chat_experience)/chats/[chatId]/dashboards/[dashboardId]/metrics/[metricId]/sql/page.tsx

@@ -0,0 +1,3 @@
+import MetricSQLPage from '@metrics/sql/page';
+
+export default MetricSQLPage;

apps/web/src/controllers/DashboardController/DashboardViewDashboardController/DashboardContentController/DashboardMetricItem/DashboardMetricItem.tsx

@@ -8,6 +8,7 @@ import { cn } from '@/lib/classMerge';
 import { BusterRoutes, createBusterRoute } from '@/routes';
 import { MetricTitle } from './MetricTitle';
 import { useDashboardMetric } from './useDashboardMetric';
+import { assetParamsToRoute } from '@/lib/assets';
 
 const DashboardMetricItemBase: React.FC<{
   metricId: string;
@@ -55,18 +56,14 @@ const DashboardMetricItemBase: React.FC<{
   );
 
   const metricLink = useMemo(() => {
-    if (chatId) {
+    return assetParamsToRoute({
-      return createBusterRoute({
+      type: 'metric',
-        route: BusterRoutes.APP_CHAT_ID_METRIC_ID_CHART,
+      assetId: metricId,
-        chatId,
+      chatId,
-        metricId
+      dashboardId,
-      });
+      page: 'chart'
-    }
-    return createBusterRoute({
-      route: BusterRoutes.APP_METRIC_ID_CHART,
-      metricId: metricId
     });
-  }, [metricId, chatId]);
+  }, [metricId, chatId, dashboardId]);
 
   const onInitialAnimationEndPreflight = useMemoizedFn(() => {
     setInitialAnimationEnded(metricId);

apps/web/src/lib/assets/createMetricRoute.ts

@@ -3,6 +3,7 @@ import type { MetricFileViewSecondary } from '../../layouts/ChatLayout/ChatLayou
 
 export type MetricRouteParams = {
   assetId: string;
+  dashboardId?: string;
   chatId?: string;
   secondaryView?: MetricFileViewSecondary;
   versionNumber?: number;
@@ -14,6 +15,7 @@ export const createMetricRoute = ({
   assetId: metricId,
   chatId,
   secondaryView,
+  dashboardId,
   versionNumber: metricVersionNumber,
   page = 'chart'
 }: Omit<MetricRouteParams, 'type'>) => {