feat(studio): job-detail placeholder route for Anonymizer [ASTD-331]

web/packages/studio/src/routes/AnonymizerJobDetailRoute/index.tsx

@@ -0,0 +1,29 @@
+// SPDX-FileCopyrightText: Copyright (c) 2025-2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+import { PageHeader, Stack, Text } from '@nvidia/foundations-react-core';
+import { AccessibleTitle } from '@studio/components/AccessibleTitle';
+import { ANONYMIZER_ENABLED } from '@studio/constants/environment';
+import { ROUTE_PARAMS } from '@studio/constants/routes';
+import { useBreadcrumbs } from '@studio/providers/breadcrumbs/useBreadcrumbs';
+import type { FC } from 'react';
+import { useParams } from 'react-router-dom';
+
+export const AnonymizerJobDetailRoute: FC | null = ANONYMIZER_ENABLED
+  ? () => {
+      const { [ROUTE_PARAMS.anonymizerJobName]: jobName } = useParams();
+
+      useBreadcrumbs({
+        items: [{ slotLabel: 'Anonymizer' }, { slotLabel: jobName ?? 'Job' }],
+      });
+
+      return (
+        <AccessibleTitle title={jobName ?? 'Anonymizer Job'}>
+          <Stack className="h-full" gap="density-2xl" padding="density-2xl">
+            <PageHeader className="p-0" slotHeading={jobName ?? 'Anonymizer Job'} />
+            <Text kind="body/regular/md">Job details coming soon.</Text>
+          </Stack>
+        </AccessibleTitle>
+      );
+    }
+  : null;

web/packages/studio/src/routes/groups/anonymizerRoutes.tsx

@@ -5,7 +5,7 @@ import { ErrorPanel } from '@studio/components/ErrorPanel';
 import { ANONYMIZER_ENABLED } from '@studio/constants/environment';
 import { ROUTES } from '@studio/constants/routes';
 import { gateAnonymizerRoutes } from '@studio/routes/utils';
-import { FC, lazy } from 'react';
+import { lazy, type FC } from 'react';
 import type { RouteObject } from 'react-router-dom';
 
 const AnonymizerListRoute =
@@ -22,6 +22,13 @@ const AnonymizerBuilderRoute =
       default: m.AnonymizerBuilderRoute as FC,
     }))
   );
+const AnonymizerJobDetailRoute =
+  ANONYMIZER_ENABLED &&
+  lazy(() =>
+    import('@studio/routes/AnonymizerJobDetailRoute').then((m) => ({
+      default: m.AnonymizerJobDetailRoute as FC,
+    }))
+  );
 
 export const anonymizerRoutes: RouteObject[] = gateAnonymizerRoutes([
   {
@@ -36,7 +43,7 @@ export const anonymizerRoutes: RouteObject[] = gateAnonymizerRoutes([
   },
   {
     path: ROUTES.workspace.anonymizerJob,
-    element: AnonymizerBuilderRoute ? <AnonymizerBuilderRoute /> : null,
+    element: AnonymizerJobDetailRoute ? <AnonymizerJobDetailRoute /> : null,
     errorElement: <ErrorPanel title="Anonymizer" />,
   },
 ]);