{
if (isCopied) return;
- navigator.clipboard.writeText(query.secretPath);
+ navigator.clipboard.writeText(newSecretPath);
createNotification({
text: "Copied secret path to clipboard",
@@ -195,9 +190,12 @@ export default function NavHeader({
) : (
({ ...query, secretPath: newSecretPath })}
>
{
+ const { watch } = useFormContext
+
+ );
+};
diff --git a/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/GeneralPermissionPolicies.tsx b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/GeneralPermissionPolicies.tsx
new file mode 100644
index 000000000..15d819fc8
--- /dev/null
+++ b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/GeneralPermissionPolicies.tsx
@@ -0,0 +1,188 @@
+import { cloneElement } from "react";
+import { Controller, useFieldArray, useFormContext } from "react-hook-form";
+import {
+ faChevronDown,
+ faChevronRight,
+ faInfoCircle,
+ faPlus,
+ faTrash
+} from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { twMerge } from "tailwind-merge";
+
+import { Button, Checkbox, Select, SelectItem, Tag, Tooltip } from "@app/components/v2";
+import { ProjectPermissionSub } from "@app/context";
+import { useToggle } from "@app/hooks";
+
+import {
+ isConditionalSubjects,
+ TFormSchema,
+ TProjectPermissionObject
+} from "../ProjectRoleModifySection.utils";
+
+type PropsConditions
++ When this policy should apply (always if no conditions are added). +
+
+ {items.fields.map((el, index) => {
+ const condition =
+ (watch(`permissions.${type}.${position}.conditions.${index}`) as {
+ lhs: string;
+ rhs: string;
+ operator: string;
+ }) || {};
+ return (
+
+ {errors?.permissions?.[type]?.[position]?.conditions?.message && (
+
+
+ );
+ })}
+
+ (
+
+
+
+ )}
+ />
+
+
+ (
+
+
+
+ )}
+ />
+
+
+
+
+
+
+ (
+
+
+
+ )}
+ />
+
+
+ items.remove(index)}
+ >
+
+
+
+
+ )}
+ {}
+
+ }
+ variant="star"
+ size="xs"
+ className="mt-3"
+ isDisabled={isDisabled}
+ onClick={() =>
+ items.append({
+ lhs: "environment",
+ operator: PermissionConditionOperators.$EQ,
+ rhs: ""
+ })
+ }
+ >
+ Add Condition
+
+
+
+
+ );
+};
diff --git a/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/IdentityManagementPermissionConditions.tsx b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/IdentityManagementPermissionConditions.tsx
new file mode 100644
index 000000000..8a62c6ad9
--- /dev/null
+++ b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/IdentityManagementPermissionConditions.tsx
@@ -0,0 +1,171 @@
+import { Controller, useFieldArray, useFormContext } from "react-hook-form";
+import { faInfoCircle, faPlus, faTrash, faWarning } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import {
+ Button,
+ FormControl,
+ IconButton,
+ Input,
+ Select,
+ SelectItem,
+ Tooltip
+} from "@app/components/v2";
+import {
+ PermissionConditionOperators,
+ ProjectPermissionSub
+} from "@app/context/ProjectPermissionContext/types";
+
+import { TFormSchema } from "../ProjectRoleModifySection.utils";
+import { getConditionOperatorHelperInfo } from "./PermissionConditionHelpers";
+
+type Props = {
+ position?: number;
+ isDisabled?: boolean;
+};
+
+export const IdentityManagementPermissionConditions = ({ position = 0, isDisabled }: Props) => {
+ const {
+ control,
+ watch,
+ formState: { errors }
+ } = useFormContext setIsOpen.toggle()}
+ onKeyDown={(e) => {
+ if (e.key === "Enter") {
+ setIsOpen.toggle();
+ }
+ }}
+ >
+
+ {isOpen && (
+
+
+ {title}
+ {items.fields.length > 1 && (
+
+
+ {items.fields.length} rules
+
+
+ )}
+
+ {items.fields.map((el, rootIndex) => (
+
+ )}
+
+ {isConditionalSubjects(subject) && (
+
+ ))}
+
+
+ )}
+ Permission
+
+ (
+
+ )}
+ />
+
+
+
+
+
+ + Whether to allow or forbid the selected actions when the following + conditions (if any) are met. +
+Forbid rules must come after allow rules.
+ + } + > +
+
+ {children &&
+ cloneElement(children, {
+ position: rootIndex
+ })}
+ Actions
+
+ {actions.map(({ label, value }) => {
+ if (typeof value !== "string") return undefined;
+ return (
+ (
+
+
+
+ {label}
+
+
+ )}
+ />
+ );
+ })}
+
+ {!isDisabled && isConditionalSubjects(subject) && (
+ }
+ variant="star"
+ size="xs"
+ className="mt-2"
+ onClick={() => {
+ items.insert(rootIndex + 1, [
+ { read: false, edit: false, create: false, delete: false } as any
+ ]);
+ }}
+ isDisabled={isDisabled}
+ >
+ Add policy
+
+ )}
+ {!isDisabled && (
+ }
+ variant="outline_bg"
+ size="xs"
+ className="mt-2 hover:border-red"
+ onClick={() => items.remove(rootIndex)}
+ isDisabled={isDisabled}
+ >
+ Remove policy
+
+ )}{" "}
+
+
+
+ );
+};
diff --git a/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/NewPermissionRule.tsx b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/NewPermissionRule.tsx
new file mode 100644
index 000000000..91008e247
--- /dev/null
+++ b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/NewPermissionRule.tsx
@@ -0,0 +1,124 @@
+import { Controller, useForm, useFormContext } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+
+import {
+ Button,
+ Checkbox,
+ FormControl,
+ FormLabel,
+ ModalClose,
+ Select,
+ SelectItem
+} from "@app/components/v2";
+import { ProjectPermissionSub } from "@app/context";
+
+import {
+ isConditionalSubjects,
+ PROJECT_PERMISSION_OBJECT,
+ projectRoleFormSchema,
+ TFormSchema
+} from "../ProjectRoleModifySection.utils";
+
+type Props = {
+ onClose: () => void;
+};
+
+export const NewPermissionRule = ({ onClose }: Props) => {
+ const rootForm = useFormContextConditions
++ When this policy should apply (always if no conditions are added). +
+
+ {items.fields.map((el, index) => {
+ const condition =
+ (watch(`permissions.${permissionSubject}.${position}.conditions.${index}`) as {
+ lhs: string;
+ rhs: string;
+ operator: string;
+ }) || {};
+ return (
+
+ {errors?.permissions?.[permissionSubject]?.[position]?.conditions?.message && (
+
+
+ );
+ })}
+
+ (
+
+
+
+ )}
+ />
+
+
+ (
+
+
+
+ )}
+ />
+
+
+
+
+
+
+ (
+
+
+
+ )}
+ />
+
+
+ items.remove(index)}
+ >
+
+
+
+
+ )}
+ {}
+
+ }
+ variant="star"
+ size="xs"
+ className="mt-3"
+ isDisabled={isDisabled}
+ onClick={() =>
+ items.append({
+ lhs: "identityId",
+ operator: PermissionConditionOperators.$EQ,
+ rhs: ""
+ })
+ }
+ >
+ Add Condition
+
+
+
+ (
+
+
+
+ )}
+ />
+
+ );
+};
diff --git a/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/PermissionConditionHelpers.tsx b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/PermissionConditionHelpers.tsx
new file mode 100644
index 000000000..9120f0364
--- /dev/null
+++ b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/components/PermissionConditionHelpers.tsx
@@ -0,0 +1,33 @@
+import { GlobPermissionInfo } from "@app/components/permissions";
+import { SelectItem } from "@app/components/v2";
+import { PermissionConditionOperators } from "@app/context/ProjectPermissionContext/types";
+
+export const getConditionOperatorHelperInfo = (type: PermissionConditionOperators) => {
+ switch (type) {
+ case PermissionConditionOperators.$EQ:
+ return "Value should equal specified value.";
+ case PermissionConditionOperators.$NEQ:
+ return "Value should not equal specified value.";
+ case PermissionConditionOperators.$IN:
+ return "List of comma-separated values that match a given value.";
+ case PermissionConditionOperators.$GLOB:
+ return
+ {PROJECT_PERMISSION_OBJECT?.[selectedSubject]?.actions?.map(({ label, value }) => (
+ (
+
+
+
+ {label}
+
+
+ )}
+ />
+ ))}
+
+
+
+
+
+
+
+
+ );
+};
diff --git a/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/index.tsx b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/index.tsx
new file mode 100644
index 000000000..104e2144e
--- /dev/null
+++ b/frontend-v2/src/components/permissions/ProjectRolePermissionsSection/index.tsx
@@ -0,0 +1 @@
+export { RolePermissionsSection } from "./RolePermissionsSection";
diff --git a/frontend-v2/src/components/secrets/SecretReferenceDetails/SecretReferenceDetails.module.css b/frontend-v2/src/components/secrets/SecretReferenceDetails/SecretReferenceDetails.module.css
new file mode 100644
index 000000000..00ca0b770
--- /dev/null
+++ b/frontend-v2/src/components/secrets/SecretReferenceDetails/SecretReferenceDetails.module.css
@@ -0,0 +1,133 @@
+/* credits: https://iamkate.com/code/tree-views/ */
+.tree {
+ --spacing: 1.5rem;
+ --radius: 4px;
+}
+
+.tree li {
+ display: block;
+ position: relative;
+ padding-left: calc(2 * var(--spacing) - var(--radius) - 2px);
+}
+
+.tree ul {
+ margin-left: calc(var(--radius) - var(--spacing));
+ padding-left: 0;
+}
+
+.tree ul li {
+ border-left: 2px solid #888;
+ min-height: 2.5rem;
+}
+
+.tree ul li:last-child {
+ border-color: transparent;
+}
+
+.tree ul li::before {
+ content: "";
+ display: block;
+ position: absolute;
+ top: calc(var(--spacing) / -1);
+ left: -2px;
+ width: calc(var(--spacing) + 2px);
+ height: calc(var(--spacing) + 13px);
+ border: solid #888;
+ border-radius: 0 0 0 8px;
+ border-width: 0 0 2px 2px;
+ transition: all 200ms linear;
+}
+
+.details[open] summary ~ * {
+ animation: sweep 0.5s ease-in-out;
+}
+
+@keyframes sweep {
+ 0% {
+ opacity: 0;
+ margin-left: -10px;
+ }
+ 100% {
+ opacity: 1;
+ margin-left: 0px;
+ }
+}
+
+.tree summary {
+ display: block;
+ cursor: pointer;
+ min-height: 2.5rem;
+}
+
+.tree summary::marker,
+.tree summary::-webkit-details-marker {
+ display: none;
+}
+
+.tree summary:focus {
+ outline: none;
+}
+
+.tree summary:focus-visible {
+ outline: 1px dotted #000;
+}
+
+.tree li::after,
+.tree summary::before {
+ content: "";
+ display: block;
+ position: absolute;
+ top: calc(var(--spacing) / 2 - var(--radius));
+ left: calc(var(--spacing) - var(--radius) - 1px);
+ width: calc(2 * var(--radius));
+ height: calc(2 * var(--radius));
+ border-radius: 50%;
+ background: #ddd;
+}
+
+.tree summary::before {
+ z-index: 1;
+ background: #ddd 0 0;
+}
+
+.tree details[open] > summary::before {
+ background-position: calc(-2 * var(--radius)) 0;
+}
+
+.collapsibleContent {
+ /*overflow-y: hidden;*/
+}
+.collapsibleContent[data-state="open"] {
+ animation: slideDown 300ms ease-out;
+}
+.collapsibleContent[data-state="closed"] {
+ animation: slideUp 300ms ease-out;
+}
+
+@keyframes slideDown {
+ 0% {
+ height: 0;
+ opacity: 0;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ height: var(--radix-collapsible-content-height);
+ opacity: 1;
+ }
+}
+
+@keyframes slideUp {
+ 0% {
+ height: var(--radix-collapsible-content-height);
+ opacity: 1;
+ }
+ 50% {
+ opacity: 0;
+ }
+ 100% {
+ height: 0;
+ opacity: 0;
+ }
+}
diff --git a/frontend-v2/src/components/secrets/SecretReferenceDetails/SecretReferenceDetails.tsx b/frontend-v2/src/components/secrets/SecretReferenceDetails/SecretReferenceDetails.tsx
new file mode 100644
index 000000000..8164353d8
--- /dev/null
+++ b/frontend-v2/src/components/secrets/SecretReferenceDetails/SecretReferenceDetails.tsx
@@ -0,0 +1,128 @@
+import { useState } from "react";
+import { faChevronRight, faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import * as Collapsible from "@radix-ui/react-collapsible";
+import { twMerge } from "tailwind-merge";
+
+import { FormControl, FormLabel, SecretInput, Spinner, Tooltip } from "@app/components/v2";
+import { useWorkspace } from "@app/context";
+import { useGetSecretReferenceTree } from "@app/hooks/api";
+import { TSecretReferenceTraceNode } from "@app/hooks/api/types";
+
+import style from "./SecretReferenceDetails.module.css";
+
+type Props = {
+ environment: string;
+ secretPath: string;
+ secretKey: string;
+};
+
+const INTERPOLATION_SYNTAX_REG = /\${([^}]+)}/;
+export const hasSecretReference = (value: string | undefined) =>
+ value ? INTERPOLATION_SYNTAX_REG.test(value) : false;
+
+export const SecretReferenceNode = ({
+ node,
+ isRoot,
+ secretKey
+}: {
+ node: TSecretReferenceTraceNode;
+ isRoot?: boolean;
+ secretKey?: string;
+}) => {
+ const [isOpen, setIsOpen] = useState(false);
+ const hasChildren = node.children.length > 0;
+
+ return (
+ Conditions
++ When this policy should apply (always if no conditions are added). +
+
+ {items.fields.map((el, index) => {
+ const condition = watch(`permissions.secrets.${position}.conditions.${index}`) as {
+ lhs: string;
+ rhs: string;
+ operator: string;
+ };
+ return (
+
+ {errors?.permissions?.secrets?.[position]?.conditions?.message && (
+
+
+ );
+ })}
+
+ (
+
+
+
+ )}
+ />
+
+
+ (
+
+
+
+ )}
+ />
+
+
+
+
+
+
+ (
+
+
+
+ )}
+ />
+
+
+ items.remove(index)}
+ >
+
+
+
+
+ )}
+
+ }
+ variant="star"
+ size="xs"
+ className="mt-3"
+ isDisabled={isDisabled}
+ onClick={() =>
+ items.append({
+ lhs: "environment",
+ operator: PermissionConditionOperators.$EQ,
+ rhs: ""
+ })
+ }
+ >
+ Add Condition
+
+
+ -
+ {node.children.map((el, index) => (
+
+
+ );
+ }
+
+ return (
+
+
+
+
+ );
+};
diff --git a/frontend-v2/src/components/secrets/SecretReferenceDetails/index.tsx b/frontend-v2/src/components/secrets/SecretReferenceDetails/index.tsx
new file mode 100644
index 000000000..6238ff612
--- /dev/null
+++ b/frontend-v2/src/components/secrets/SecretReferenceDetails/index.tsx
@@ -0,0 +1 @@
+export { hasSecretReference,SecretReferenceTree } from "./SecretReferenceDetails";
diff --git a/frontend-v2/src/layouts/ProjectLayout/ProjectLayout.tsx b/frontend-v2/src/layouts/ProjectLayout/ProjectLayout.tsx
index cec706cae..bb286ebdf 100644
--- a/frontend-v2/src/layouts/ProjectLayout/ProjectLayout.tsx
+++ b/frontend-v2/src/layouts/ProjectLayout/ProjectLayout.tsx
@@ -134,7 +134,7 @@ export const ProjectLayout = () => {
)}
AuthenticateCtxOrgDetailsOrganizationLayoutOrgRoute,
} as any)
-const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute =
- AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewImport.update(
- {
- id: '/overview',
- path: '/overview',
- getParentRoute: () =>
- AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
- } as any,
- )
-
const AuthenticateCtxOrgDetailsOrganizationLayoutOrgSecretManagerOverviewRoute =
AuthenticateCtxOrgDetailsOrganizationLayoutOrgSecretManagerOverviewImport.update(
{
@@ -344,6 +343,66 @@ const AuthenticateCtxOrgDetailsOrganizationLayoutOrgCertManagerOverviewRoute =
} as any,
)
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexImport.update(
+ {
+ id: '/settings/',
+ path: '/settings/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexImport.update(
+ {
+ id: '/secret-rotation/',
+ path: '/secret-rotation/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexImport.update(
+ {
+ id: '/overview/',
+ path: '/overview/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexImport.update(
+ {
+ id: '/approval/',
+ path: '/approval/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexImport.update(
+ {
+ id: '/allowlist/',
+ path: '/allowlist/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexImport.update(
+ {
+ id: '/access/',
+ path: '/access/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
const AuthenticateCtxOrgDetailsOrganizationLayoutOrgRolesRoleIdIndexRoute =
AuthenticateCtxOrgDetailsOrganizationLayoutOrgRolesRoleIdIndexImport.update({
id: '/roles/$roleId/',
@@ -378,6 +437,46 @@ const AuthenticateCtxOrgDetailsOrganizationLayoutOrgGroupsGroupIdIndexRoute =
} as any,
)
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexImport.update(
+ {
+ id: '/secrets/$envSlug/',
+ path: '/secrets/$envSlug/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexImport.update(
+ {
+ id: '/roles/$roleSlug/',
+ path: '/roles/$roleSlug/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexImport.update(
+ {
+ id: '/members/$membershipId/',
+ path: '/members/$membershipId/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
+const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute =
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexImport.update(
+ {
+ id: '/identities/$identityId/',
+ path: '/identities/$identityId/',
+ getParentRoute: () =>
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRoute,
+ } as any,
+ )
+
// Populate the FileRoutesByPath interface
declare module '@tanstack/react-router' {
@@ -585,13 +684,6 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgSecretManagerOverviewImport
parentRoute: typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgImport
}
- '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview': {
- id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview'
- path: '/overview'
- fullPath: '/secret-manager/$projectId/overview'
- preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewImport
- parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
- }
'/_authenticate/_ctx-org-details/organization/_layout-org/admin/': {
id: '/_authenticate/_ctx-org-details/organization/_layout-org/admin/'
path: '/admin'
@@ -683,6 +775,76 @@ declare module '@tanstack/react-router' {
preLoaderRoute: typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgRolesRoleIdIndexImport
parentRoute: typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgImport
}
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/access/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/access/'
+ path: '/access'
+ fullPath: '/secret-manager/$projectId/access'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/allowlist/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/allowlist/'
+ path: '/allowlist'
+ fullPath: '/secret-manager/$projectId/allowlist'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/approval/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/approval/'
+ path: '/approval'
+ fullPath: '/secret-manager/$projectId/approval'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview/'
+ path: '/overview'
+ fullPath: '/secret-manager/$projectId/overview'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secret-rotation/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secret-rotation/'
+ path: '/secret-rotation'
+ fullPath: '/secret-manager/$projectId/secret-rotation'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/settings/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/settings/'
+ path: '/settings'
+ fullPath: '/secret-manager/$projectId/settings'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/identities/$identityId/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/identities/$identityId/'
+ path: '/identities/$identityId'
+ fullPath: '/secret-manager/$projectId/identities/$identityId'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/members/$membershipId/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/members/$membershipId/'
+ path: '/members/$membershipId'
+ fullPath: '/secret-manager/$projectId/members/$membershipId'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/roles/$roleSlug/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/roles/$roleSlug/'
+ path: '/roles/$roleSlug'
+ fullPath: '/secret-manager/$projectId/roles/$roleSlug'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secrets/$envSlug/': {
+ id: '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secrets/$envSlug/'
+ path: '/secrets/$envSlug'
+ fullPath: '/secret-manager/$projectId/secrets/$envSlug'
+ preLoaderRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexImport
+ parentRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerImport
+ }
}
}
@@ -767,13 +929,40 @@ const AuthenticateCtxOrgDetailsOrganizationRouteWithChildren =
)
interface AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRouteChildren {
- AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute: typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute
}
const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRouteChildren: AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRouteChildren =
{
- AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute:
- AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute,
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute:
+ AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute,
}
const AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRouteWithChildren =
@@ -928,7 +1117,6 @@ export interface FileRoutesByFullPath {
'/organization/cert-manager/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgCertManagerOverviewRoute
'/organization/kms/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgKmsOverviewRoute
'/organization/secret-manager/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgSecretManagerOverviewRoute
- '/secret-manager/$projectId/overview': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute
'/organization/admin': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgAdminIndexRoute
'/organization/audit-logs': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgAuditLogsIndexRoute
'/organization/billing': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgBillingIndexRoute
@@ -942,6 +1130,16 @@ export interface FileRoutesByFullPath {
'/organization/identities/$identityId': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgIdentitiesIdentityIdIndexRoute
'/organization/memberships/$membershipId': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgMembershipsMembershipIdIndexRoute
'/organization/roles/$roleId': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgRolesRoleIdIndexRoute
+ '/secret-manager/$projectId/access': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute
+ '/secret-manager/$projectId/allowlist': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute
+ '/secret-manager/$projectId/approval': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute
+ '/secret-manager/$projectId/overview': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute
+ '/secret-manager/$projectId/secret-rotation': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute
+ '/secret-manager/$projectId/settings': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute
+ '/secret-manager/$projectId/identities/$identityId': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute
+ '/secret-manager/$projectId/members/$membershipId': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute
+ '/secret-manager/$projectId/roles/$roleSlug': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute
+ '/secret-manager/$projectId/secrets/$envSlug': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute
}
export interface FileRoutesByTo {
@@ -967,7 +1165,6 @@ export interface FileRoutesByTo {
'/organization/cert-manager/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgCertManagerOverviewRoute
'/organization/kms/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgKmsOverviewRoute
'/organization/secret-manager/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgSecretManagerOverviewRoute
- '/secret-manager/$projectId/overview': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute
'/organization/admin': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgAdminIndexRoute
'/organization/audit-logs': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgAuditLogsIndexRoute
'/organization/billing': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgBillingIndexRoute
@@ -981,6 +1178,16 @@ export interface FileRoutesByTo {
'/organization/identities/$identityId': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgIdentitiesIdentityIdIndexRoute
'/organization/memberships/$membershipId': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgMembershipsMembershipIdIndexRoute
'/organization/roles/$roleId': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgRolesRoleIdIndexRoute
+ '/secret-manager/$projectId/access': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute
+ '/secret-manager/$projectId/allowlist': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute
+ '/secret-manager/$projectId/approval': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute
+ '/secret-manager/$projectId/overview': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute
+ '/secret-manager/$projectId/secret-rotation': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute
+ '/secret-manager/$projectId/settings': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute
+ '/secret-manager/$projectId/identities/$identityId': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute
+ '/secret-manager/$projectId/members/$membershipId': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute
+ '/secret-manager/$projectId/roles/$roleSlug': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute
+ '/secret-manager/$projectId/secrets/$envSlug': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute
}
export interface FileRoutesById {
@@ -1014,7 +1221,6 @@ export interface FileRoutesById {
'/_authenticate/_ctx-org-details/organization/_layout-org/cert-manager/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgCertManagerOverviewRoute
'/_authenticate/_ctx-org-details/organization/_layout-org/kms/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgKmsOverviewRoute
'/_authenticate/_ctx-org-details/organization/_layout-org/secret-manager/overview': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgSecretManagerOverviewRoute
- '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewRoute
'/_authenticate/_ctx-org-details/organization/_layout-org/admin/': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgAdminIndexRoute
'/_authenticate/_ctx-org-details/organization/_layout-org/audit-logs/': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgAuditLogsIndexRoute
'/_authenticate/_ctx-org-details/organization/_layout-org/billing/': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgBillingIndexRoute
@@ -1028,6 +1234,16 @@ export interface FileRoutesById {
'/_authenticate/_ctx-org-details/organization/_layout-org/identities/$identityId/': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgIdentitiesIdentityIdIndexRoute
'/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgMembershipsMembershipIdIndexRoute
'/_authenticate/_ctx-org-details/organization/_layout-org/roles/$roleId/': typeof AuthenticateCtxOrgDetailsOrganizationLayoutOrgRolesRoleIdIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/access/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAccessIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/allowlist/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerAllowlistIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/approval/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerApprovalIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerOverviewIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secret-rotation/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretRotationIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/settings/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSettingsIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/identities/$identityId/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerIdentitiesIdentityIdIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/members/$membershipId/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerMembersMembershipIdIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/roles/$roleSlug/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerRolesRoleSlugIndexRoute
+ '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secrets/$envSlug/': typeof AuthenticateCtxOrgDetailsSecretManagerProjectIdLayoutSecretManagerSecretsEnvSlugIndexRoute
}
export interface FileRouteTypes {
@@ -1057,7 +1273,6 @@ export interface FileRouteTypes {
| '/organization/cert-manager/overview'
| '/organization/kms/overview'
| '/organization/secret-manager/overview'
- | '/secret-manager/$projectId/overview'
| '/organization/admin'
| '/organization/audit-logs'
| '/organization/billing'
@@ -1071,6 +1286,16 @@ export interface FileRouteTypes {
| '/organization/identities/$identityId'
| '/organization/memberships/$membershipId'
| '/organization/roles/$roleId'
+ | '/secret-manager/$projectId/access'
+ | '/secret-manager/$projectId/allowlist'
+ | '/secret-manager/$projectId/approval'
+ | '/secret-manager/$projectId/overview'
+ | '/secret-manager/$projectId/secret-rotation'
+ | '/secret-manager/$projectId/settings'
+ | '/secret-manager/$projectId/identities/$identityId'
+ | '/secret-manager/$projectId/members/$membershipId'
+ | '/secret-manager/$projectId/roles/$roleSlug'
+ | '/secret-manager/$projectId/secrets/$envSlug'
fileRoutesByTo: FileRoutesByTo
to:
| '/'
@@ -1095,7 +1320,6 @@ export interface FileRouteTypes {
| '/organization/cert-manager/overview'
| '/organization/kms/overview'
| '/organization/secret-manager/overview'
- | '/secret-manager/$projectId/overview'
| '/organization/admin'
| '/organization/audit-logs'
| '/organization/billing'
@@ -1109,6 +1333,16 @@ export interface FileRouteTypes {
| '/organization/identities/$identityId'
| '/organization/memberships/$membershipId'
| '/organization/roles/$roleId'
+ | '/secret-manager/$projectId/access'
+ | '/secret-manager/$projectId/allowlist'
+ | '/secret-manager/$projectId/approval'
+ | '/secret-manager/$projectId/overview'
+ | '/secret-manager/$projectId/secret-rotation'
+ | '/secret-manager/$projectId/settings'
+ | '/secret-manager/$projectId/identities/$identityId'
+ | '/secret-manager/$projectId/members/$membershipId'
+ | '/secret-manager/$projectId/roles/$roleSlug'
+ | '/secret-manager/$projectId/secrets/$envSlug'
id:
| '__root__'
| '/'
@@ -1140,7 +1374,6 @@ export interface FileRouteTypes {
| '/_authenticate/_ctx-org-details/organization/_layout-org/cert-manager/overview'
| '/_authenticate/_ctx-org-details/organization/_layout-org/kms/overview'
| '/_authenticate/_ctx-org-details/organization/_layout-org/secret-manager/overview'
- | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview'
| '/_authenticate/_ctx-org-details/organization/_layout-org/admin/'
| '/_authenticate/_ctx-org-details/organization/_layout-org/audit-logs/'
| '/_authenticate/_ctx-org-details/organization/_layout-org/billing/'
@@ -1154,6 +1387,16 @@ export interface FileRouteTypes {
| '/_authenticate/_ctx-org-details/organization/_layout-org/identities/$identityId/'
| '/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/'
| '/_authenticate/_ctx-org-details/organization/_layout-org/roles/$roleId/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/access/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/allowlist/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/approval/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secret-rotation/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/settings/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/identities/$identityId/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/members/$membershipId/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/roles/$roleSlug/'
+ | '/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secrets/$envSlug/'
fileRoutesById: FileRoutesById
}
@@ -1336,7 +1579,16 @@ export const routeTree = rootRoute
"filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager.tsx",
"parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId",
"children": [
- "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview"
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/access/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/allowlist/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/approval/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secret-rotation/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/settings/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/identities/$identityId/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/members/$membershipId/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/roles/$roleSlug/",
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secrets/$envSlug/"
]
},
"/_authenticate/_ctx-org-details/organization/_layout-org/": {
@@ -1355,10 +1607,6 @@ export const routeTree = rootRoute
"filePath": "_authenticate/_ctx-org-details/organization/_layout-org/secret-manager/overview.tsx",
"parent": "/_authenticate/_ctx-org-details/organization/_layout-org"
},
- "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview": {
- "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview.tsx",
- "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
- },
"/_authenticate/_ctx-org-details/organization/_layout-org/admin/": {
"filePath": "_authenticate/_ctx-org-details/organization/_layout-org/admin/index.tsx",
"parent": "/_authenticate/_ctx-org-details/organization/_layout-org"
@@ -1410,6 +1658,46 @@ export const routeTree = rootRoute
"/_authenticate/_ctx-org-details/organization/_layout-org/roles/$roleId/": {
"filePath": "_authenticate/_ctx-org-details/organization/_layout-org/roles/$roleId/index.tsx",
"parent": "/_authenticate/_ctx-org-details/organization/_layout-org"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/access/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/access/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/allowlist/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/allowlist/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/approval/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/approval/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secret-rotation/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/secret-rotation/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/settings/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/settings/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/identities/$identityId/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/identities.$identityId/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/members/$membershipId/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/members.$membershipId/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/roles/$roleSlug/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/roles/$roleSlug/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
+ },
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/secrets/$envSlug/": {
+ "filePath": "_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/secrets.$envSlug/index.tsx",
+ "parent": "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager"
}
}
}
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/admin/-components/OrgAdminProjects/OrgAdminProjects.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/admin/-components/OrgAdminProjects/OrgAdminProjects.tsx
index 1d2fc1ffb..4e33e5688 100644
--- a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/admin/-components/OrgAdminProjects/OrgAdminProjects.tsx
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/admin/-components/OrgAdminProjects/OrgAdminProjects.tsx
@@ -59,7 +59,7 @@ export const OrgAdminProjects = withPermission(
projectId
});
await navigate({
- to: `/${type}/$projectId/secrets/overview` as const,
+ to: `/${type}/$projectId/overview` as const,
params: {
projectId
}
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/identities/$identityId/-components/IdentityProjectsSection/IdentityProjectRow.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/identities/$identityId/-components/IdentityProjectsSection/IdentityProjectRow.tsx
index 117a8e961..0b3aab8b2 100644
--- a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/identities/$identityId/-components/IdentityProjectsSection/IdentityProjectRow.tsx
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/identities/$identityId/-components/IdentityProjectsSection/IdentityProjectRow.tsx
@@ -6,10 +6,10 @@ import { format } from "date-fns";
import { createNotification } from "@app/components/notifications";
import { IconButton, Tag, Td, Tooltip, Tr } from "@app/components/v2";
+import { useGetUserWorkspaces } from "@app/hooks/api";
import { IdentityMembership } from "@app/hooks/api/identities/types";
import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
import { UsePopUpState } from "@app/hooks/usePopUp";
-import { useGetUserWorkspaces } from "@app/hooks/api";
export enum TabSections {
Member = "members",
@@ -59,7 +59,7 @@ export const IdentityProjectRow = ({
onClick={() => {
if (isAccessible) {
navigate({
- to: `/${project?.type}/${project.id}/members` as const,
+ to: `/${project?.type}/${project.id}/access` as const,
search: {
selectedTab: TabSections.Identities
}
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/members/index.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/members/index.tsx
index cc7e7aa6c..2bc392338 100644
--- a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/members/index.tsx
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/members/index.tsx
@@ -78,7 +78,8 @@ const MembersPage = () => {
};
const MembersPageQuerySchema = z.object({
- selectedTab: z.string().catch(TabSections.Member)
+ selectedTab: z.string().catch(TabSections.Member),
+ action: z.string().catch("")
});
export const Route = createFileRoute(
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/-components/UserProjectsSection/UserProjectRow.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/-components/UserProjectsSection/UserProjectRow.tsx
index 59ad5f22c..2587719ff 100644
--- a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/-components/UserProjectsSection/UserProjectRow.tsx
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/-components/UserProjectsSection/UserProjectRow.tsx
@@ -5,11 +5,11 @@ import { useNavigate } from "@tanstack/react-router";
import { createNotification } from "@app/components/notifications";
import { IconButton, Tag, Td, Tooltip, Tr } from "@app/components/v2";
+import { useGetUserWorkspaces } from "@app/hooks/api";
import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
import { TWorkspaceUser } from "@app/hooks/api/types";
import { UsePopUpState } from "@app/hooks/usePopUp";
import { TabSections } from "@app/types/org";
-import { useGetUserWorkspaces } from "@app/hooks/api";
type Props = {
membership: TWorkspaceUser;
@@ -52,7 +52,7 @@ export const UserProjectRow = ({
onClick={() => {
if (isAccessible) {
navigate({
- to: `/${project.type}/$projectId/members` as const,
+ to: `/${project.type}/$projectId/access` as const,
params: {
projectId: project.id
},
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/index.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/index.tsx
index 3dc5c0fdc..cff8a8815 100644
--- a/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/index.tsx
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/organization/_layout-org/memberships/$membershipId/index.tsx
@@ -98,10 +98,7 @@ export const OrgUserPage = withPermission(
handlePopUpClose("removeMember");
navigate({
- to: "/organization/$organizationId/members" as const,
- params: {
- organizationId: currentOrg.id
- },
+ to: "/organization/members" as const,
search: {
selectedTab: TabSections.Member
}
@@ -127,10 +124,7 @@ export const OrgUserPage = withPermission(
leftIcon={
+ {tree && (
+
+ -
+
+ Click a secret key to view its sub-references.
+
+
+
+
+
+
+ );
+};
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/CreateSecretForm/index.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/CreateSecretForm/index.tsx
new file mode 100644
index 000000000..a7851ed77
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/CreateSecretForm/index.tsx
@@ -0,0 +1 @@
+export { CreateSecretForm } from "./CreateSecretForm";
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/FolderBreadCrumbs/FolderBreadCrumbs.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/FolderBreadCrumbs/FolderBreadCrumbs.tsx
new file mode 100644
index 000000000..8f6908142
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/FolderBreadCrumbs/FolderBreadCrumbs.tsx
@@ -0,0 +1,53 @@
+import { faFolderOpen } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useNavigate } from "@tanstack/react-router";
+
+type Props = {
+ secretPath: string;
+ onResetSearch: (path: string) => void;
+};
+
+export const FolderBreadCrumbs = ({ secretPath = "/", onResetSearch }: Props) => {
+ const navigate = useNavigate({
+ from: "/secret-manager/$projectId/overview"
+ });
+
+ const onFolderCrumbClick = (index: number) => {
+ const newSecPath = `/${secretPath.split("/").filter(Boolean).slice(0, index).join("/")}`;
+ if (secretPath === newSecPath) return;
+ navigate({
+ search: (prev) => ({ ...prev, secretPath: newSecPath })
+ }).then(() => onResetSearch(newSecPath));
+ };
+
+ return (
+
+
+ );
+};
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/FolderBreadCrumbs/index.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/FolderBreadCrumbs/index.tsx
new file mode 100644
index 000000000..8224cdb25
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/FolderBreadCrumbs/index.tsx
@@ -0,0 +1 @@
+export { FolderBreadCrumbs } from "./FolderBreadCrumbs";
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretOverviewDynamicSecretRow/SecretOverviewDynamicSecretRow.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretOverviewDynamicSecretRow/SecretOverviewDynamicSecretRow.tsx
new file mode 100644
index 000000000..f814b336b
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretOverviewDynamicSecretRow/SecretOverviewDynamicSecretRow.tsx
@@ -0,0 +1,50 @@
+import { faCheck, faFingerprint, faXmark } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { twMerge } from "tailwind-merge";
+
+import { Td, Tr } from "@app/components/v2";
+
+type Props = {
+ dynamicSecretName: string;
+ environments: { name: string; slug: string }[];
+ isDynamicSecretInEnv: (name: string, env: string) => boolean;
+};
+
+export const SecretOverviewDynamicSecretRow = ({
+ dynamicSecretName,
+ environments = [],
+ isDynamicSecretInEnv
+}: Props) => {
+ return (
+ onFolderCrumbClick(0)}
+ onKeyDown={() => null}
+ role="button"
+ tabIndex={0}
+ >
+
+ {(secretPath || "")
+ .split("/")
+ .filter(Boolean)
+ .map((path, index, arr) => (
+ onFolderCrumbClick(index + 1)}
+ onKeyDown={() => null}
+ role="button"
+ tabIndex={0}
+ >
+ {path}
+
+ ))}
+
+
+
+
+ {dynamicSecretName}
+
+
+
+ {
+ onToggleFolderEdit(folderName);
+ e.stopPropagation();
+ }}
+ >
+
+
+
+ {
+ onToggleFolderSelect(folderName);
+ }}
+ onClick={(e) => {
+ e.stopPropagation();
+ }}
+ className={twMerge("hidden group-hover:flex", isSelected && "flex")}
+ />
+
+ {folderName}
+
+
+
+
+ );
+};
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretOverviewTableRow/SecretNoAccessOverviewTableRow.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretOverviewTableRow/SecretNoAccessOverviewTableRow.tsx
new file mode 100644
index 000000000..c6c32ea2e
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretOverviewTableRow/SecretNoAccessOverviewTableRow.tsx
@@ -0,0 +1,51 @@
+import { faCircle } from "@fortawesome/free-regular-svg-icons";
+import { faLock } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import { Td, Tooltip, Tr } from "@app/components/v2";
+
+type Props = {
+ environments: { name: string; slug: string }[];
+ count: number;
+};
+
+export const SecretNoAccessOverviewTableRow = ({ environments = [], count }: Props) => {
+ return (
+ <>
+ {Array.from(Array(count)).map((_, j) => (
+
+ (
+
+
+ {isDirty ? (
+ <>
+
+ {(isAllowed) => (
+
+
+ {(isAllowed) => (
+
+
+ {(isAllowed) => (
+
+
+ )}
+
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+ ) : (
+ <>
+
+
+
+
+
+
+
+
+
+
+ e.preventDefault()} // prevents secret input from displaying value on open
+ >
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+ NO ACCESS
+
+
+
+
+
+
+
+
+
+ {
+ onToggleSecretSelect(secretKey);
+ }}
+ onClick={(e) => {
+ e.stopPropagation();
+ }}
+ className={twMerge("hidden group-hover:flex", isSelected && "flex")}
+ />
+
+ {secretKey}
+
+
+
+ {!isSecretEmpty && (
+
+
+ )}
+ {isSecretEmpty && (
+
+
+ )}
+
+
+
+
+
+
+
+
+ | + Environment + | ++ Value + | +
|---|---|
|
+
+ {name}
+ {isImportedSecret && (
+
+ |
+
+ |
+
+
+ {({ activeIndex }) => (
+ <>
+
+
+ setIsOpen(true)}
+ value={value}
+ className={({ active }) =>
+ `flex w-full cursor-pointer items-start rounded-sm px-4 py-2 font-inter text-sm text-mineshaft-200 outline-none hover:bg-mineshaft-400 ${
+ active ? "bg-mineshaft-500" : ""
+ }`
+ }
+ >
+
+
+
+
+ )}
+
+ {
+ setIsOpen(false);
+ onChange("");
+ }}
+ {...props}
+ />
+
+ );
+};
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretSearchInput/components/QuickSearchDynamicSecretItem.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretSearchInput/components/QuickSearchDynamicSecretItem.tsx
new file mode 100644
index 000000000..dcc0b40fa
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretSearchInput/components/QuickSearchDynamicSecretItem.tsx
@@ -0,0 +1,61 @@
+import { faChevronRight, faFingerprint, faFolder } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { useNavigate } from "@tanstack/react-router";
+
+import { Td, Tooltip, Tr } from "@app/components/v2";
+import { reverseTruncate } from "@app/helpers/reverseTruncate";
+import { TDashboardProjectSecretsQuickSearch } from "@app/hooks/api/dashboard/types";
+
+type Props = {
+ dynamicSecretGroup: TDashboardProjectSecretsQuickSearch["dynamicSecrets"][string];
+ onClose: () => void;
+};
+
+export const QuickSearchDynamicSecretItem = ({
+ dynamicSecretGroup,
+
+ onClose
+}: Props) => {
+ const navigate = useNavigate({
+ from: "/secret-manager/$projectId/overview"
+ });
+
+ const [groupDynamicSecret] = dynamicSecretGroup;
+
+ const handleNavigate = () => {
+ navigate({
+ search: (prev) => ({
+ ...prev,
+ secretPath: groupDynamicSecret.path,
+ search: groupDynamicSecret.name
+ })
+ });
+ onClose();
+ };
+
+ return (
+
+
+
+
+
+
+
+
+ {
+ if (activeIndex === 0 && e.key === "Enter") setIsOpen(true);
+ }}
+ autoComplete="off"
+ className="input text-md h-[2.3rem] w-full rounded-md rounded-l-none bg-mineshaft-800 py-[0.375rem] pl-2.5 pr-8 text-gray-400 placeholder-mineshaft-50 placeholder-opacity-50 outline-none duration-200 placeholder:text-sm hover:ring-bunker-400/60 focus:bg-mineshaft-700/80 focus:ring-1 focus:ring-primary-400/50"
+ placeholder="Search by secret/folder name..."
+ value={value}
+ onChange={(e) => onChange(e.target.value)}
+ />
+ {hasSearch && (
+ onChange("")}
+ className="absolute right-2 text-primary"
+ ariaLabel="Clear search"
+ >
+
+ )}
+
+
+
+
+ {reverseTruncate(groupDynamicSecret.path)}
+
+
+
+ {reverseTruncate(groupFolder.path)}
+
+
+ );
+};
+
+export const QuickSearchModal = ({
+ isOpen,
+ isSingleEnv,
+ onOpenChange,
+ ...props
+}: QuickSearchModalProps) => {
+ return (
+
+ setSearch(e.target.value)}
+ leftIcon={
+
+
+
+ !show)) &&
+ "border-primary/50 text-primary"
+ )}
+ >
+
+
+
+
+ Filter By
+ {
+ e.preventDefault();
+ handleToggleShowType(RowType.Folder);
+ }}
+ icon={showFilter[RowType.Folder] &&
+ {
+ e.preventDefault();
+ handleToggleShowType(RowType.DynamicSecret);
+ }}
+ icon={showFilter[RowType.DynamicSecret] &&
+ {
+ e.preventDefault();
+ handleToggleShowType(RowType.Secret);
+ }}
+ icon={showFilter[RowType.Secret] &&
+ {tags && tags.length > 0 && (
+
+
+ Filter Secrets by Tag(s)
+ {tags.map(({ id, slug, color }) => (
+ {
+ evt.preventDefault();
+ handleToggleTag(slug);
+ }}
+ key={id}
+ icon={filterTags[slug] &&
+ ))}
+
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+ {slug}
+
+
+ {/* eslint-disable-next-line no-nested-ternary */}
+ {isEnabled ? (
+ // eslint-disable-next-line no-nested-ternary
+ isLoading ? (
+
+
+ {showFilter[RowType.Folder] &&
+ Object.entries(folders).map(([key, folderGroup]) => (
+
+
+ )
+ ) : (
+
+
+
+
+ {reverseTruncate(groupSecret.path ?? "")}
+
+
+
+
+ {tagMatch && (
+
+
+ )}
+ {isSingleEnv ? (
+ {
+ e.stopPropagation();
+ const el = envSlugMap.get(groupSecret.env)?.name;
+ if (el) {
+ handleCopy(groupSecret.value!, el);
+ }
+ }}
+ >
+
+ ) : (
+
+
+
+
+
+
+ Copy Value From...
+ {secretGroup.map((secret) => (
+ {
+ e.stopPropagation();
+ const el = envSlugMap.get(secret.env)?.name;
+ if (el) {
+ handleCopy(secret.value!, el);
+ }
+ }}
+ key={secret.id}
+ >
+
+ ))}
+
+
+ )}
+
+
+
+
+
+
+ Hover to Reveal...
+ {secretGroup.map((secret) => (
+ {
+ e.stopPropagation();
+ const el = envSlugMap.get(secret.env)?.name;
+ if (el) {
+ handleCopy(secret.value!, el);
+ }
+ }}
+ key={secret.id}
+ >
+
+
+
+ ))}
+
+
+
+ {envSlugMap.get(secret.env)?.name}
+
+ {!isSingleEnv && (
+
+ {envSlugMap.get(secret.env)?.name}
+
+ )}
+
+ + {secret.value || "EMPTY"} +
++ *************************** +
+
+ {importCount > 0 && (
+
+ Total import count{" "}
+ (matching filters)
+
+ }
+ >
+
+ )}
+ {folderCount > 0 && (
+
+ Total folder count{" "}
+ (matching filters)
+
+ }
+ >
+
+ )}
+ {dynamicSecretCount > 0 && (
+
+ Total dynamic secret count{" "}
+ (matching filters)
+
+ }
+ >
+
+ )}
+ {secretCount > 0 && (
+
+ Total secret count{" "}
+ (matching filters)
+
+ }
+ >
+
+ )}
+
+ );
+};
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretTableResourceCount/index.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretTableResourceCount/index.tsx
new file mode 100644
index 000000000..d2b5705fa
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretTableResourceCount/index.tsx
@@ -0,0 +1 @@
+export { SecretTableResourceCount } from "./SecretTableResourceCount";
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretV2MigrationSection/SecretV2MigrationSection.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretV2MigrationSection/SecretV2MigrationSection.tsx
new file mode 100644
index 000000000..8c0a0fadf
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretV2MigrationSection/SecretV2MigrationSection.tsx
@@ -0,0 +1,198 @@
+import { useEffect } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { faTriangleExclamation, faWarning } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useQueryClient } from "@tanstack/react-query";
+import { z } from "zod";
+
+import { createNotification } from "@app/components/notifications";
+import { Button, Checkbox, Modal, ModalContent, Spinner } from "@app/components/v2";
+import { useProjectPermission, useWorkspace } from "@app/context";
+import { usePopUp } from "@app/hooks";
+import { useGetWorkspaceById, useMigrateProjectToV3, workspaceKeys } from "@app/hooks/api";
+import { ProjectMembershipRole } from "@app/hooks/api/roles/types";
+import { ProjectType, ProjectVersion } from "@app/hooks/api/workspace/types";
+
+enum ProjectUpgradeStatus {
+ InProgress = "IN_PROGRESS",
+ // Completed -> Will be null if completed. So a completed status is not needed
+ Failed = "FAILED"
+}
+
+const formSchema = z.object({
+ isCLIChecked: z.literal(true),
+ isOperatorChecked: z.literal(true),
+ shouldCloseOpenApprovals: z.literal(true)
+});
+
+export const SecretV2MigrationSection = () => {
+ const { popUp, handlePopUpOpen, handlePopUpToggle } = usePopUp(["migrationInfo"] as const);
+ const { currentWorkspace } = useWorkspace();
+ const queryClient = useQueryClient();
+ const { data: workspaceDetails, refetch } = useGetWorkspaceById(
+ // if v3 no need to fetch
+ currentWorkspace?.version === ProjectVersion.V3 ? "" : currentWorkspace?.id || "",
+ {
+ refetchInterval:
+ currentWorkspace?.upgradeStatus === ProjectUpgradeStatus.InProgress ? 2000 : false
+ }
+ );
+ const { membership } = useProjectPermission();
+ const migrateProjectToV3 = useMigrateProjectToV3();
+ const { handleSubmit, control, reset } = useForm({ resolver: zodResolver(formSchema) });
+ useEffect(() => {
+ if (!popUp.migrationInfo.isOpen) {
+ reset();
+ }
+ }, [popUp.migrationInfo.isOpen]);
+
+ const isProjectUpgraded = workspaceDetails?.version === ProjectVersion.V3;
+
+ useEffect(() => {
+ if (isProjectUpgraded && migrateProjectToV3.data) {
+ createNotification({ type: "success", text: "Project upgrade completed successfully" });
+ migrateProjectToV3.reset();
+ queryClient.invalidateQueries({
+ queryKey: workspaceKeys.getAllUserWorkspace(ProjectType.SecretManager)
+ });
+ }
+ }, [isProjectUpgraded, Boolean(migrateProjectToV3.data)]);
+
+ if (isProjectUpgraded || currentWorkspace?.version === ProjectVersion.V3) return null;
+
+ const isUpgrading = workspaceDetails?.upgradeStatus === ProjectUpgradeStatus.InProgress;
+ const didProjectUpgradeFailed = workspaceDetails?.upgradeStatus === ProjectUpgradeStatus.Failed;
+
+ const handleMigrationSecretV2 = async () => {
+ try {
+ handlePopUpToggle("migrationInfo");
+ await migrateProjectToV3.mutateAsync({ workspaceId: currentWorkspace?.id || "" });
+ refetch();
+ createNotification({
+ text: "Project upgrade started",
+ type: "success"
+ });
+ } catch {
+ createNotification({
+ text: "Failed to upgrade project",
+ type: "error"
+ });
+ }
+ };
+
+ const isAdmin = membership?.roles.includes(ProjectMembershipRole.Admin);
+ return (
+
+
+
+
+
+
+
+
+
+ {isUpgrading && (
+ handlePopUpToggle("migrationInfo", isOpen)}
+ >
+
+
+
+
+ );
+};
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretV2MigrationSection/index.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretV2MigrationSection/index.tsx
new file mode 100644
index 000000000..71c7bdc9c
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SecretV2MigrationSection/index.tsx
@@ -0,0 +1 @@
+export { SecretV2MigrationSection } from "./SecretV2MigrationSection";
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SelectionPanel/SelectionPanel.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SelectionPanel/SelectionPanel.tsx
new file mode 100644
index 000000000..b2ea0e917
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/overview/-components/SelectionPanel/SelectionPanel.tsx
@@ -0,0 +1,206 @@
+import { subject } from "@casl/ability";
+import { faMinusSquare, faTrash } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { twMerge } from "tailwind-merge";
+
+import { createNotification } from "@app/components/notifications";
+import { Button, DeleteActionModal, IconButton, Tooltip } from "@app/components/v2";
+import {
+ ProjectPermissionActions,
+ ProjectPermissionSub,
+ useProjectPermission,
+ useWorkspace
+} from "@app/context";
+import { usePopUp } from "@app/hooks";
+import { useDeleteFolder, useDeleteSecretBatch } from "@app/hooks/api";
+import {
+ SecretType,
+ SecretV3RawSanitized,
+ TDeleteSecretBatchDTO,
+ TSecretFolder
+} from "@app/hooks/api/types";
+
+export enum EntryType {
+ FOLDER = "folder",
+ SECRET = "secret"
+}
+
+type Props = {
+ secretPath: string;
+ resetSelectedEntries: () => void;
+ selectedEntries: {
+ [EntryType.FOLDER]: Record
+
+ )}
+
+
+ Please wait
+ Upgrading secrets engine...
+
+
+ Upgrade secrets engine version
++ Your existing workflows to fetch secrets will continue to work. However, viewing secrets on + the UI requires you to upgrade your project's secrets engine version. +
++ Upgrading is free and enables the use of Infisical's new secrets engine, which is 10x + faster and allows you to encrypt secrets with your own KMS provider. +
++ The upgrade takes only 1-2 minutes and will not cause any downtime. +
+ + {didProjectUpgradeFailed && ( +
+
+
+
+
+
+
+
+
+
+
+
+ {selectedCount} Selected
+ {shouldShowDelete && (
+ }
+ className="ml-4"
+ onClick={() => handlePopUpOpen("bulkDeleteEntries")}
+ size="xs"
+ >
+ Delete
+
+ )}
+
+ 
+
+ );
+ }
+
+ const canViewOverviewPage = Boolean(userAvailableEnvs.length);
+ // This is needed to also show imports from other paths – right now those are missing.
+ // const combinedKeys = [...secKeys, ...secretImports.map((impSecrets) => impSecrets?.data?.map((impSec) => impSec.secrets?.map((impSecKey) => impSecKey.key))).flat().flat()];
+
+ const isTableEmpty = totalCount === 0;
+
+ const isTableFiltered =
+ Boolean(Object.values(filter).filter((enabled) => !enabled).length) ||
+ userAvailableEnvs.length !== visibleEnvs.length;
+
+ if (!isProjectV3)
+ return (
+
+
+
+ );
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+ Secrets Overview
++ Inject your secrets using + + Infisical CLI + + , + + Infisical API + + , + + Infisical SDKs + + , and + + more + + . +
+
+
+
+ {userAvailableEnvs.length > 0 && (
+
+
+
+
+
+
+
+
+ {/*
+ }
+ // onClick={onCreateTag}
+ >
+ Create an environment
+
+ */}
+ Filter project resources
+ {
+ e.preventDefault();
+ handleToggleRowType(RowType.Folder);
+ }}
+ icon={filter[RowType.Folder] &&
+ {
+ e.preventDefault();
+ handleToggleRowType(RowType.DynamicSecret);
+ }}
+ icon={
+ filter[RowType.DynamicSecret] &&
+ {
+ e.preventDefault();
+ handleToggleRowType(RowType.Secret);
+ }}
+ icon={filter[RowType.Secret] &&
+ Choose visible environments
+ {userAvailableEnvs.map((availableEnv) => {
+ const { id: envId, name } = availableEnv;
+
+ const isEnvSelected = visibleEnvs.map((env) => env.id).includes(envId);
+ return (
+ {
+ e.preventDefault();
+ handleEnvSelect(envId);
+ }}
+ key={envId}
+ disabled={visibleEnvs?.length === 1}
+ icon={isEnvSelected &&
+ );
+ })}
+
+
+ )}
+
+
+
+
+
+
+
+ {name}
+
+ }
+ onClick={() => handlePopUpOpen("addSecretsInAllEnvs")}
+ className="h-10 rounded-r-none"
+ >
+ Add Secret
+
+ handlePopUpToggle("misc", isOpen)}
+ >
+
+
+
+
+
+
+
+
+ )}
+
+
+ {(isAllowed) => (
+ }
+ onClick={() => {
+ handlePopUpOpen("addFolder");
+ handlePopUpClose("misc");
+ }}
+ isDisabled={!isAllowed}
+ variant="outline_bg"
+ className="h-10"
+ isFullWidth
+ >
+ Add Folder
+
+ )}
+
+
+
+ setScrollOffset(e.currentTarget.scrollLeft)}
+ className="thin-scrollbar rounded-b-none"
+ >
+
+
+
+
+ {!isOverviewLoading && totalCount > 0 && (
+
+ |
+
+
+
+
+ |
+ {visibleEnvs?.map(({ name, slug }, index) => {
+ const envSecKeyCount = getEnvSecretKeyCount(slug);
+ const importedSecKeyCount = getEnvImportedSecretKeyCount(slug);
+ const missingKeyCount = secKeys.length - envSecKeyCount - importedSecKeyCount;
+
+ return (
+
+
+
+ {missingKeyCount > 0 && (
+
+
+ {missingKeyCount}
+
+ |
+ );
+ })}
+
|---|---|
|
+ |
+ |
|
+ |
+ |
|
+ |
+ |
| + + | + {visibleEnvs?.map(({ name, slug }) => ( +
+
+
+
+ |
+ ))}
+
+
+
+ );
+};
+
+const SecretOverviewPageQuerySchema = z.object({
+ search: z.string().catch(""),
+ secretPath: z.string().catch("/")
+});
+
+export const Route = createFileRoute(
+ "/_authenticate/_ctx-org-details/secret-manager/$projectId/_layout-secret-manager/overview/"
+)({
+ component: SecretOverviewRoute,
+ validateSearch: zodValidator(SecretOverviewPageQuerySchema)
+});
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/roles/$roleSlug/-components/RoleDetailsSection.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/roles/$roleSlug/-components/RoleDetailsSection.tsx
new file mode 100644
index 000000000..47a33dd4f
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/roles/$roleSlug/-components/RoleDetailsSection.tsx
@@ -0,0 +1,95 @@
+import { faCheck, faCopy, faPencil } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+import { ProjectPermissionCan } from "@app/components/permissions";
+import { IconButton, Tooltip } from "@app/components/v2";
+import { ProjectPermissionActions, ProjectPermissionSub, useWorkspace } from "@app/context";
+import { useTimedReset } from "@app/hooks";
+import { useGetProjectRoleBySlug } from "@app/hooks/api";
+import { UsePopUpState } from "@app/hooks/usePopUp";
+
+type Props = {
+ roleSlug: string;
+ handlePopUpOpen: (popUpName: keyof UsePopUpState<["role"]>, data?: object) => void;
+};
+
+export const RoleDetailsSection = ({ roleSlug, handlePopUpOpen }: Props) => {
+ const [copyTextId, isCopyingId, setCopyTextId] = useTimedReset
+
+ ) : (
+
+ );
+};
diff --git a/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/roles/$roleSlug/-components/RoleModal.tsx b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/roles/$roleSlug/-components/RoleModal.tsx
new file mode 100644
index 000000000..25e33aed4
--- /dev/null
+++ b/frontend-v2/src/routes/_authenticate/_ctx-org-details/secret-manager.$projectId/_layout-secret-manager/roles/$roleSlug/-components/RoleModal.tsx
@@ -0,0 +1,204 @@
+import { useEffect } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useNavigate } from "@tanstack/react-router";
+import { z } from "zod";
+
+import { createNotification } from "@app/components/notifications";
+import { Button, FormControl, Input, Modal, ModalContent } from "@app/components/v2";
+import { useWorkspace } from "@app/context";
+import {
+ useCreateProjectRole,
+ useGetProjectRoleBySlug,
+ useUpdateProjectRole
+} from "@app/hooks/api";
+import { UsePopUpState } from "@app/hooks/usePopUp";
+import { slugSchema } from "@app/lib/schemas";
+
+const schema = z
+ .object({
+ name: z.string(),
+ description: z.string(),
+ slug: slugSchema({ min: 1 })
+ })
+ .required();
+
+export type FormData = z.infer
+
+ {(isAllowed) => {
+ return (
+
+ {
+ handlePopUpOpen("role", {
+ roleSlug
+ });
+ }}
+ >
+
+
+ );
+ }}
+
+ )}
+
+ Project Role Details
+ {isCustomRole && ( +
+
+
+
+ Role ID
+
+
+ {data.id}
+
+
+ {
+ navigator.clipboard.writeText(data.id);
+ setCopyTextId("Copied");
+ }}
+ >
+
+
+
+
+
+ Name
+{data.name}
+
+
+ Slug
+{data.slug}
+
+
+ Description
++ {data.description?.length ? data.description : "-"} +
+
+ {data && (
+ handlePopUpToggle("deleteRole", isOpen)}
+ deleteKey="confirm"
+ onDeleteApproved={() => onDeleteRoleSubmit()}
+ />
+
+ );
+ },
+ { action: ProjectPermissionActions.Read, subject: ProjectPermissionSub.Role }
+);
+
+const RolePageRoute = () => {
+ const { t } = useTranslation();
+ return (
+ <>
+
+ }
+ onClick={() =>
+ navigate({
+ to: `/${currentWorkspace?.type}/$projectId/access` as const,
+ params: {
+ projectId
+ },
+ search: {
+ selectedTab: ProjectAccessControlTabs.Roles
+ }
+ })
+ }
+ className="mb-4"
+ >
+ Roles
+
+
+ )}
+
+
+
+
+
+
+ {(isAllowed) => (
+
+ handlePopUpOpen("role", {
+ roleSlug
+ })
+ }
+ disabled={!isAllowed}
+ >
+ Edit Role
+
+ )}
+
+
+ {(isAllowed) => (
+ handlePopUpOpen("deleteRole")}
+ disabled={!isAllowed}
+ >
+ Delete Role
+
+ )}
+
+
+
+ )}
+
+ {data.name}
+ {isCustomRole && ( +
+
+
+
+
+
+
+
+ 
+