feat: review feedback, and more changes in cli

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

@@ -6,6 +6,7 @@ export type TGateway = {
   updatedAt: string;
   issuedAt: string;
   serialNumber: string;
+  heartbeart: string;
   identity: {
     name: string;
     id: string;

frontend/src/pages/organization/Gateways/GatewayListPage/GatewayListPage.tsx

@@ -12,7 +12,7 @@ import {
 } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { useQuery } from "@tanstack/react-query";
-import { format } from "date-fns";
+import { format, formatRelative } from "date-fns";
 
 import { createNotification } from "@app/components/notifications";
 import { OrgPermissionCan } from "@app/components/permissions";
@@ -139,6 +139,11 @@ export const GatewayListPage = withPermission(
                           <Td>{el.name}</Td>
                           <Td>{format(new Date(el.issuedAt), "yyyy-MM-dd hh:mm:ss aaa")}</Td>
                           <Td>{el.identity.name}</Td>
+                          <Td>
+                            {el.heartbeart
+                              ? formatRelative(new Date(), new Date(el.heartbeart))
+                              : "-"}
+                          </Td>
                           <Td className="w-5">
                             <Tooltip className="max-w-sm text-center" content="Options">
                               <DropdownMenu>

frontend/src/pages/organization/RoleByIDPage/components/OrgRoleModifySection.utils.ts

@@ -83,7 +83,7 @@ export const formSchema = z.object({
       [OrgPermissionSubjects.ProjectTemplates]: generalPermissionSchema,
       "app-connections": appConnectionsPermissionSchema,
       kmip: kmipPermissionSchema,
-      [OrgPermissionSubjects.Gateway]: orgGatewayPermissionSchema
+      gateway: orgGatewayPermissionSchema
     })
     .optional()
 });

frontend/src/pages/organization/RoleByIDPage/components/RolePermissionsSection/OrgPermissionGatewayRow.tsx

@@ -76,7 +76,7 @@ export const OrgGatewayPermissionRow = ({ isEditable, control, setValue }: Props
     switch (val) {
       case Permission.FullAccess:
         setValue(
-          "permissions.app-connections",
+          "permissions.gateway",
           {
             [OrgGatewayPermissionActions.Read]: true,
             [OrgGatewayPermissionActions.Edit]: true,
@@ -88,7 +88,7 @@ export const OrgGatewayPermissionRow = ({ isEditable, control, setValue }: Props
         break;
       case Permission.ReadOnly:
         setValue(
-          "permissions.app-connections",
+          "permissions.gateway",
           {
             [OrgGatewayPermissionActions.Read]: true,
             [OrgGatewayPermissionActions.Edit]: false,
@@ -102,7 +102,7 @@ export const OrgGatewayPermissionRow = ({ isEditable, control, setValue }: Props
       case Permission.NoAccess:
       default:
         setValue(
-          "permissions.app-connections",
+          "permissions.gateway",
           {
             [OrgGatewayPermissionActions.Read]: false,
             [OrgGatewayPermissionActions.Edit]: false,