Addressed pr comments

frontend/src/hooks/api/identityAuthTemplates/queries.tsx

@@ -6,7 +6,8 @@ import {
   GetIdentityAuthTemplatesDTO,
   GetTemplateUsagesDTO,
   IdentityAuthTemplate,
-  MachineAuthTemplateUsage
+  MachineAuthTemplateUsage,
+  MachineIdentityAuthMethod
 } from "./types";
 
 export const identityAuthTemplatesKeys = {
@@ -15,8 +16,8 @@ export const identityAuthTemplatesKeys = {
     [...identityAuthTemplatesKeys.all, "list", dto] as const,
   getTemplate: (templateId: string) =>
     [...identityAuthTemplatesKeys.all, "single", templateId] as const,
-  getTemplatesByOrgId: (authMethod: string) =>
-    [...identityAuthTemplatesKeys.all, "list", authMethod] as const,
+  getAvailableTemplates: (authMethod: MachineIdentityAuthMethod) =>
+    [...identityAuthTemplatesKeys.all, "available", authMethod] as const,
   getTemplateUsages: (templateId: string) =>
     [...identityAuthTemplatesKeys.all, "usages", templateId] as const
 };
@@ -32,7 +33,8 @@ export const useGetIdentityAuthTemplates = (dto: GetIdentityAuthTemplatesDTO) =>
         params: {
           organizationId: dto.organizationId,
           limit: dto.limit || 50,
-          offset: dto.offset || 0
+          offset: dto.offset || 0,
+          ...(dto.search && { search: dto.search })
         }
       });
       return data;
@@ -57,9 +59,9 @@ export const useGetIdentityAuthTemplate = (templateId: string, organizationId: s
   });
 };
 
-export const useGetIdentityAuthTemplatesByOrgId = (authMethod: string) => {
+export const useGetAvailableTemplates = (authMethod: MachineIdentityAuthMethod) => {
   return useQuery({
-    queryKey: identityAuthTemplatesKeys.getTemplatesByOrgId(authMethod),
+    queryKey: identityAuthTemplatesKeys.getAvailableTemplates(authMethod),
     queryFn: async () => {
       const { data } = await apiRequest.get<IdentityAuthTemplate[]>(
         "/api/v1/identities/templates",

frontend/src/hooks/api/identityAuthTemplates/types.ts

@@ -42,6 +42,7 @@ export interface GetIdentityAuthTemplatesDTO {
   organizationId: string;
   limit?: number;
   offset?: number;
+  search?: string;
 }
 
 export interface MachineAuthTemplateUsage {

frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentityAuthTemplatesTable.tsx

@@ -90,7 +90,8 @@ export const IdentityAuthTemplatesTable = ({ handlePopUpOpen }: Props) => {
   const { data, isPending, isFetching } = useGetIdentityAuthTemplates({
     organizationId,
     limit,
-    offset
+    offset,
+    search: debouncedSearch
   });
 
   const { templates = [], totalCount = 0 } = data ?? {};
@@ -100,10 +101,6 @@ export const IdentityAuthTemplatesTable = ({ handlePopUpOpen }: Props) => {
     setPage
   });
 
-  const filteredTemplates = templates.filter((template) =>
-    template.name.toLowerCase().includes(debouncedSearch.toLowerCase())
-  );
-
   const handleSort = (column: TemplatesOrderBy) => {
     if (column === orderBy) {
       setOrderDirection((prev) =>
@@ -177,7 +174,7 @@ export const IdentityAuthTemplatesTable = ({ handlePopUpOpen }: Props) => {
           <TBody>
             {isPending && <TableSkeleton columns={4} innerKey="identity-auth-templates" />}
             {!isPending &&
-              filteredTemplates?.map((template) => (
+              templates?.map((template) => (
                 <Tr
                   className="h-10 cursor-pointer transition-colors duration-100 hover:bg-mineshaft-700"
                   key={`template-${template.id}`}
@@ -268,7 +265,7 @@ export const IdentityAuthTemplatesTable = ({ handlePopUpOpen }: Props) => {
             onChangePerPage={handlePerPageChange}
           />
         )}
-        {!isPending && data && filteredTemplates.length === 0 && (
+        {!isPending && data && templates.length === 0 && (
           <EmptyState
             title={
               debouncedSearch.trim().length > 0

frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentityLdapAuthForm.tsx

@@ -22,12 +22,13 @@ import {
 } from "@app/components/v2";
 import { useOrganization, useSubscription } from "@app/context";
 import {
+  MachineIdentityAuthMethod,
   useAddIdentityLdapAuth,
   useGetIdentityLdapAuth,
   useUpdateIdentityLdapAuth
 } from "@app/hooks/api";
 import { IdentityTrustedIp } from "@app/hooks/api/identities/types";
-import { useGetIdentityAuthTemplatesByOrgId } from "@app/hooks/api/identityAuthTemplates/queries";
+import { useGetAvailableTemplates } from "@app/hooks/api/identityAuthTemplates/queries";
 import { UsePopUpState } from "@app/hooks/usePopUp";
 
 import { IdentityFormTab } from "./types";
@@ -141,7 +142,7 @@ export const IdentityLdapAuthForm = ({
   const { mutateAsync: addMutateAsync } = useAddIdentityLdapAuth();
   const { mutateAsync: updateMutateAsync } = useUpdateIdentityLdapAuth();
   const [tabValue, setTabValue] = useState<IdentityFormTab>(IdentityFormTab.Configuration);
-  const { data: templates } = useGetIdentityAuthTemplatesByOrgId("ldap");
+  const { data: templates } = useGetAvailableTemplates(MachineIdentityAuthMethod.LDAP);
 
   const { data } = useGetIdentityLdapAuth(identityId ?? "", {
     enabled: isUpdate

frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/IdentitySection.tsx

@@ -156,7 +156,7 @@ export const IdentitySection = withPermission(
               <div className="flex items-center gap-1">
                 <p className="text-xl font-semibold text-mineshaft-100">Identity Auth Templates</p>
                 <a
-                  href="https://infisical.com/docs/documentation/platform/identities/overview"
+                  href="https://infisical.com/docs/documentation/platform/identities/auth-templates"
                   target="_blank"
                   rel="noopener noreferrer"
                 >

frontend/src/pages/organization/AccessManagementPage/components/OrgIdentityTab/components/IdentitySection/MachineAuthTemplateUsagesModal.tsx

@@ -171,7 +171,7 @@ export const MachineAuthTemplateUsagesModal = ({
                   </Tr>
                 </THead>
                 <TBody>
-                  {isPending && <TableSkeleton columns={4} innerKey="template-usages" />}
+                  {isPending && <TableSkeleton columns={3} innerKey="template-usages" />}
                   {!isPending &&
                     usages.map((usage) => (
                       <Tr
@@ -180,7 +180,7 @@ export const MachineAuthTemplateUsagesModal = ({
                       >
                         <Td>
                           <Checkbox
-                            id="select-usage"
+                            id={`select-usage-${usage.identityId}`}
                             isChecked={selectedUsageIds.includes(usage.identityId)}
                             onCheckedChange={() => handleUsageToggle(usage.identityId)}
                           />