feat: fixed all ts url errors

frontend/src/pages/secret-manager/CommitDetailsPage/CommitDetailsPage.tsx

@@ -7,7 +7,6 @@ import {
   ProjectPermissionCommitsActions,
   ProjectPermissionSub
 } from "@app/context/ProjectPermissionContext/types";
-import { ProjectType } from "@app/hooks/api/workspace/types";
 
 import { CommitDetailsTab } from "./components/CommitDetailsTab";
 
@@ -35,7 +34,7 @@ export const CommitDetailsPage = () => {
 
   const handleGoBackToHistory = () => {
     navigate({
-      to: `/${ProjectType.SecretManager}/$projectId/commits/$environment/$folderId` as const,
+      to: "/projects/$projectId/secret-manager/commits/$environment/$folderId",
       params: {
         projectId: currentWorkspace.id,
         folderId,
@@ -50,7 +49,7 @@ export const CommitDetailsPage = () => {
 
   const handleGoToRollbackPreview = () => {
     navigate({
-      to: `/${ProjectType.SecretManager}/$projectId/commits/$environment/$folderId/$commitId/restore` as const,
+      to: "/projects/$projectId/secret-manager/commits/$environment/$folderId/$commitId/restore",
       params: {
         projectId: currentWorkspace.id,
         folderId,

frontend/src/pages/secret-manager/CommitDetailsPage/components/RollbackPreviewTab/RollbackPreviewTab.tsx

@@ -24,7 +24,6 @@ import {
 } from "@app/context/ProjectPermissionContext/types";
 import { usePopUp } from "@app/hooks";
 import { useCommitRollback, useGetRollbackPreview } from "@app/hooks/api/folderCommits/queries";
-import { ProjectType } from "@app/hooks/api/workspace/types";
 
 import { SecretVersionDiffView } from "../SecretVersionDiffView";
 
@@ -103,7 +102,7 @@ export const RollbackPreviewTab = (): JSX.Element => {
 
   const goBackToHistory = () => {
     navigate({
-      to: `/${ProjectType.SecretManager}/$projectId/commits/$environment/$folderId` as const,
+      to: "/projects/$projectId/secret-manager/commits/$environment/$folderId",
       params: {
         projectId: currentWorkspace.id,
         folderId,

frontend/src/pages/secret-manager/CommitDetailsPage/components/RollbackPreviewTab/route.tsx

@@ -1,30 +1,26 @@
-import {
-  createFileRoute,
-  linkOptions,
-  stripSearchParams,
-} from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { SecretDashboardPathBreadcrumb } from '@app/components/navigation/SecretDashboardPathBreadcrumb'
-import { BreadcrumbTypes } from '@app/components/v2'
+import { SecretDashboardPathBreadcrumb } from "@app/components/navigation/SecretDashboardPathBreadcrumb";
+import { BreadcrumbTypes } from "@app/components/v2";
 
-import { RollbackPreviewTab } from './RollbackPreviewTab'
+import { RollbackPreviewTab } from "./RollbackPreviewTab";
 
 const RollbackPreviewTabQueryParamsSchema = z.object({
-  secretPath: z.string().catch('/'),
-})
+  secretPath: z.string().catch("/")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/commits/$environment/$folderId/$commitId/restore',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/commits/$environment/$folderId/$commitId/restore"
 )({
   component: RollbackPreviewTab,
   validateSearch: zodValidator(RollbackPreviewTabQueryParamsSchema),
   search: {
-    middlewares: [stripSearchParams({ secretPath: '/' })],
+    middlewares: [stripSearchParams({ secretPath: "/" })]
   },
   beforeLoad: ({ context, params, search }) => {
-    const secretPathSegments = search.secretPath.split('/').filter(Boolean)
+    const secretPathSegments = search.secretPath.split("/").filter(Boolean);
 
     return {
       breadcrumbs: [
@@ -32,20 +28,18 @@ export const Route = createFileRoute(
         {
           type: BreadcrumbTypes.Dropdown,
           label:
-            context.project.environments.find(
-              (el) => el.slug === params.environment,
-            )?.name || '',
-          dropdownTitle: 'Environments',
+            context.project.environments.find((el) => el.slug === params.environment)?.name || "",
+          dropdownTitle: "Environments",
           links: context.project.environments.map((el) => ({
             label: el.name,
             link: linkOptions({
-              to: '/secret-manager/$projectId/secrets/$envSlug',
+              to: "/projects/$projectId/secret-manager/secrets/$envSlug",
               params: {
                 projectId: params.projectId,
-                envSlug: el.slug,
-              },
-            }),
-          })),
+                envSlug: el.slug
+              }
+            })
+          }))
         },
         ...secretPathSegments.map((_, index) => ({
           type: BreadcrumbTypes.Component,
@@ -57,41 +51,41 @@ export const Route = createFileRoute(
               projectId={params.projectId}
               disableCopy
             />
-          ),
+          )
         })),
         {
-          label: 'Commits',
+          label: "Commits",
           link: linkOptions({
-            to: '/secret-manager/$projectId/commits/$environment/$folderId',
+            to: "/projects/$projectId/secret-manager/commits/$environment/$folderId",
             params: {
               projectId: params.projectId,
               environment: params.environment,
-              folderId: params.folderId,
+              folderId: params.folderId
             },
             search: {
-              secretPath: search.secretPath,
-            },
-          }),
+              secretPath: search.secretPath
+            }
+          })
         },
         {
           label: params.commitId,
           link: linkOptions({
-            to: '/secret-manager/$projectId/commits/$environment/$folderId/$commitId',
+            to: "/projects/$projectId/secret-manager/commits/$environment/$folderId/$commitId",
             params: {
               projectId: params.projectId,
               environment: params.environment,
               folderId: params.folderId,
-              commitId: params.commitId,
+              commitId: params.commitId
             },
             search: {
-              secretPath: search.secretPath,
-            },
-          }),
+              secretPath: search.secretPath
+            }
+          })
         },
         {
-          label: 'Restore',
-        },
-      ],
-    }
-  },
-})
+          label: "Restore"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/CommitDetailsPage/route.tsx

@@ -1,30 +1,26 @@
-import {
-  createFileRoute,
-  linkOptions,
-  stripSearchParams,
-} from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { SecretDashboardPathBreadcrumb } from '@app/components/navigation/SecretDashboardPathBreadcrumb'
-import { BreadcrumbTypes } from '@app/components/v2'
+import { SecretDashboardPathBreadcrumb } from "@app/components/navigation/SecretDashboardPathBreadcrumb";
+import { BreadcrumbTypes } from "@app/components/v2";
 
-import { CommitDetailsPage } from './CommitDetailsPage'
+import { CommitDetailsPage } from "./CommitDetailsPage";
 
 const CommitDetailsPageQueryParamsSchema = z.object({
-  secretPath: z.string().catch('/'),
-})
+  secretPath: z.string().catch("/")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/commits/$environment/$folderId/$commitId/',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/commits/$environment/$folderId/$commitId/"
 )({
   component: CommitDetailsPage,
   validateSearch: zodValidator(CommitDetailsPageQueryParamsSchema),
   search: {
-    middlewares: [stripSearchParams({ secretPath: '/' })],
+    middlewares: [stripSearchParams({ secretPath: "/" })]
   },
   beforeLoad: ({ context, params, search }) => {
-    const secretPathSegments = search.secretPath.split('/').filter(Boolean)
+    const secretPathSegments = search.secretPath.split("/").filter(Boolean);
 
     return {
       breadcrumbs: [
@@ -32,20 +28,18 @@ export const Route = createFileRoute(
         {
           type: BreadcrumbTypes.Dropdown,
           label:
-            context.project.environments.find(
-              (el) => el.slug === params.environment,
-            )?.name || '',
-          dropdownTitle: 'Environments',
+            context.project.environments.find((el) => el.slug === params.environment)?.name || "",
+          dropdownTitle: "Environments",
           links: context.project.environments.map((el) => ({
             label: el.name,
             link: linkOptions({
-              to: '/secret-manager/$projectId/secrets/$envSlug',
+              to: "/projects/$projectId/secret-manager/secrets/$envSlug",
               params: {
                 projectId: params.projectId,
-                envSlug: el.slug,
-              },
-            }),
-          })),
+                envSlug: el.slug
+              }
+            })
+          }))
         },
         ...secretPathSegments.map((_, index) => ({
           type: BreadcrumbTypes.Component,
@@ -57,26 +51,26 @@ export const Route = createFileRoute(
               projectId={params.projectId}
               disableCopy
             />
-          ),
+          )
         })),
         {
-          label: 'Commits',
+          label: "Commits",
           link: linkOptions({
-            to: '/secret-manager/$projectId/commits/$environment/$folderId',
+            to: "/projects/$projectId/secret-manager/commits/$environment/$folderId",
             params: {
               projectId: params.projectId,
               environment: params.environment,
-              folderId: params.folderId,
+              folderId: params.folderId
             },
             search: {
-              secretPath: search.secretPath,
-            },
-          }),
+              secretPath: search.secretPath
+            }
+          })
         },
         {
-          label: params.commitId,
-        },
-      ],
-    }
-  },
-})
+          label: params.commitId
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/CommitsPage/CommitsPage.tsx

@@ -9,7 +9,6 @@ import {
   ProjectPermissionCommitsActions,
   ProjectPermissionSub
 } from "@app/context/ProjectPermissionContext/types";
-import { ProjectType } from "@app/hooks/api/workspace/types";
 
 import { CommitHistoryTab } from "./components/CommitHistoryTab";
 
@@ -32,7 +31,7 @@ export const CommitsPage = () => {
 
   const handleSelectCommit = (commitId: string) => {
     navigate({
-      to: `/${ProjectType.SecretManager}/$projectId/commits/$environment/$folderId/$commitId` as const,
+      to: "/projects/$projectId/secret-manager/commits/$environment/$folderId/$commitId",
       params: {
         projectId: currentWorkspace.id,
         folderId,

frontend/src/pages/secret-manager/CommitsPage/route.tsx

@@ -1,31 +1,27 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import {
-  createFileRoute,
-  linkOptions,
-  stripSearchParams,
-} from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { SecretDashboardPathBreadcrumb } from '@app/components/navigation/SecretDashboardPathBreadcrumb'
-import { BreadcrumbTypes } from '@app/components/v2'
+import { SecretDashboardPathBreadcrumb } from "@app/components/navigation/SecretDashboardPathBreadcrumb";
+import { BreadcrumbTypes } from "@app/components/v2";
 
-import { CommitsPage } from './CommitsPage'
+import { CommitsPage } from "./CommitsPage";
 
 const CommitsPageQueryParamsSchema = z.object({
-  secretPath: z.string().catch('/'),
-})
+  secretPath: z.string().catch("/")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/commits/$environment/$folderId/',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/commits/$environment/$folderId/"
 )({
   component: CommitsPage,
   validateSearch: zodValidator(CommitsPageQueryParamsSchema),
   search: {
-    middlewares: [stripSearchParams({ secretPath: '/' })],
+    middlewares: [stripSearchParams({ secretPath: "/" })]
   },
   beforeLoad: ({ context, params, search }) => {
-    const secretPathSegments = search.secretPath.split('/').filter(Boolean)
+    const secretPathSegments = search.secretPath.split("/").filter(Boolean);
 
     return {
       breadcrumbs: [
@@ -33,20 +29,18 @@ export const Route = createFileRoute(
         {
           type: BreadcrumbTypes.Dropdown,
           label:
-            context.project.environments.find(
-              (el) => el.slug === params.environment,
-            )?.name || '',
-          dropdownTitle: 'Environments',
+            context.project.environments.find((el) => el.slug === params.environment)?.name || "",
+          dropdownTitle: "Environments",
           links: context.project.environments.map((el) => ({
             label: el.name,
             link: linkOptions({
-              to: '/secret-manager/$projectId/secrets/$envSlug',
+              to: "/projects/$projectId/secret-manager/secrets/$envSlug",
               params: {
                 projectId: params.projectId,
-                envSlug: el.slug,
-              },
-            }),
-          })),
+                envSlug: el.slug
+              }
+            })
+          }))
         },
         ...secretPathSegments.map((_, index) => ({
           type: BreadcrumbTypes.Component,
@@ -58,20 +52,20 @@ export const Route = createFileRoute(
               projectId={params.projectId}
               disableCopy
             />
-          ),
+          )
         })),
         {
-          label: 'Commits',
+          label: "Commits",
           link: linkOptions({
-            to: '/secret-manager/$projectId/commits/$environment/$folderId',
+            to: "/projects/$projectId/secret-manager/commits/$environment/$folderId",
             params: {
               projectId: params.projectId,
               environment: params.environment,
-              folderId: params.folderId,
-            },
-          }),
-        },
-      ],
-    }
-  },
-})
+              folderId: params.folderId
+            }
+          })
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/IPAllowlistPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-import { IPAllowListPage } from './IPAllowlistPage'
+import { IPAllowListPage } from "./IPAllowlistPage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/allowlist',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/allowlist"
 )({
-  component: () => IPAllowListPage,
-})
+  component: () => IPAllowListPage
+});

frontend/src/pages/secret-manager/IntegrationsDetailsByIDPage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { IntegrationDetailsByIDPage } from './IntegrationsDetailsByIDPage'
+import { IntegrationDetailsByIDPage } from "./IntegrationsDetailsByIDPage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/$integrationId',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/$integrationId"
 )({
   component: IntegrationDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Details',
-        },
-      ],
-    }
-  },
-})
+          label: "Details"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/IntegrationsListPage/IntegrationsListPage.utils.tsx

@@ -69,7 +69,7 @@ export const redirectForProviderAuth = (
     switch (integrationOption.slug) {
       case "gcp-secret-manager":
         navigate({
-          to: "/secret-manager/$projectId/integrations/gcp-secret-manager/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/gcp-secret-manager/authorize",
           params: {
             projectId
           }
@@ -81,7 +81,7 @@ export const redirectForProviderAuth = (
           return;
         }
         navigate({
-          to: "/secret-manager/$projectId/integrations/azure-key-vault/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/azure-key-vault/authorize",
           params: {
             projectId
           },
@@ -103,7 +103,7 @@ export const redirectForProviderAuth = (
       }
       case "aws-parameter-store":
         navigate({
-          to: "/secret-manager/$projectId/integrations/aws-parameter-store/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/aws-parameter-store/authorize",
           params: {
             projectId
           }
@@ -111,7 +111,7 @@ export const redirectForProviderAuth = (
         break;
       case "aws-secret-manager":
         navigate({
-          to: "/secret-manager/$projectId/integrations/aws-secret-manager/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/aws-secret-manager/authorize",
           params: {
             projectId
           }
@@ -147,7 +147,7 @@ export const redirectForProviderAuth = (
       }
       case "github":
         navigate({
-          to: "/secret-manager/$projectId/integrations/github/auth-mode-selection",
+          to: "/projects/$projectId/secret-manager/integrations/github/auth-mode-selection",
           params: {
             projectId
           }
@@ -155,7 +155,7 @@ export const redirectForProviderAuth = (
         break;
       case "gitlab":
         navigate({
-          to: "/secret-manager/$projectId/integrations/gitlab/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/gitlab/authorize",
           params: {
             projectId
           }
@@ -163,7 +163,7 @@ export const redirectForProviderAuth = (
         break;
       case "render":
         navigate({
-          to: "/secret-manager/$projectId/integrations/render/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/render/authorize",
           params: {
             projectId
           }
@@ -171,7 +171,7 @@ export const redirectForProviderAuth = (
         break;
       case "flyio":
         navigate({
-          to: "/secret-manager/$projectId/integrations/flyio/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/flyio/authorize",
           params: {
             projectId
           }
@@ -179,7 +179,7 @@ export const redirectForProviderAuth = (
         break;
       case "circleci":
         navigate({
-          to: "/secret-manager/$projectId/integrations/circleci/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/circleci/authorize",
           params: {
             projectId
           }
@@ -187,7 +187,7 @@ export const redirectForProviderAuth = (
         break;
       case "databricks":
         navigate({
-          to: "/secret-manager/$projectId/integrations/databricks/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/databricks/authorize",
           params: {
             projectId
           }
@@ -195,7 +195,7 @@ export const redirectForProviderAuth = (
         break;
       case "laravel-forge":
         navigate({
-          to: "/secret-manager/$projectId/integrations/laravel-forge/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/laravel-forge/authorize",
           params: {
             projectId
           }
@@ -203,7 +203,7 @@ export const redirectForProviderAuth = (
         break;
       case "travisci":
         navigate({
-          to: "/secret-manager/$projectId/integrations/travisci/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/travisci/authorize",
           params: {
             projectId
           }
@@ -211,7 +211,7 @@ export const redirectForProviderAuth = (
         break;
       case "supabase":
         navigate({
-          to: "/secret-manager/$projectId/integrations/supabase/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/supabase/authorize",
           params: {
             projectId
           }
@@ -219,7 +219,7 @@ export const redirectForProviderAuth = (
         break;
       case "checkly":
         navigate({
-          to: "/secret-manager/$projectId/integrations/checkly/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/checkly/authorize",
           params: {
             projectId
           }
@@ -227,7 +227,7 @@ export const redirectForProviderAuth = (
         break;
       case "qovery":
         navigate({
-          to: "/secret-manager/$projectId/integrations/qovery/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/qovery/authorize",
           params: {
             projectId
           }
@@ -235,7 +235,7 @@ export const redirectForProviderAuth = (
         break;
       case "railway":
         navigate({
-          to: "/secret-manager/$projectId/integrations/railway/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/railway/authorize",
           params: {
             projectId
           }
@@ -243,7 +243,7 @@ export const redirectForProviderAuth = (
         break;
       case "terraform-cloud":
         navigate({
-          to: "/secret-manager/$projectId/integrations/terraform-cloud/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/terraform-cloud/authorize",
           params: {
             projectId
           }
@@ -251,7 +251,7 @@ export const redirectForProviderAuth = (
         break;
       case "hashicorp-vault":
         navigate({
-          to: "/secret-manager/$projectId/integrations/hashicorp-vault/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/hashicorp-vault/authorize",
           params: {
             projectId
           }
@@ -259,7 +259,7 @@ export const redirectForProviderAuth = (
         break;
       case "cloudflare-pages":
         navigate({
-          to: "/secret-manager/$projectId/integrations/cloudflare-pages/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/cloudflare-pages/authorize",
           params: {
             projectId
           }
@@ -267,7 +267,7 @@ export const redirectForProviderAuth = (
         break;
       case "cloudflare-workers":
         navigate({
-          to: "/secret-manager/$projectId/integrations/cloudflare-workers/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/cloudflare-workers/authorize",
           params: {
             projectId
           }
@@ -284,7 +284,7 @@ export const redirectForProviderAuth = (
       }
       case "codefresh":
         navigate({
-          to: "/secret-manager/$projectId/integrations/codefresh/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/codefresh/authorize",
           params: {
             projectId
           }
@@ -292,7 +292,7 @@ export const redirectForProviderAuth = (
         break;
       case "digital-ocean-app-platform":
         navigate({
-          to: "/secret-manager/$projectId/integrations/digital-ocean-app-platform/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/digital-ocean-app-platform/authorize",
           params: {
             projectId
           }
@@ -300,7 +300,7 @@ export const redirectForProviderAuth = (
         break;
       case "cloud-66":
         navigate({
-          to: "/secret-manager/$projectId/integrations/cloud-66/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/cloud-66/authorize",
           params: {
             projectId
           }
@@ -308,7 +308,7 @@ export const redirectForProviderAuth = (
         break;
       case "northflank":
         navigate({
-          to: "/secret-manager/$projectId/integrations/northflank/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/northflank/authorize",
           params: {
             projectId
           }
@@ -316,7 +316,7 @@ export const redirectForProviderAuth = (
         break;
       case "windmill":
         navigate({
-          to: "/secret-manager/$projectId/integrations/windmill/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/windmill/authorize",
           params: {
             projectId
           }
@@ -324,7 +324,7 @@ export const redirectForProviderAuth = (
         break;
       case "teamcity":
         navigate({
-          to: "/secret-manager/$projectId/integrations/teamcity/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/teamcity/authorize",
           params: {
             projectId
           }
@@ -332,7 +332,7 @@ export const redirectForProviderAuth = (
         break;
       case "hasura-cloud":
         navigate({
-          to: "/secret-manager/$projectId/integrations/hasura-cloud/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/hasura-cloud/authorize",
           params: {
             projectId
           }
@@ -340,7 +340,7 @@ export const redirectForProviderAuth = (
         break;
       case "rundeck":
         navigate({
-          to: "/secret-manager/$projectId/integrations/rundeck/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/rundeck/authorize",
           params: {
             projectId
           }
@@ -348,7 +348,7 @@ export const redirectForProviderAuth = (
         break;
       case "azure-devops":
         navigate({
-          to: "/secret-manager/$projectId/integrations/azure-devops/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/azure-devops/authorize",
           params: {
             projectId
           }
@@ -356,7 +356,7 @@ export const redirectForProviderAuth = (
         break;
       case "octopus-deploy":
         navigate({
-          to: "/secret-manager/$projectId/integrations/octopus-deploy/authorize",
+          to: "/projects/$projectId/secret-manager/integrations/octopus-deploy/authorize",
           params: {
             projectId
           }

frontend/src/pages/secret-manager/IntegrationsListPage/components/NativeIntegrationsTab/IntegrationRow.tsx

@@ -59,7 +59,7 @@ export const IntegrationRow = ({
     <Tr
       onClick={() =>
         navigate({
-          to: "/secret-manager/$projectId/integrations/$integrationId",
+          to: "/projects/$projectId/secret-manager/integrations/$integrationId",
           params: {
             integrationId: integration.id,
             projectId: currentWorkspace.id

frontend/src/pages/secret-manager/IntegrationsListPage/route.tsx

@@ -36,7 +36,7 @@ export const Route = createFileRoute(
         });
       } catch {
         throw redirect({
-          to: "/secret-manager/$projectId/integrations",
+          to: "/projects/$projectId/secret-manager/integrations",
           params: {
             projectId
           },
@@ -46,7 +46,7 @@ export const Route = createFileRoute(
 
       if (secretSyncs.length) {
         throw redirect({
-          to: "/secret-manager/$projectId/integrations",
+          to: "/projects/$projectId/secret-manager/integrations",
           params: {
             projectId
           },
@@ -62,7 +62,7 @@ export const Route = createFileRoute(
         });
       } catch {
         throw redirect({
-          to: "/secret-manager/$projectId/integrations",
+          to: "/projects/$projectId/secret-manager/integrations",
           params: {
             projectId
           },
@@ -72,7 +72,7 @@ export const Route = createFileRoute(
 
       if (integrations.length) {
         throw redirect({
-          to: "/secret-manager/$projectId/integrations",
+          to: "/projects/$projectId/secret-manager/integrations",
           params: {
             projectId
           },
@@ -81,7 +81,7 @@ export const Route = createFileRoute(
       }
 
       throw redirect({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId
         },

frontend/src/pages/secret-manager/OverviewPage/OverviewPage.tsx

@@ -88,7 +88,7 @@ import { useUpdateFolderBatch } from "@app/hooks/api/secretFolders/queries";
 import { TUpdateFolderBatchDTO } from "@app/hooks/api/secretFolders/types";
 import { TSecretRotationV2 } from "@app/hooks/api/secretRotationsV2";
 import { SecretType, SecretV3RawSanitized, TSecretFolder } from "@app/hooks/api/types";
-import { ProjectType, ProjectVersion } from "@app/hooks/api/workspace/types";
+import { ProjectVersion } from "@app/hooks/api/workspace/types";
 import {
   useDynamicSecretOverview,
   useFolderOverview,
@@ -655,7 +655,7 @@ export const OverviewPage = () => {
     const envIndex = visibleEnvs.findIndex((el) => slug === el.slug);
     if (envIndex !== -1) {
       navigate({
-        to: `/${ProjectType.SecretManager}/$projectId/secrets/$envSlug` as const,
+        to: "/projects/$projectId/secret-manager/secrets/$envSlug",
         params: {
           projectId: workspaceId,
           envSlug: slug
@@ -1371,7 +1371,7 @@ export const OverviewPage = () => {
                         iconSize="3x"
                       >
                         <Link
-                          to={`/${ProjectType.SecretManager}/$projectId/settings` as const}
+                          to="/projects/$projectId/secret-manager/settings"
                           params={{
                             projectId: workspaceId
                           }}

frontend/src/pages/secret-manager/OverviewPage/components/FolderBreadCrumbs/FolderBreadCrumbs.tsx

@@ -9,7 +9,7 @@ type Props = {
 
 export const FolderBreadCrumbs = ({ secretPath = "/", onResetSearch }: Props) => {
   const navigate = useNavigate({
-    from: "/secret-manager/$projectId/overview"
+    from: "/projects/$projectId/secret-manager/overview"
   });
 
   const onFolderCrumbClick = (index: number) => {

frontend/src/pages/secret-manager/OverviewPage/components/SecretSearchInput/components/QuickSearchDynamicSecretItem.tsx

@@ -17,7 +17,7 @@ export const QuickSearchDynamicSecretItem = ({
   onClose
 }: Props) => {
   const navigate = useNavigate({
-    from: "/secret-manager/$projectId/overview"
+    from: "/projects/$projectId/secret-manager/overview"
   });
 
   const [groupDynamicSecret] = dynamicSecretGroup;

frontend/src/pages/secret-manager/OverviewPage/components/SecretSearchInput/components/QuickSearchFolderItem.tsx

@@ -13,7 +13,7 @@ type Props = {
 
 export const QuickSearchFolderItem = ({ folderGroup, onClose }: Props) => {
   const navigate = useNavigate({
-    from: "/secret-manager/$projectId/overview"
+    from: "/projects/$projectId/secret-manager/overview"
   });
 
   const [groupFolder] = folderGroup;

frontend/src/pages/secret-manager/OverviewPage/components/SecretSearchInput/components/QuickSearchSecretItem.tsx

@@ -46,7 +46,7 @@ export const QuickSearchSecretItem = ({
   isSingleEnv,
   search
 }: Props) => {
-  const navigate = useNavigate({ from: "/secret-manager/$projectId/overview" });
+  const navigate = useNavigate({ from: "/projects/$projectId/secret-manager/overview" });
   const envSlugMap = new Map(environments.map((env) => [env.slug, env]));
   const [isUrlCopied, , setIsUrlCopied] = useTimedReset<boolean>({
     initialState: false

frontend/src/pages/secret-manager/OverviewPage/components/SecretSearchInput/components/QuickSearchSecretRotationItem.tsx

@@ -13,7 +13,7 @@ type Props = {
 
 export const QuickSearchSecretRotationItem = ({ secretRotationGroup, onClose }: Props) => {
   const navigate = useNavigate({
-    from: "/secret-manager/$projectId/overview"
+    from: "/projects/$projectId/secret-manager/overview"
   });
 
   const [groupSecretRotation] = secretRotationGroup;

frontend/src/pages/secret-manager/SecretApprovalsPage/route.tsx

@@ -1,15 +1,15 @@
-import { createFileRoute } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { SecretApprovalsPage } from './SecretApprovalsPage'
+import { SecretApprovalsPage } from "./SecretApprovalsPage";
 
 const SecretApprovalPageQueryParams = z.object({
-  requestId: z.string().catch(''),
-})
+  requestId: z.string().catch("")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/approval',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/approval"
 )({
   component: SecretApprovalsPage,
   validateSearch: zodValidator(SecretApprovalPageQueryParams),
@@ -18,9 +18,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Approvals',
-        },
-      ],
-    }
-  },
-})
+          label: "Approvals"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/SecretDashboardPage/SecretDashboardPage.tsx

@@ -46,7 +46,6 @@ import { useGetProjectSecretsDetails } from "@app/hooks/api/dashboard";
 import { DashboardSecretsOrderBy } from "@app/hooks/api/dashboard/types";
 import { useGetFolderCommitsCount } from "@app/hooks/api/folderCommits";
 import { OrderByDirection } from "@app/hooks/api/generic/types";
-import { ProjectType } from "@app/hooks/api/workspace/types";
 import { hasSecretReadValueOrDescribePermission } from "@app/lib/fn/permission";
 import { SecretRotationListView } from "@app/pages/secret-manager/SecretDashboardPage/components/SecretRotationListView";
 
@@ -191,7 +190,7 @@ const Page = () => {
         type: "error"
       });
       navigate({
-        to: `/${ProjectType.SecretManager}/$projectId/overview` as const,
+        to: "/projects/$projectId/secret-manager/overview",
         params: {
           projectId: workspaceId
         }
@@ -317,7 +316,7 @@ const Page = () => {
   const handleOnClickRollbackMode = () => {
     if (isPITEnabled) {
       navigate({
-        to: `/${ProjectType.SecretManager}/$projectId/commits/$environment/$folderId` as const,
+        to: "/projects/$projectId/secret-manager/commits/$environment/$folderId",
         params: {
           projectId: workspaceId,
           folderId,

frontend/src/pages/secret-manager/SecretDashboardPage/components/SecretListView/SecretDetailSidebar.tsx

@@ -990,9 +990,7 @@ export const SecretDetailSidebar = ({
                                 className="z-[100] capitalize"
                               >
                                 <Link
-                                  to={
-                                    `/${ProjectType.SecretManager}/$projectId/members/$membershipId` as const
-                                  }
+                                  to="/projects/$projectId/members/$membershipId"
                                   params={{
                                     projectId: currentWorkspace.id,
                                     membershipId: user.membershipId
@@ -1023,9 +1021,7 @@ export const SecretDetailSidebar = ({
                                 className="z-[100]"
                               >
                                 <Link
-                                  to={
-                                    `/${ProjectType.SecretManager}/$projectId/identities/$identityId` as const
-                                  }
+                                  to="/projects/$projectId/identities/$identityId"
                                   params={{
                                     projectId: currentWorkspace.id,
                                     identityId: identity.id

frontend/src/pages/secret-manager/SecretDashboardPage/route.tsx

@@ -1,51 +1,44 @@
-import {
-  createFileRoute,
-  linkOptions,
-  stripSearchParams,
-} from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions, stripSearchParams } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { SecretDashboardPathBreadcrumb } from '@app/components/navigation/SecretDashboardPathBreadcrumb'
-import { BreadcrumbTypes } from '@app/components/v2'
+import { SecretDashboardPathBreadcrumb } from "@app/components/navigation/SecretDashboardPathBreadcrumb";
+import { BreadcrumbTypes } from "@app/components/v2";
 
-import { SecretDashboardPage } from './SecretDashboardPage'
+import { SecretDashboardPage } from "./SecretDashboardPage";
 
 const SecretDashboardPageQueryParamsSchema = z.object({
-  secretPath: z.string().catch('/'),
-  search: z.string().catch(''),
-  tags: z.string().catch(''),
-})
+  secretPath: z.string().catch("/"),
+  search: z.string().catch(""),
+  tags: z.string().catch("")
+});
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/secrets/$envSlug',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/secrets/$envSlug"
 )({
   component: SecretDashboardPage,
   validateSearch: zodValidator(SecretDashboardPageQueryParamsSchema),
   search: {
-    middlewares: [stripSearchParams({ secretPath: '/', search: '', tags: '' })],
+    middlewares: [stripSearchParams({ secretPath: "/", search: "", tags: "" })]
   },
   beforeLoad: ({ context, params, search }) => {
-    const secretPathSegments = search.secretPath.split('/').filter(Boolean)
+    const secretPathSegments = search.secretPath.split("/").filter(Boolean);
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
           type: BreadcrumbTypes.Dropdown,
-          label:
-            context.project.environments.find(
-              (el) => el.slug === params.envSlug,
-            )?.name || '',
-          dropdownTitle: 'Environments',
+          label: context.project.environments.find((el) => el.slug === params.envSlug)?.name || "",
+          dropdownTitle: "Environments",
           links: context.project.environments.map((el) => ({
             label: el.name,
             link: linkOptions({
-              to: '/secret-manager/$projectId/secrets/$envSlug',
+              to: "/projects/$projectId/secret-manager/secrets/$envSlug",
               params: {
                 projectId: params.projectId,
-                envSlug: el.slug,
-              },
-            }),
-          })),
+                envSlug: el.slug
+              }
+            })
+          }))
         },
         ...secretPathSegments.map((_, index) => ({
           type: BreadcrumbTypes.Component,
@@ -56,9 +49,9 @@ export const Route = createFileRoute(
               environmentSlug={params.envSlug}
               projectId={params.projectId}
             />
-          ),
-        })),
-      ],
-    }
-  },
-})
+          )
+        }))
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/SecretRotationPage/SecretRotationPage.tsx

@@ -53,7 +53,6 @@ import {
   useRestartSecretRotation
 } from "@app/hooks/api";
 import { TSecretRotationProviderTemplate } from "@app/hooks/api/secretRotation/types";
-import { ProjectType } from "@app/hooks/api/workspace/types";
 import { CreateRotationForm } from "@app/pages/secret-manager/SecretRotationPage/components/CreateRotationForm";
 
 const Page = () => {
@@ -173,7 +172,7 @@ const Page = () => {
           PostgreSQL and Microsoft SQL Server Rotations can now be created from the{" "}
           <Link
             className="text-mineshaft-100 underline decoration-primary underline-offset-2 hover:text-mineshaft-200"
-            to={`/${ProjectType.SecretManager}/$projectId/overview` as const}
+            to="/projects/$projectId/secret-manager/overview"
             params={{ projectId: currentWorkspace.id }}
           >
             Secret Manager Dashboard
@@ -408,7 +407,7 @@ const Page = () => {
               Infisical is revamping its Secret Rotation experience. Navigate to the{" "}
               <Link
                 className="text-mineshaft-100 underline decoration-primary underline-offset-2 hover:text-mineshaft-200"
-                to={`/${ProjectType.SecretManager}/$projectId/overview` as const}
+                to="/projects/$projectId/secret-manager/overview"
                 params={{ projectId: currentWorkspace.id }}
               >
                 Secret Manager Dashboard
@@ -425,7 +424,7 @@ const Page = () => {
               <Button
                 onClick={() =>
                   navigate({
-                    to: `/${ProjectType.SecretManager}/$projectId/overview` as const,
+                    to: "/projects/$projectId/secret-manager/overview",
                     params: { projectId: currentWorkspace.id }
                   })
                 }

frontend/src/pages/secret-manager/SecretRotationPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-import { SecretRotationPage } from './SecretRotationPage'
+import { SecretRotationPage } from "./SecretRotationPage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/secret-rotation',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/secret-rotation"
 )({
   component: SecretRotationPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Secret Rotation',
-        },
-      ],
-    }
-  },
-})
+          label: "Secret Rotation"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/SecretSyncDetailsByIDPage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { SecretSyncDetailsByIDPage } from './SecretSyncDetailsByIDPage'
+import { SecretSyncDetailsByIDPage } from "./SecretSyncDetailsByIDPage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/secret-syncs/$destination/$syncId',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/secret-syncs/$destination/$syncId"
 )({
   component: SecretSyncDetailsByIDPage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.SecretSyncs,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.SecretSyncs
+            }
+          })
         },
         {
-          label: 'Secret Sync',
-        },
-      ],
-    }
-  },
-})
+          label: "Secret Sync"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/SettingsPage/route.tsx

@@ -1,9 +1,9 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute } from "@tanstack/react-router";
 
-import { SettingsPage } from './SettingsPage'
+import { SettingsPage } from "./SettingsPage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/settings',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/settings"
 )({
   component: SettingsPage,
   beforeLoad: ({ context }) => {
@@ -11,9 +11,9 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Settings',
-        },
-      ],
-    }
-  },
-})
+          label: "Settings"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AwsParameterStoreAuthorizePage/AwsParameterStoreAuthorizePage.tsx

@@ -68,7 +68,7 @@ export const AWSParameterStoreAuthorizeIntegrationPage = () => {
       });
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/aws-parameter-store/create",
+        to: "/projects/$projectId/secret-manager/integrations/aws-parameter-store/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AwsParameterStoreAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AWSParameterStoreAuthorizeIntegrationPage } from './AwsParameterStoreAuthorizePage'
+import { AWSParameterStoreAuthorizeIntegrationPage } from "./AwsParameterStoreAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-parameter-store/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-parameter-store/authorize"
 )({
   component: AWSParameterStoreAuthorizeIntegrationPage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'AWS Parameter Store',
-        },
-      ],
-    }
-  },
-})
+          label: "AWS Parameter Store"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AwsParameterStoreConfigurePage/AwsParamterStoreConfigurePage.tsx

@@ -156,7 +156,7 @@ export const AWSParameterStoreConfigurePage = () => {
       setPathErrorText("");
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AwsParameterStoreConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AWSParameterStoreConfigurePage } from './AwsParamterStoreConfigurePage'
+import { AWSParameterStoreConfigurePage } from "./AwsParamterStoreConfigurePage";
 
 const AwsParameterStoreConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-parameter-store/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-parameter-store/create"
 )({
   component: AWSParameterStoreConfigurePage,
   validateSearch: zodValidator(AwsParameterStoreConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'AWS Parameter Store',
-        },
-      ],
-    }
-  },
-})
+          label: "AWS Parameter Store"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AwsSecretManagerAuthorizePage/AwsSecretManagerAuthorizePage.tsx

@@ -66,7 +66,7 @@ export const AWSSecretManagerAuthorizePage = () => {
             })
       });
       navigate({
-        to: "/secret-manager/$projectId/integrations/aws-secret-manager/create",
+        to: "/projects/$projectId/secret-manager/integrations/aws-secret-manager/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AwsSecretManagerAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AWSSecretManagerAuthorizePage } from './AwsSecretManagerAuthorizePage'
+import { AWSSecretManagerAuthorizePage } from "./AwsSecretManagerAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-secret-manager/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-secret-manager/authorize"
 )({
   component: AWSSecretManagerAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'AWS Secret Manager',
-        },
-      ],
-    }
-  },
-})
+          label: "AWS Secret Manager"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AwsSecretManagerConfigurePage/AwsSecretManagerConfigurePage.tsx

@@ -204,7 +204,7 @@ export const AwsSecretManagerConfigurePage = () => {
       });
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AwsSecretManagerConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AwsSecretManagerConfigurePage } from './AwsSecretManagerConfigurePage'
+import { AwsSecretManagerConfigurePage } from "./AwsSecretManagerConfigurePage";
 
 const AwsSecretManagerConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-secret-manager/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/aws-secret-manager/create"
 )({
   component: AwsSecretManagerConfigurePage,
   validateSearch: zodValidator(AwsSecretManagerConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'AWS Secret Manager',
-        },
-      ],
-    }
-  },
-})
+          label: "AWS Secret Manager"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AzureAppConfigurationConfigurePage/AzureAppConfigurationConfigurePage.tsx

@@ -131,7 +131,7 @@ export const AzureAppConfigurationConfigurePage = () => {
       });
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AzureAppConfigurationConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AzureAppConfigurationConfigurePage } from './AzureAppConfigurationConfigurePage'
+import { AzureAppConfigurationConfigurePage } from "./AzureAppConfigurationConfigurePage";
 
 const AzureAppConfigurationPageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-app-configuration/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-app-configuration/create"
 )({
   component: AzureAppConfigurationConfigurePage,
   validateSearch: zodValidator(AzureAppConfigurationPageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Azure App Configuration',
-        },
-      ],
-    }
-  },
-})
+          label: "Azure App Configuration"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AzureAppConfigurationOauthCallbackPage/AzureAppConfigurationOauthCallbackPage.tsx

@@ -28,7 +28,7 @@ export const AzureAppConfigurationOauthCallbackPage = () => {
         });
 
         navigate({
-          to: "/secret-manager/$projectId/integrations/azure-app-configuration/create",
+          to: "/projects/$projectId/secret-manager/integrations/azure-app-configuration/create",
           params: {
             projectId: currentWorkspace.id
           },

frontend/src/pages/secret-manager/integrations/AzureAppConfigurationOauthCallbackPage/route.tsx

@@ -1,43 +1,39 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AzureAppConfigurationOauthCallbackPage } from './AzureAppConfigurationOauthCallbackPage'
+import { AzureAppConfigurationOauthCallbackPage } from "./AzureAppConfigurationOauthCallbackPage";
 
-export const AzureAppConfigurationOauthCallbackPageQueryParamsSchema = z.object(
-  {
-    state: z.string().catch(''),
-    code: z.coerce.string().catch(''),
-  },
-)
+export const AzureAppConfigurationOauthCallbackPageQueryParamsSchema = z.object({
+  state: z.string().catch(""),
+  code: z.coerce.string().catch("")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-app-configuration/oauth2/callback',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-app-configuration/oauth2/callback"
 )({
   component: AzureAppConfigurationOauthCallbackPage,
-  validateSearch: zodValidator(
-    AzureAppConfigurationOauthCallbackPageQueryParamsSchema,
-  ),
+  validateSearch: zodValidator(AzureAppConfigurationOauthCallbackPageQueryParamsSchema),
   beforeLoad: ({ context, params }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Azure App Configuration',
-        },
-      ],
-    }
-  },
-})
+          label: "Azure App Configuration"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AzureDevopsAuthorizePage/AzureDevopsAuthorizePage.tsx

@@ -39,7 +39,7 @@ export const AzureDevopsAuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/azure-devops/create",
+        to: "/projects/$projectId/secret-manager/integrations/azure-devops/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AzureDevopsAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AzureDevopsAuthorizePage } from './AzureDevopsAuthorizePage'
+import { AzureDevopsAuthorizePage } from "./AzureDevopsAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-devops/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-devops/authorize"
 )({
   component: AzureDevopsAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Azure Devops',
-        },
-      ],
-    }
-  },
-})
+          label: "Azure Devops"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AzureDevopsConfigurePage/AzureDevopsConfigurePage.tsx

@@ -80,7 +80,7 @@ export const AzureDevopsConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AzureDevopsConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AzureDevopsConfigurePage } from './AzureDevopsConfigurePage'
+import { AzureDevopsConfigurePage } from "./AzureDevopsConfigurePage";
 
 const AzureDevopsConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-devops/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-devops/create"
 )({
   component: AzureDevopsConfigurePage,
   validateSearch: zodValidator(AzureDevopsConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Azure Devops',
-        },
-      ],
-    }
-  },
-})
+          label: "Azure Devops"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AzureKeyVaultAuthorizePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import z from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import z from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AzureKeyVaultAuthorizePage } from './AzureKeyVaultAuthorizePage'
+import { AzureKeyVaultAuthorizePage } from "./AzureKeyVaultAuthorizePage";
 
 const PageQueryParamsSchema = z.object({
   state: z.string(),
-  clientId: z.string().optional(),
-})
+  clientId: z.string().optional()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-key-vault/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-key-vault/authorize"
 )({
   component: AzureKeyVaultAuthorizePage,
   validateSearch: PageQueryParamsSchema,
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Azure Key Vault',
-        },
-      ],
-    }
-  },
-})
+          label: "Azure Key Vault"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AzureKeyVaultConfigurePage/AzureKeyVaultConfigurePage.tsx

@@ -88,7 +88,7 @@ export const AzureKeyVaultConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/AzureKeyVaultConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AzureKeyVaultConfigurePage } from './AzureKeyVaultConfigurePage'
+import { AzureKeyVaultConfigurePage } from "./AzureKeyVaultConfigurePage";
 
 const AzureKeyVaultConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-key-vault/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-key-vault/create"
 )({
   component: AzureKeyVaultConfigurePage,
   validateSearch: zodValidator(AzureKeyVaultConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Azure Key Vault',
-        },
-      ],
-    }
-  },
-})
+          label: "Azure Key Vault"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/AzureKeyVaultOauthCallbackPage/AzureKeyVaultOauthCallback.tsx

@@ -28,7 +28,7 @@ export const AzureKeyVaultOauthCallbackPage = () => {
         });
 
         navigate({
-          to: "/secret-manager/$projectId/integrations/azure-key-vault/create",
+          to: "/projects/$projectId/secret-manager/integrations/azure-key-vault/create",
           params: {
             projectId: currentWorkspace.id
           },

frontend/src/pages/secret-manager/integrations/AzureKeyVaultOauthCallbackPage/route.tsx

@@ -1,18 +1,18 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { AzureKeyVaultOauthCallbackPage } from './AzureKeyVaultOauthCallback'
+import { AzureKeyVaultOauthCallbackPage } from "./AzureKeyVaultOauthCallback";
 
 export const AzureKeyVaultOauthCallbackQueryParamsSchema = z.object({
-  state: z.string().catch(''),
-  code: z.coerce.string().catch(''),
-})
+  state: z.string().catch(""),
+  code: z.coerce.string().catch("")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-key-vault/oauth2/callback',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/azure-key-vault/oauth2/callback"
 )({
   component: AzureKeyVaultOauthCallbackPage,
   validateSearch: zodValidator(AzureKeyVaultOauthCallbackQueryParamsSchema),
@@ -21,19 +21,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Azure Key Vault',
-        },
-      ],
-    }
-  },
-})
+          label: "Azure Key Vault"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/BitbucketConfigurePage/BitbucketConfigurePage.tsx

@@ -148,7 +148,7 @@ export const BitbucketConfigurePage = () => {
         text: "Successfully created integration"
       });
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/BitbucketConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { BitbucketConfigurePage } from './BitbucketConfigurePage'
+import { BitbucketConfigurePage } from "./BitbucketConfigurePage";
 
 const BitbucketConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/bitbucket/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/bitbucket/create"
 )({
   component: BitbucketConfigurePage,
   validateSearch: zodValidator(BitbucketConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Bitbucket',
-        },
-      ],
-    }
-  },
-})
+          label: "Bitbucket"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/BitbucketOauthCallbackPage/BitbucketOauthCallbackPage.tsx

@@ -27,7 +27,7 @@ export const BitbucketOauthCallbackPage = () => {
         });
 
         navigate({
-          to: "/secret-manager/$projectId/integrations/bitbucket/create",
+          to: "/projects/$projectId/secret-manager/integrations/bitbucket/create",
           params: {
             projectId: currentWorkspace.id
           },

frontend/src/pages/secret-manager/integrations/BitbucketOauthCallbackPage/route.tsx

@@ -1,18 +1,18 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { BitbucketOauthCallbackPage } from './BitbucketOauthCallbackPage'
+import { BitbucketOauthCallbackPage } from "./BitbucketOauthCallbackPage";
 
 export const BitbucketOauthCallbackQueryParamsSchema = z.object({
-  state: z.string().catch(''),
-  code: z.coerce.string().catch(''),
-})
+  state: z.string().catch(""),
+  code: z.coerce.string().catch("")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/bitbucket/oauth2/callback',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/bitbucket/oauth2/callback"
 )({
   component: BitbucketOauthCallbackPage,
   validateSearch: zodValidator(BitbucketOauthCallbackQueryParamsSchema),
@@ -21,19 +21,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Bitbucket',
-        },
-      ],
-    }
-  },
-})
+          label: "Bitbucket"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/ChecklyAuthorizePage/ChecklyAuthorizePage.tsx

@@ -36,7 +36,7 @@ export const ChecklyAuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/checkly/create",
+        to: "/projects/$projectId/secret-manager/integrations/checkly/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/ChecklyAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { ChecklyAuthorizePage } from './ChecklyAuthorizePage'
+import { ChecklyAuthorizePage } from "./ChecklyAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/checkly/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/checkly/authorize"
 )({
   component: ChecklyAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Checkly',
-        },
-      ],
-    }
-  },
-})
+          label: "Checkly"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/ChecklyConfigurePage/ChecklyConfigurePage.tsx

@@ -113,7 +113,7 @@ export const ChecklyConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/ChecklyConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { ChecklyConfigurePage } from './ChecklyConfigurePage'
+import { ChecklyConfigurePage } from "./ChecklyConfigurePage";
 
 const ChecklyConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/checkly/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/checkly/create"
 )({
   component: ChecklyConfigurePage,
   validateSearch: zodValidator(ChecklyConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Checkly',
-        },
-      ],
-    }
-  },
-})
+          label: "Checkly"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CircleCIAuthorizePage/CircleCIAuthorizePage.tsx

@@ -36,7 +36,7 @@ export const CircleCIAuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/circleci/create",
+        to: "/projects/$projectId/secret-manager/integrations/circleci/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CircleCIAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CircleCIAuthorizePage } from './CircleCIAuthorizePage'
+import { CircleCIAuthorizePage } from "./CircleCIAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/circleci/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/circleci/authorize"
 )({
   component: CircleCIAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Circle CI',
-        },
-      ],
-    }
-  },
-})
+          label: "Circle CI"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CircleCIConfigurePage/CircleCIConfigurePage.tsx

@@ -103,7 +103,7 @@ export const CircleCIConfigurePage = () => {
         text: "Successfully created integration"
       });
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CircleCIConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CircleCIConfigurePage } from './CircleCIConfigurePage'
+import { CircleCIConfigurePage } from "./CircleCIConfigurePage";
 
 const CircleCIConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/circleci/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/circleci/create"
 )({
   component: CircleCIConfigurePage,
   validateSearch: zodValidator(CircleCIConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Circle CI',
-        },
-      ],
-    }
-  },
-})
+          label: "Circle CI"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/Cloud66AuthorizePage/Cloud66AuthorizePage.tsx

@@ -34,7 +34,7 @@ export const Cloud66AuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/cloud-66/create",
+        to: "/projects/$projectId/secret-manager/integrations/cloud-66/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/Cloud66AuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { Cloud66AuthorizePage } from './Cloud66AuthorizePage'
+import { Cloud66AuthorizePage } from "./Cloud66AuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloud-66/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloud-66/authorize"
 )({
   component: Cloud66AuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Cloud 66',
-        },
-      ],
-    }
-  },
-})
+          label: "Cloud 66"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/Cloud66ConfigurePage/Cloud66ConfigurePage.tsx

@@ -75,7 +75,7 @@ export const Cloud66ConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/Cloud66ConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { Cloud66ConfigurePage } from './Cloud66ConfigurePage'
+import { Cloud66ConfigurePage } from "./Cloud66ConfigurePage";
 
 const Cloud66ConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloud-66/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloud-66/create"
 )({
   component: Cloud66ConfigurePage,
   validateSearch: zodValidator(Cloud66ConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Cloud 66',
-        },
-      ],
-    }
-  },
-})
+          label: "Cloud 66"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CloudflarePagesAuthorizePage/CloudflarePagesAuthorizePage.tsx

@@ -41,7 +41,7 @@ export const CloudflarePagesAuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/cloudflare-pages/create",
+        to: "/projects/$projectId/secret-manager/integrations/cloudflare-pages/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CloudflarePagesAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CloudflarePagesAuthorizePage } from './CloudflarePagesAuthorizePage'
+import { CloudflarePagesAuthorizePage } from "./CloudflarePagesAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-pages/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-pages/authorize"
 )({
   component: CloudflarePagesAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Cloudflare Pages',
-        },
-      ],
-    }
-  },
-})
+          label: "Cloudflare Pages"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CloudflarePagesConfigurePage/CloudflarePagesConfigurePage.tsx

@@ -94,7 +94,7 @@ export const CloudflarePagesConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CloudflarePagesConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CloudflarePagesConfigurePage } from './CloudflarePagesConfigurePage'
+import { CloudflarePagesConfigurePage } from "./CloudflarePagesConfigurePage";
 
 const CloudflarePagesConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-pages/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-pages/create"
 )({
   component: CloudflarePagesConfigurePage,
   validateSearch: zodValidator(CloudflarePagesConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Cloudflare Pages',
-        },
-      ],
-    }
-  },
-})
+          label: "Cloudflare Pages"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CloudflareWorkersAuthorizePage/CloudflareWorkersAuthorizePage.tsx

@@ -41,7 +41,7 @@ export const CloudflareWorkersAuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/cloudflare-workers/create",
+        to: "/projects/$projectId/secret-manager/integrations/cloudflare-workers/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CloudflareWorkersAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CloudflareWorkersAuthorizePage } from './CloudflareWorkersAuthorizePage'
+import { CloudflareWorkersAuthorizePage } from "./CloudflareWorkersAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-workers/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-workers/authorize"
 )({
   component: CloudflareWorkersAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Cloudflare Workers',
-        },
-      ],
-    }
-  },
-})
+          label: "Cloudflare Workers"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CloudflareWorkersConfigurePage/CloudflareWorkersConfigurePage.tsx

@@ -67,7 +67,7 @@ export const CloudflareWorkersConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CloudflareWorkersConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CloudflareWorkersConfigurePage } from './CloudflareWorkersConfigurePage'
+import { CloudflareWorkersConfigurePage } from "./CloudflareWorkersConfigurePage";
 
 const CloudflareWorkersConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-workers/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/cloudflare-workers/create"
 )({
   component: CloudflareWorkersConfigurePage,
   validateSearch: zodValidator(CloudflareWorkersConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Cloudflare Workers',
-        },
-      ],
-    }
-  },
-})
+          label: "Cloudflare Workers"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CodefreshAuthorizePage/CodefreshAuthorizePage.tsx

@@ -33,7 +33,7 @@ export const CodefreshAuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/codefresh/create",
+        to: "/projects/$projectId/secret-manager/integrations/codefresh/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CodefreshAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CodefreshAuthorizePage } from './CodefreshAuthorizePage'
+import { CodefreshAuthorizePage } from "./CodefreshAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/codefresh/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/codefresh/authorize"
 )({
   component: CodefreshAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Codefresh',
-        },
-      ],
-    }
-  },
-})
+          label: "Codefresh"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/CodefreshConfigurePage/CodefreshConfigurePage.tsx

@@ -71,7 +71,7 @@ export const CodefreshConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/CodefreshConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { CodefreshConfigurePage } from './CodefreshConfigurePage'
+import { CodefreshConfigurePage } from "./CodefreshConfigurePage";
 
 const CodefreshConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/codefresh/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/codefresh/create"
 )({
   component: CodefreshConfigurePage,
   validateSearch: zodValidator(CodefreshConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Codefresh',
-        },
-      ],
-    }
-  },
-})
+          label: "Codefresh"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/DatabricksAuthorizePage/DatabricksAuthorizePage.tsx

@@ -40,7 +40,7 @@ export const DatabricksAuthorizePage = () => {
       });
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/databricks/create",
+        to: "/projects/$projectId/secret-manager/integrations/databricks/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/DatabricksAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { DatabricksAuthorizePage } from './DatabricksAuthorizePage'
+import { DatabricksAuthorizePage } from "./DatabricksAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/databricks/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/databricks/authorize"
 )({
   component: DatabricksAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Databricks',
-        },
-      ],
-    }
-  },
-})
+          label: "Databricks"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/DatabricksConfigurePage/DatabricksConfigurePage.tsx

@@ -87,7 +87,7 @@ export const DatabricksConfigurePage = () => {
       });
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/DatabricksConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { DatabricksConfigurePage } from './DatabricksConfigurePage'
+import { DatabricksConfigurePage } from "./DatabricksConfigurePage";
 
 const DatabricksConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/databricks/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/databricks/create"
 )({
   component: DatabricksConfigurePage,
   validateSearch: zodValidator(DatabricksConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Databricks',
-        },
-      ],
-    }
-  },
-})
+          label: "Databricks"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/DigitalOceanAppPlatformAuthorizePage/DigitalOceanAppPlatformAuthorizePage.tsx

@@ -33,7 +33,7 @@ export const DigitalOceanAppPlatformAuthorizePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations/digital-ocean-app-platform/create",
+        to: "/projects/$projectId/secret-manager/integrations/digital-ocean-app-platform/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/DigitalOceanAppPlatformAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { DigitalOceanAppPlatformAuthorizePage } from './DigitalOceanAppPlatformAuthorizePage'
+import { DigitalOceanAppPlatformAuthorizePage } from "./DigitalOceanAppPlatformAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/digital-ocean-app-platform/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/digital-ocean-app-platform/authorize"
 )({
   component: DigitalOceanAppPlatformAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'DigitalOcean App Platform',
-        },
-      ],
-    }
-  },
-})
+          label: "DigitalOcean App Platform"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/DigitalOceanAppPlatformConfigurePage/DigitalOceanAppPlatformConfigurePage.tsx

@@ -72,7 +72,7 @@ export const DigitalOceanAppPlatformConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/DigitalOceanAppPlatformConfigurePage/route.tsx

@@ -1,40 +1,38 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { DigitalOceanAppPlatformConfigurePage } from './DigitalOceanAppPlatformConfigurePage'
+import { DigitalOceanAppPlatformConfigurePage } from "./DigitalOceanAppPlatformConfigurePage";
 
 const DigitalOceanAppPlatformConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/digital-ocean-app-platform/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/digital-ocean-app-platform/create"
 )({
   component: DigitalOceanAppPlatformConfigurePage,
-  validateSearch: zodValidator(
-    DigitalOceanAppPlatformConfigurePageQueryParamsSchema,
-  ),
+  validateSearch: zodValidator(DigitalOceanAppPlatformConfigurePageQueryParamsSchema),
   beforeLoad: ({ context, params }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'DigitalOcean App Platform',
-        },
-      ],
-    }
-  },
-})
+          label: "DigitalOcean App Platform"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/FlyioAuthorizePage/FlyioAuthorizePage.tsx

@@ -44,7 +44,7 @@ export const FlyioAuthorizePage = () => {
 
       setIsLoading(false);
       navigate({
-        to: "/secret-manager/$projectId/integrations/flyio/create",
+        to: "/projects/$projectId/secret-manager/integrations/flyio/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/FlyioAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { FlyioAuthorizePage } from './FlyioAuthorizePage'
+import { FlyioAuthorizePage } from "./FlyioAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/flyio/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/flyio/authorize"
 )({
   component: FlyioAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Fly IO',
-        },
-      ],
-    }
-  },
-})
+          label: "Fly IO"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/FlyioConfigurePage/FlyioConfigurePage.tsx

@@ -86,7 +86,7 @@ export const FlyioConfigurePage = () => {
       setIsLoading(false);
 
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/FlyioConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { FlyioConfigurePage } from './FlyioConfigurePage'
+import { FlyioConfigurePage } from "./FlyioConfigurePage";
 
 const FlyioConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/flyio/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/flyio/create"
 )({
   component: FlyioConfigurePage,
   validateSearch: zodValidator(FlyioConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'Fly IO',
-        },
-      ],
-    }
-  },
-})
+          label: "Fly IO"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GcpSecretManagerAuthorizePage/GcpSecretManagerAuthorizePage.tsx

@@ -70,7 +70,7 @@ export const GcpSecretManagerAuthorizePage = () => {
 
       setIsLoading(false);
       navigate({
-        to: "/secret-manager/$projectId/integrations/gcp-secret-manager/create",
+        to: "/projects/$projectId/secret-manager/integrations/gcp-secret-manager/create",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/GcpSecretManagerAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { GcpSecretManagerAuthorizePage } from './GcpSecretManagerAuthorizePage'
+import { GcpSecretManagerAuthorizePage } from "./GcpSecretManagerAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gcp-secret-manager/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gcp-secret-manager/authorize"
 )({
   component: GcpSecretManagerAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'GCP Secret Manager',
-        },
-      ],
-    }
-  },
-})
+          label: "GCP Secret Manager"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GcpSecretManagerConfigurePage/GcpSecretManagerConfigurePage.tsx

@@ -151,7 +151,7 @@ export const GcpSecretManagerConfigurePage = () => {
 
       setIsLoading(false);
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },
@@ -411,8 +411,8 @@ export const GcpSecretManagerConfigurePage = () => {
           <span className="ml-3 text-md text-mineshaft-100">Pro Tip</span>
         </div>
         <span className="text-mineshaft-300 text-sm mt-4">
-          After creating an integration, your secrets will start syncing immediately. 
-          
+          After creating an integration, your secrets will start syncing immediately.
+
           To avoid overwriting existing secrets in GCP Secret Manager, you may consider adding a secret prefix/suffix and/or enabling labeling in the options tab.
         </span>
       </div> */}

frontend/src/pages/secret-manager/integrations/GcpSecretManagerConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { GcpSecretManagerConfigurePage } from './GcpSecretManagerConfigurePage'
+import { GcpSecretManagerConfigurePage } from "./GcpSecretManagerConfigurePage";
 
 const GcpConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gcp-secret-manager/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gcp-secret-manager/create"
 )({
   component: GcpSecretManagerConfigurePage,
   validateSearch: zodValidator(GcpConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'GCP Secret Manager',
-        },
-      ],
-    }
-  },
-})
+          label: "GCP Secret Manager"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GcpSecretManagerOauthCallbackPage/GcpSecretManagerOauthCallbackPage.tsx

@@ -28,7 +28,7 @@ export const GcpSecretManagerOauthCallbackPage = () => {
         });
 
         navigate({
-          to: "/secret-manager/$projectId/integrations/gcp-secret-manager/create",
+          to: "/projects/$projectId/secret-manager/integrations/gcp-secret-manager/create",
           params: {
             projectId: currentWorkspace.id
           },

frontend/src/pages/secret-manager/integrations/GcpSecretManagerOauthCallbackPage/route.tsx

@@ -1,41 +1,39 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { GcpSecretManagerOauthCallbackPage } from './GcpSecretManagerOauthCallbackPage'
+import { GcpSecretManagerOauthCallbackPage } from "./GcpSecretManagerOauthCallbackPage";
 
 export const GcpSecretManagerOAuthCallbackPageQueryParamsSchema = z.object({
-  state: z.string().catch(''),
-  code: z.coerce.string().catch(''),
-})
+  state: z.string().catch(""),
+  code: z.coerce.string().catch("")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gcp-secret-manager/oauth2/callback',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gcp-secret-manager/oauth2/callback"
 )({
   component: GcpSecretManagerOauthCallbackPage,
-  validateSearch: zodValidator(
-    GcpSecretManagerOAuthCallbackPageQueryParamsSchema,
-  ),
+  validateSearch: zodValidator(GcpSecretManagerOAuthCallbackPageQueryParamsSchema),
   beforeLoad: ({ context, params }) => {
     return {
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'GCP Secret Manager',
-        },
-      ],
-    }
-  },
-})
+          label: "GCP Secret Manager"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GithubAuthorizePage/GithubAuthorizePage.tsx

@@ -82,7 +82,7 @@ export const GithubAuthorizePage = () => {
               onClick={() => {
                 if (selectedAuthMethod === AuthMethod.APP) {
                   navigate({
-                    to: "/secret-manager/$projectId/integrations/select-integration-auth",
+                    to: "/projects/$projectId/secret-manager/integrations/select-integration-auth",
                     params: {
                       projectId: currentWorkspace.id
                     },

frontend/src/pages/secret-manager/integrations/GithubAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { GithubAuthorizePage } from './GithubAuthorizePage'
+import { GithubAuthorizePage } from "./GithubAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/github/auth-mode-selection',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/github/auth-mode-selection"
 )({
   component: GithubAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'GitHub',
-        },
-      ],
-    }
-  },
-})
+          label: "GitHub"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GithubConfigurePage/GithubConfigurePage.tsx

@@ -267,7 +267,7 @@ export const GithubConfigurePage = () => {
 
       setIsLoading(false);
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },

frontend/src/pages/secret-manager/integrations/GithubConfigurePage/route.tsx

@@ -1,17 +1,17 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { GithubConfigurePage } from './GithubConfigurePage'
+import { GithubConfigurePage } from "./GithubConfigurePage";
 
 const GithubConfigurePageQueryParamsSchema = z.object({
-  integrationAuthId: z.string(),
-})
+  integrationAuthId: z.string()
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/github/create',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/github/create"
 )({
   component: GithubConfigurePage,
   validateSearch: zodValidator(GithubConfigurePageQueryParamsSchema),
@@ -20,19 +20,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'GitHub',
-        },
-      ],
-    }
-  },
-})
+          label: "GitHub"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GithubOauthCallbackPage/GithubOauthCallbackPage.tsx

@@ -36,7 +36,7 @@ export const GithubOauthCallbackPage = () => {
         });
 
         navigate({
-          to: "/secret-manager/$projectId/integrations/github/create",
+          to: "/projects/$projectId/secret-manager/integrations/github/create",
           params: {
             projectId: currentWorkspace.id
           },

frontend/src/pages/secret-manager/integrations/GithubOauthCallbackPage/route.tsx

@@ -1,19 +1,19 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
-import { zodValidator } from '@tanstack/zod-adapter'
-import { z } from 'zod'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
+import { zodValidator } from "@tanstack/zod-adapter";
+import { z } from "zod";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { GithubOauthCallbackPage } from './GithubOauthCallbackPage'
+import { GithubOauthCallbackPage } from "./GithubOauthCallbackPage";
 
 export const GithubOAuthCallbackPageQueryParamsSchema = z.object({
-  state: z.string().catch(''),
-  installation_id: z.coerce.string().optional().catch(''),
-  code: z.coerce.string().catch(''),
-})
+  state: z.string().catch(""),
+  installation_id: z.coerce.string().optional().catch(""),
+  code: z.coerce.string().catch("")
+});
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/github/oauth2/callback',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/github/oauth2/callback"
 )({
   component: GithubOauthCallbackPage,
   validateSearch: zodValidator(GithubOAuthCallbackPageQueryParamsSchema),
@@ -22,19 +22,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...(context?.breadcrumbs || []),
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'GitHub',
-        },
-      ],
-    }
-  },
-})
+          label: "GitHub"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GitlabAuthorizePage/route.tsx

@@ -1,11 +1,11 @@
-import { createFileRoute, linkOptions } from '@tanstack/react-router'
+import { createFileRoute, linkOptions } from "@tanstack/react-router";
 
-import { IntegrationsListPageTabs } from '@app/types/integrations'
+import { IntegrationsListPageTabs } from "@app/types/integrations";
 
-import { GitlabAuthorizePage } from './GitlabAuthorizePage'
+import { GitlabAuthorizePage } from "./GitlabAuthorizePage";
 
 export const Route = createFileRoute(
-  '/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gitlab/authorize',
+  "/_authenticate/_inject-org-details/_org-layout/projects/$projectId/_project-layout/secret-manager/_secret-manager-layout/integrations/gitlab/authorize"
 )({
   component: GitlabAuthorizePage,
   beforeLoad: ({ context, params }) => {
@@ -13,19 +13,19 @@ export const Route = createFileRoute(
       breadcrumbs: [
         ...context.breadcrumbs,
         {
-          label: 'Integrations',
+          label: "Integrations",
           link: linkOptions({
-            to: '/secret-manager/$projectId/integrations',
+            to: "/projects/$projectId/secret-manager/integrations",
             params,
             search: {
-              selectedTab: IntegrationsListPageTabs.NativeIntegrations,
-            },
-          }),
+              selectedTab: IntegrationsListPageTabs.NativeIntegrations
+            }
+          })
         },
         {
-          label: 'GitLab',
-        },
-      ],
-    }
-  },
-})
+          label: "GitLab"
+        }
+      ]
+    };
+  }
+});

frontend/src/pages/secret-manager/integrations/GitlabConfigurePage/GitlabConfigurePage.tsx

@@ -175,7 +175,7 @@ export const GitlabConfigurePage = () => {
 
       setIsLoading(false);
       navigate({
-        to: "/secret-manager/$projectId/integrations",
+        to: "/projects/$projectId/secret-manager/integrations",
         params: {
           projectId: currentWorkspace.id
         },