fix: dashboard not showing when root accessn not provided

backend/src/server/routes/v3/dashboard-router.ts

@@ -1,3 +1,4 @@
+import { ForbiddenError } from "@casl/ability";
 import { z } from "zod";
 
 import { SecretFoldersSchema, SecretImportsSchema, SecretTagsSchema } from "@app/db/schemas";
@@ -173,6 +174,7 @@ export const registerDashboardRouter = async (server: FastifyZodProvider) => {
         }
       }
 
+      try {
         if (includeDynamicSecrets) {
           // this is the unique count, ie duplicate secrets across envs only count as 1
           totalDynamicSecretCount = await server.services.dynamicSecret.getCountMultiEnv({
@@ -276,6 +278,11 @@ export const registerDashboardRouter = async (server: FastifyZodProvider) => {
             }
           }
         }
+      } catch (error) {
+        if (!(error instanceof ForbiddenError)) {
+          throw error;
+        }
+      }
 
       return {
         folders,
@@ -498,6 +505,7 @@ export const registerDashboardRouter = async (server: FastifyZodProvider) => {
         }
       }
 
+      try {
         if (includeDynamicSecrets) {
           totalDynamicSecretCount = await server.services.dynamicSecret.getDynamicSecretCount({
             actor: req.permission.type,
@@ -594,6 +602,11 @@ export const registerDashboardRouter = async (server: FastifyZodProvider) => {
             }
           }
         }
+      } catch (error) {
+        if (!(error instanceof ForbiddenError)) {
+          throw error;
+        }
+      }
 
       return {
         imports,

frontend/src/views/SecretOverviewPage/SecretOverviewPage.tsx

@@ -191,20 +191,10 @@ export const SecretOverviewPage = () => {
 
   const userAvailableEnvs = currentWorkspace?.environments || [];
 
-  const readableEnvs = userAvailableEnvs?.filter(({ slug }) =>
+  const [visibleEnvs, setVisibleEnvs] = useState(userAvailableEnvs);
-    permission.can(
-      ProjectPermissionActions.Read,
-      subject(ProjectPermissionSub.Secrets, {
-        environment: slug,
-        secretPath
-      })
-    )
-  );
-
-  const [visibleEnvs, setVisibleEnvs] = useState(readableEnvs);
 
   useEffect(() => {
-    setVisibleEnvs(readableEnvs);
+    setVisibleEnvs(userAvailableEnvs);
   }, [userAvailableEnvs, secretPath]);
 
   const { isImportedSecretPresentInEnv, getImportedSecretByKey } = useGetImportedSecretsAllEnvs({
@@ -529,9 +519,7 @@ export const SecretOverviewPage = () => {
 
   const isTableEmpty = totalCount === 0;
 
-  const isTableFiltered =
+  const isTableFiltered = Boolean(Object.values(filter).filter((enabled) => !enabled).length);
-    Boolean(Object.values(filter).filter((enabled) => !enabled).length) ||
-    visibleEnvs.length !== readableEnvs?.length;
 
   if (!isProjectV3)
     return (
@@ -611,7 +599,7 @@ export const SecretOverviewPage = () => {
                   </DropdownMenuTrigger>
                   <DropdownMenuContent align="end">
                     <DropdownMenuLabel>Choose visible environments</DropdownMenuLabel>
-                    {readableEnvs.map((availableEnv) => {
+                    {userAvailableEnvs.map((availableEnv) => {
                       const { id: envId, name } = availableEnv;
 
                       const isEnvSelected = visibleEnvs.map((env) => env.id).includes(envId);