From 9eedf7aa1ecea02572e8572172a529fa8c68ac92 Mon Sep 17 00:00:00 2001
From: Bryan Frimin <bryan@getprobo.com>
Date: Mon, 5 Jan 2026 08:20:58 +0100
Subject: [PATCH] Add scim events view

Signed-off-by: Bryan Frimin <bryan@getprobo.com>
---
 .../core/AssetGraphCreateMutation.graphql.ts  |  323 ++++
 .../core/AssetGraphDeleteMutation.graphql.ts  |  132 ++
 .../core/AssetGraphListQuery.graphql.ts       |  411 ++++++
 .../core/AssetGraphNodeQuery.graphql.ts       |  320 ++++
 .../core/AssetGraphUpdateMutation.graphql.ts  |  242 +++
 .../core/AssetsListQuery.graphql.ts           |  470 ++++++
 .../core/AssetsPageFragment.graphql.ts        |  388 +++++
 .../core/AuditGraphCreateMutation.graphql.ts  |  276 ++++
 .../core/AuditGraphDeleteMutation.graphql.ts  |  132 ++
 .../AuditGraphDeleteReportMutation.graphql.ts |  153 ++
 .../core/AuditGraphListQuery.graphql.ts       |  351 +++++
 .../core/AuditGraphNodeQuery.graphql.ts       |  332 +++++
 .../core/AuditGraphUpdateMutation.graphql.ts  |  194 +++
 .../AuditGraphUploadReportMutation.graphql.ts |  154 ++
 .../core/AuditSelectFieldQuery.graphql.ts     |  215 +++
 .../core/AuditsListQuery.graphql.ts           |  396 +++++
 .../core/AuditsPageFragment.graphql.ts        |  329 +++++
 .../core/ComplianceReportListQuery.graphql.ts |  383 +++++
 ...lImprovementGraphCreateMutation.graphql.ts |  275 ++++
 ...lImprovementGraphDeleteMutation.graphql.ts |  132 ++
 ...tinualImprovementGraphListQuery.graphql.ts |  383 +++++
 ...tinualImprovementGraphNodeQuery.graphql.ts |  308 ++++
 ...lImprovementGraphUpdateMutation.graphql.ts |  194 +++
 ...ntinualImprovementsPageFragment.graphql.ts |  343 +++++
 ...ualImprovementsPageRefetchQuery.graphql.ts |  391 +++++
 ...reateAuditDialogFrameworksQuery.graphql.ts |  172 +++
 .../CreateContactDialogMutation.graphql.ts    |  262 ++++
 .../CreateDocumentDialogMutation.graphql.ts   |  364 +++++
 ...ateEvidenceDialogUploadMutation.graphql.ts |  248 ++++
 ...eateMeetingDialogCreateMutation.graphql.ts |  224 +++
 .../CreatePeopleDialogMutation.graphql.ts     |  234 +++
 ...ateRiskAssessmentDialogMutation.graphql.ts |  225 +++
 .../CreateServiceDialogMutation.graphql.ts    |  242 +++
 .../core/DataListQuery.graphql.ts             |  452 ++++++
 .../core/DataPageFragment.graphql.ts          |  362 +++++
 .../core/DatumGraphCreateMutation.graphql.ts  |  297 ++++
 .../core/DatumGraphDeleteMutation.graphql.ts  |  132 ++
 .../core/DatumGraphListQuery.graphql.ts       |  390 +++++
 .../core/DatumGraphNodeQuery.graphql.ts       |  317 ++++
 .../core/DatumGraphUpdateMutation.graphql.ts  |  216 +++
 ...ssociateAgreementDialogMutation.graphql.ts |   92 ++
 ...aPrivacyAgreementDialogMutation.graphql.ts |   92 ++
 .../DeleteDomainDialogMutation.graphql.ts     |   92 ++
 ...ocumentControlsTabControlsQuery.graphql.ts |  363 +++++
 .../DocumentControlsTabFragment.graphql.ts    |  235 +++
 ...ntrolsTab_attachControlMutation.graphql.ts |  216 +++
 ...ntrolsTab_detachControlMutation.graphql.ts |  133 ++
 ...umentDetailPageDocumentFragment.graphql.ts |  429 ++++++
 ...mentDetailPageExportPDFMutation.graphql.ts |   95 ++
 ...cumentDetailPagePublishMutation.graphql.ts |  630 ++++++++
 ...ocumentDetailPageUpdateMutation.graphql.ts |  162 ++
 ...raphBulkDeleteDocumentsMutation.graphql.ts |  115 ++
 ...raphBulkExportDocumentsMutation.graphql.ts |   95 ++
 ...ocumentGraphDeleteDraftMutation.graphql.ts |  132 ++
 .../DocumentGraphDeleteMutation.graphql.ts    |  115 ++
 .../core/DocumentGraphListQuery.graphql.ts    |  474 ++++++
 .../core/DocumentGraphNodeQuery.graphql.ts    |  617 ++++++++
 ...endSigningNotificationsMutation.graphql.ts |   92 ++
 .../core/DocumentRowFragment.graphql.ts       |   84 ++
 ...cumentSignaturesTabRefetchQuery.graphql.ts |  351 +++++
 ...uresTab_cancelSignatureMutation.graphql.ts |  132 ++
 ...resTab_requestSignatureMutation.graphql.ts |  267 ++++
 ...DocumentSignaturesTab_signature.graphql.ts |  110 ++
 .../DocumentSignaturesTab_version.graphql.ts  |  261 ++++
 .../core/DocumentsListQuery.graphql.ts        |  526 +++++++
 .../core/DocumentsPageListFragment.graphql.ts |  284 ++++
 .../core/DocumentsPageRowFragment.graphql.ts  |  244 +++
 .../core/DomainCardFragment.graphql.ts        |   71 +
 .../core/DomainDialogFragment.graphql.ts      |  128 ++
 .../core/DomainSettingsPageQuery.graphql.ts   |  276 ++++
 ...ssociateAgreementDialogMutation.graphql.ts |  139 ++
 ...EditContactDialogUpdateMutation.graphql.ts |  206 +++
 .../EditControlDialogLinkMutation.graphql.ts  |  194 +++
 ...aPrivacyAgreementDialogMutation.graphql.ts |  139 ++
 ...EditServiceDialogUpdateMutation.graphql.ts |  192 +++
 ...ntSignaturePageDocumentFragment.graphql.ts |  139 ++
 ...rePageExportSignablePDFMutation.graphql.ts |   92 ++
 ...loyeeDocumentSignaturePageQuery.graphql.ts |  217 +++
 ...cumentSignaturePageSignMutation.graphql.ts |  114 ++
 .../EmployeeDocumentsPageQuery.graphql.ts     |  247 ++++
 .../core/EvidenceGraphFileQuery.graphql.ts    |  189 +++
 .../core/FormRiskDialogMutation.graphql.ts    |  285 ++++
 ...ormRiskDialogUpdateRiskMutation.graphql.ts |  235 +++
 ...workControlDialogCreateMutation.graphql.ts |  233 +++
 .../FrameworkControlDialogFragment.graphql.ts |   91 ++
 ...workControlDialogUpdateMutation.graphql.ts |  183 +++
 ...kControlPageAttachAuditMutation.graphql.ts |  237 +++
 ...ntrolPageAttachDocumentMutation.graphql.ts |  256 ++++
 ...meworkControlPageAttachMutation.graphql.ts |  202 +++
 ...rolPageAttachObligationMutation.graphql.ts |  235 +++
 ...ntrolPageAttachSnapshotMutation.graphql.ts |  216 +++
 ...achStateOfApplicabilityMutation.graphql.ts |  237 +++
 ...ontrolPageDeleteControlMutation.graphql.ts |  132 ++
 ...kControlPageDetachAuditMutation.graphql.ts |  133 ++
 ...ntrolPageDetachDocumentMutation.graphql.ts |  133 ++
 ...meworkControlPageDetachMutation.graphql.ts |  133 ++
 ...rolPageDetachObligationMutation.graphql.ts |  133 ++
 ...ntrolPageDetachSnapshotMutation.graphql.ts |  133 ++
 ...achStateOfApplicabilityMutation.graphql.ts |  153 ++
 ...tailPageExportFrameworkMutation.graphql.ts |   95 ++
 .../FrameworkDetailPageFragment.graphql.ts    |  252 ++++
 ...orkStateOfApplicabilityMutation.graphql.ts |   95 ++
 .../FrameworkFormDialogMutation.graphql.ts    |  243 +++
 ...ameworkFormDialogUpdateMutation.graphql.ts |  123 ++
 .../FrameworkGraphControlNodeQuery.graphql.ts | 1308 +++++++++++++++++
 .../FrameworkGraphDeleteMutation.graphql.ts   |  132 ++
 .../core/FrameworkGraphListQuery.graphql.ts   |  364 +++++
 .../core/FrameworkGraphNodeQuery.graphql.ts   |  316 ++++
 .../FrameworksPageCardFragment.graphql.ts     |  102 ++
 .../FrameworksPageImportMutation.graphql.ts   |  242 +++
 .../ImportAssessmentDialogMutation.graphql.ts |  570 +++++++
 .../LinkControlDialogLinkMutation.graphql.ts  |  194 +++
 .../core/LinkControlDialogQuery.graphql.ts    |  211 +++
 ...LinkControlDialogUnlinkMutation.graphql.ts |  109 ++
 .../core/LinkedAuditsCardFragment.graphql.ts  |  104 ++
 .../LinkedAuditsDialogFragment.graphql.ts     |  257 ++++
 .../core/LinkedAuditsDialogQuery.graphql.ts   |  273 ++++
 ...inkedAuditsDialogQuery_fragment.graphql.ts |  346 +++++
 .../LinkedControlsCardFragment.graphql.ts     |   79 +
 ...nkedControlsDialogControlsQuery.graphql.ts |  351 +++++
 .../LinkedControlsDialogFragment.graphql.ts   |  248 ++++
 .../core/LinkedControlsDialogQuery.graphql.ts |  253 ++++
 .../LinkedDocumentsCardFragment.graphql.ts    |  126 ++
 .../LinkedDocumentsDialogFragment.graphql.ts  |  223 +++
 .../LinkedDocumentsDialogQuery.graphql.ts     |  245 +++
 ...edDocumentsDialogQuery_fragment.graphql.ts |  318 ++++
 .../LinkedMeasuresCardFragment.graphql.ts     |   59 +
 .../LinkedObligationsCardFragment.graphql.ts  |   96 ++
 ...LinkedObligationsDialogFragment.graphql.ts |  260 ++++
 .../LinkedObligationsDialogQuery.graphql.ts   |  278 ++++
 ...ObligationsDialogQuery_fragment.graphql.ts |  351 +++++
 .../core/LinkedRisksCardFragment.graphql.ts   |   66 +
 .../core/LinkedRisksDialogQuery.graphql.ts    |  206 +++
 .../LinkedSnapshotsCardFragment.graphql.ts    |   75 +
 .../LinkedSnapshotsDialogFragment.graphql.ts  |  239 +++
 .../LinkedSnapshotsDialogQuery.graphql.ts     |  259 ++++
 ...edSnapshotsDialogQuery_fragment.graphql.ts |  332 +++++
 ...atesOfApplicabilityCardFragment.graphql.ts |  100 ++
 ...tatesOfApplicabilityDialogQuery.graphql.ts |  172 +++
 ...easureControlsTabAttachMutation.graphql.ts |  216 +++
 ...MeasureControlsTabControlsQuery.graphql.ts |  389 +++++
 ...easureControlsTabDetachMutation.graphql.ts |  133 ++
 .../MeasureControlsTabFragment.graphql.ts     |  263 ++++
 ...easureDetailPageTasksCountQuery.graphql.ts |  143 ++
 ...asureEvidencesTabDeleteMutation.graphql.ts |  132 ++
 .../MeasureEvidencesTabFragment.graphql.ts    |  276 ++++
 ...reEvidencesTabFragment_evidence.graphql.ts |  110 ++
 .../core/MeasureEvidencesTabQuery.graphql.ts  |  389 +++++
 ...MeasureFormDialogCreateMutation.graphql.ts |  215 +++
 ...easureFormDialogMeasureFragment.graphql.ts |   75 +
 .../MeasureGraphDeleteMutation.graphql.ts     |  132 ++
 .../core/MeasureGraphListQuery.graphql.ts     |  307 ++++
 .../core/MeasureGraphNodeQuery.graphql.ts     |  697 +++++++++
 .../MeasureGraphUpdateMutation.graphql.ts     |  167 +++
 .../MeasureRisksTabCreateMutation.graphql.ts  |  209 +++
 .../MeasureRisksTabDetachMutation.graphql.ts  |  133 ++
 .../core/MeasureRisksTabFragment.graphql.ts   |  183 +++
 .../core/MeasureTasksTabQuery.graphql.ts      |  425 ++++++
 .../core/MeasuresPageFragment.graphql.ts      |  203 +++
 .../MeasuresPageImportMutation.graphql.ts     |  184 +++
 ...eetingDetailPageMeetingFragment.graphql.ts |  120 ++
 .../MeetingGraphCreateMutation.graphql.ts     |  210 +++
 .../MeetingGraphDeleteMutation.graphql.ts     |  115 ++
 .../core/MeetingGraphListQuery.graphql.ts     |  331 +++++
 .../core/MeetingGraphNodeQuery.graphql.ts     |  188 +++
 .../MeetingGraphUpdateMutation.graphql.ts     |  157 ++
 .../core/MeetingsListQuery.graphql.ts         |  383 +++++
 .../core/MeetingsPageListFragment.graphql.ts  |  249 ++++
 .../core/MeetingsPageRowFragment.graphql.ts   |   98 ++
 ...tingsPage_UpdateSummaryMutation.graphql.ts |  114 ++
 .../core/NewDomainDialogMutation.graphql.ts   |  200 +++
 .../NonconformitiesPageFragment.graphql.ts    |  391 +++++
 ...NonconformitiesPageRefetchQuery.graphql.ts |  431 ++++++
 ...onconformityGraphCreateMutation.graphql.ts |  380 +++++
 ...onconformityGraphDeleteMutation.graphql.ts |  132 ++
 .../NonconformityGraphListQuery.graphql.ts    |  423 ++++++
 .../NonconformityGraphNodeQuery.graphql.ts    |  349 +++++
 ...onconformityGraphUpdateMutation.graphql.ts |  250 ++++
 .../ObligationGraphCreateMutation.graphql.ts  |  302 ++++
 .../ObligationGraphDeleteMutation.graphql.ts  |  132 ++
 .../core/ObligationGraphListQuery.graphql.ts  |  397 +++++
 .../core/ObligationGraphNodeQuery.graphql.ts  |  338 +++++
 .../ObligationGraphUpdateMutation.graphql.ts  |  221 +++
 .../core/ObligationsPageFragment.graphql.ts   |  358 +++++
 .../ObligationsPageRefetchQuery.graphql.ts    |  405 +++++
 .../core/PeopleGraphDeleteMutation.graphql.ts |  132 ++
 .../core/PeopleGraphNodeQuery.graphql.ts      |  227 +++
 .../PeopleGraphPaginatedFragment.graphql.ts   |  331 +++++
 .../core/PeopleGraphPaginatedQuery.graphql.ts |  340 +++++
 .../core/PeopleGraphQuery.graphql.ts          |  206 +++
 .../core/PeopleGraphUpdateMutation.graphql.ts |  169 +++
 .../core/PeopleListQuery.graphql.ts           |  426 ++++++
 ...ssingActivitiesPageDPIAFragment.graphql.ts |  274 ++++
 ...gActivitiesPageDPIARefetchQuery.graphql.ts |  330 +++++
 ...vitiesPageExportDPIAPDFMutation.graphql.ts |   96 ++
 ...ActivitiesPageExportPDFMutation.graphql.ts |   96 ++
 ...ivitiesPageExportTIAPDFMutation.graphql.ts |   96 ++
 ...rocessingActivitiesPageFragment.graphql.ts |  327 +++++
 ...ssingActivitiesPageRefetchQuery.graphql.ts |  379 +++++
 ...essingActivitiesPageTIAFragment.graphql.ts |  273 ++++
 ...ngActivitiesPageTIARefetchQuery.graphql.ts |  330 +++++
 ...ActivityGraphCreateDPIAMutation.graphql.ts |  167 +++
 ...singActivityGraphCreateMutation.graphql.ts |  446 ++++++
 ...gActivityGraphCreateTIAMutation.graphql.ts |  166 +++
 ...ActivityGraphDeleteDPIAMutation.graphql.ts |   92 ++
 ...singActivityGraphDeleteMutation.graphql.ts |  132 ++
 ...gActivityGraphDeleteTIAMutation.graphql.ts |   92 ++
 ...rocessingActivityGraphListQuery.graphql.ts |  594 ++++++++
 ...rocessingActivityGraphNodeQuery.graphql.ts |  695 +++++++++
 ...ActivityGraphUpdateDPIAMutation.graphql.ts |  167 +++
 ...singActivityGraphUpdateMutation.graphql.ts |  365 +++++
 ...gActivityGraphUpdateTIAMutation.graphql.ts |  166 +++
 .../PublishDocumentsDialogMutation.graphql.ts |  330 +++++
 ...ightsRequestGraphCreateMutation.graphql.ts |  231 +++
 ...ightsRequestGraphDeleteMutation.graphql.ts |  132 ++
 .../RightsRequestGraphListQuery.graphql.ts    |  337 +++++
 .../RightsRequestGraphNodeQuery.graphql.ts    |  273 ++++
 ...ightsRequestGraphUpdateMutation.graphql.ts |  178 +++
 .../RightsRequestsPageFragment.graphql.ts     |  295 ++++
 .../RightsRequestsPageRefetchQuery.graphql.ts |  331 +++++
 .../RiskControlsTabControlsQuery.graphql.ts   |  351 +++++
 .../core/RiskControlsTabFragment.graphql.ts   |  250 ++++
 .../RiskDocumentsTabCreateMutation.graphql.ts |  256 ++++
 .../RiskDocumentsTabDetachMutation.graphql.ts |  133 ++
 .../core/RiskDocumentsTabFragment.graphql.ts  |  155 ++
 .../core/RiskGraphDeleteMutation.graphql.ts   |  132 ++
 .../core/RiskGraphFragment.graphql.ts         |  385 +++++
 .../core/RiskGraphListQuery.graphql.ts        |  404 +++++
 .../core/RiskGraphNodeQuery.graphql.ts        |  902 ++++++++++++
 .../RiskMeasuresTabCreateMutation.graphql.ts  |  202 +++
 .../RiskMeasuresTabDetachMutation.graphql.ts  |  133 ++
 .../core/RiskMeasuresTabFragment.graphql.ts   |  155 ++
 ...iskObligationsTabCreateMutation.graphql.ts |  235 +++
 ...iskObligationsTabDetachMutation.graphql.ts |  133 ++
 .../RiskObligationsTabFragment.graphql.ts     |  155 ++
 .../core/RiskOverviewTabFragment.graphql.ts   |   82 ++
 .../core/RisksListQuery.graphql.ts            |  482 ++++++
 ...ignatureDocumentsDialogMutation.graphql.ts |  128 ++
 .../core/SnapshotBannerQuery.graphql.ts       |  155 ++
 ...napshotFormDialogCreateMutation.graphql.ts |  208 +++
 .../SnapshotGraphCreateMutation.graphql.ts    |  194 +++
 .../SnapshotGraphDeleteMutation.graphql.ts    |  132 ++
 .../core/SnapshotGraphListQuery.graphql.ts    |  282 ++++
 .../core/SnapshotGraphNodeQuery.graphql.ts    |  184 +++
 .../core/SnapshotsPageFragment.graphql.ts     |  191 +++
 ...rolsFieldFrameworkControlsQuery.graphql.ts |  197 +++
 ...ityControlsFieldFrameworksQuery.graphql.ts |  172 +++
 ...pplicabilityControlsTabFragment.graphql.ts |  228 +++
 ...cabilityControlsTabRefetchQuery.graphql.ts |  273 ++++
 ...bilityControlsTabUnlinkMutation.graphql.ts |  109 ++
 ...abilityDetailPageExportMutation.graphql.ts |   92 ++
 ...pplicabilityGraphCreateMutation.graphql.ts |  200 +++
 ...pplicabilityGraphDeleteMutation.graphql.ts |  132 ++
 ...fApplicabilityGraphForEditQuery.graphql.ts |  218 +++
 ...teOfApplicabilityGraphNodeQuery.graphql.ts |  401 +++++
 ...icabilityGraphPaginatedFragment.graphql.ts |  315 ++++
 ...pplicabilityGraphPaginatedQuery.graphql.ts |  353 +++++
 ...pplicabilityGraphUpdateMutation.graphql.ts |  171 +++
 .../StateOfApplicabilityListQuery.graphql.ts  |  412 ++++++
 .../TaskFormDialogCreateMutation.graphql.ts   |  249 ++++
 .../core/TaskFormDialogFragment.graphql.ts    |  115 ++
 .../TaskFormDialogUpdateMutation.graphql.ts   |  201 +++
 .../core/TaskGraphQuery.graphql.ts            |  350 +++++
 .../core/TasksCardDeleteMutation.graphql.ts   |  132 ++
 .../core/TasksCard_TaskRowFragment.graphql.ts |  155 ++
 .../core/TasksPageFragment.graphql.ts         |  261 ++++
 .../core/TasksPageFragment_query.graphql.ts   |  423 ++++++
 ...CenterAccessGraphCreateMutation.graphql.ts |  261 ++++
 ...CenterAccessGraphDeleteMutation.graphql.ts |  132 ++
 ...sGraphLoadDocumentAccessesQuery.graphql.ts |  385 +++++
 ...enterAccessGraphPaginationQuery.graphql.ts |  341 +++++
 .../TrustCenterAccessGraphQuery.graphql.ts    |  356 +++++
 ...CenterAccessGraphUpdateMutation.graphql.ts |  187 +++
 ...TrustCenterAccessGraph_accesses.graphql.ts |  301 ++++
 ...rustCenterAccessTokenGraphQuery.graphql.ts |  159 ++
 ...tCenterAuditGraphUpdateMutation.graphql.ts |  203 +++
 .../TrustCenterAuditsCardFragment.graphql.ts  |  110 ++
 .../TrustCenterDocumentGraphQuery.graphql.ts  |  288 ++++
 ...nterDocumentGraphUpdateMutation.graphql.ts |  224 +++
 ...rustCenterDocumentsCardFragment.graphql.ts |  135 ++
 ...stCenterFileGraphCreateMutation.graphql.ts |  211 +++
 ...stCenterFileGraphDeleteMutation.graphql.ts |  132 ++
 ...stCenterFileGraphUpdateMutation.graphql.ts |  141 ++
 .../TrustCenterFilesCardFragment.graphql.ts   |  119 ++
 ...ustCenterGraphDeleteNDAMutation.graphql.ts |  121 ++
 .../core/TrustCenterGraphQuery.graphql.ts     |  970 ++++++++++++
 .../TrustCenterGraphUpdateMutation.graphql.ts |  122 ++
 ...ustCenterGraphUploadNDAMutation.graphql.ts |  123 ++
 ...terReferenceGraphCreateMutation.graphql.ts |  254 ++++
 ...terReferenceGraphDeleteMutation.graphql.ts |  132 ++
 .../TrustCenterReferenceGraphQuery.graphql.ts |  389 +++++
 ...terReferenceGraphUpdateMutation.graphql.ts |  194 +++
 ...eferenceGraphUpdateRankMutation.graphql.ts |  118 ++
 ...CenterVendorGraphUpdateMutation.graphql.ts |  210 +++
 .../TrustCenterVendorsCardFragment.graphql.ts |   97 ++
 ...dateVersionDialogCreateMutation.graphql.ts |  256 ++++
 ...dateVersionDialogUpdateMutation.graphql.ts |  114 ++
 ...ssociateAgreementDialogMutation.graphql.ts |  149 ++
 ...aPrivacyAgreementDialogMutation.graphql.ts |  149 ++
 ...mplianceTabDeleteReportMutation.graphql.ts |  132 ++
 .../VendorComplianceTabFragment.graphql.ts    |  239 +++
 ...dorComplianceTabFragment_report.graphql.ts |  117 ++
 ...mplianceTabUploadReportMutation.graphql.ts |  258 ++++
 .../core/VendorContactsListQuery.graphql.ts   |  384 +++++
 ...ontactsTabDeleteContactMutation.graphql.ts |  132 ++
 .../core/VendorContactsTabFragment.graphql.ts |  253 ++++
 ...ndorContactsTabFragment_contact.graphql.ts |  118 ++
 .../core/VendorGraphCreateMutation.graphql.ts |  247 ++++
 .../core/VendorGraphDeleteMutation.graphql.ts |  132 ++
 .../core/VendorGraphListQuery.graphql.ts      |  407 +++++
 .../core/VendorGraphNodeQuery.graphql.ts      | 1038 +++++++++++++
 .../VendorGraphPaginatedFragment.graphql.ts   |  379 +++++
 .../core/VendorGraphSelectQuery.graphql.ts    |  188 +++
 ...inessAssociateAgreementFragment.graphql.ts |  123 ++
 ...TabDataPrivacyAgreementFragment.graphql.ts |  123 ++
 ...VendorRiskAssessmentTabFragment.graphql.ts |  229 +++
 ...ssessmentTabFragment_assessment.graphql.ts |   84 ++
 .../VendorRiskAssessmentTabQuery.graphql.ts   |  351 +++++
 .../core/VendorServicesListQuery.graphql.ts   |  370 +++++
 ...ervicesTabDeleteServiceMutation.graphql.ts |  132 ++
 .../core/VendorServicesTabFragment.graphql.ts |  253 ++++
 ...ndorServicesTabFragment_service.graphql.ts |  102 ++
 .../core/VendorsListQuery.graphql.ts          |  467 ++++++
 .../core/VersionActionsFragment.graphql.ts    |   50 +
 .../core/VersionRowFragment.graphql.ts        |   66 +
 .../usePaginatedMeasuresFragment.graphql.ts   |  239 +++
 .../core/usePaginatedMeasuresQuery.graphql.ts |  259 ++++
 ...PaginatedMeasuresQuery_fragment.graphql.ts |  332 +++++
 .../core/useRiskFormFragment.graphql.ts       |  149 ++
 .../core/useVendorFormFragment.graphql.ts     |  196 +++
 .../core/useVendorFormMutation.graphql.ts     |  285 ++++
 .../iam/APIKeysPageQuery.graphql.ts           |  202 +++
 ...EditMemberDialog_updateMutation.graphql.ts |  116 ++
 .../EditSAMLConfigurationFormQuery.graphql.ts |  273 ++++
 ...onfigurationForm_updateMutation.graphql.ts |  159 ++
 .../iam/GeneralSettingsPageQuery.graphql.ts   |  227 +++
 ...eralSettingsPage_deleteMutation.graphql.ts |  132 ++
 .../iam/InvitationCardFragment.graphql.ts     |   89 ++
 .../iam/InvitationCardMutation.graphql.ts     |  118 ++
 .../iam/InvitationListFragment.graphql.ts     |  238 +++
 ...tationListFragment_RefetchQuery.graphql.ts |  386 +++++
 .../iam/InvitationListItemFragment.graphql.ts |  114 ++
 ...stItem_DeleteInvitationMutation.graphql.ts |  133 ++
 .../iam/InviteUserDialogMutation.graphql.ts   |  224 +++
 ...eUserDialog_currentRoleFragment.graphql.ts |   60 +
 .../iam/MemberListFragment.graphql.ts         |  244 +++
 ...MemberListFragment_RefetchQuery.graphql.ts |  411 ++++++
 .../iam/MemberListItemFragment.graphql.ts     |  146 ++
 .../MemberListItem_removeMutation.graphql.ts  |  133 ++
 .../iam/MembersPageQuery.graphql.ts           |  531 +++++++
 .../iam/MembershipCardFragment.graphql.ts     |  101 ++
 .../MembershipCard_assumeMutation.graphql.ts  |  145 ++
 .../iam/MembershipLayoutQuery.graphql.ts      |  633 ++++++++
 ...ershipsDropdownMenuItemFragment.graphql.ts |  103 ++
 ...DropdownMenuItem_assumeMutation.graphql.ts |  145 ++
 .../MembershipsDropdownMenuQuery.graphql.ts   |  263 ++++
 ...psDropdown_organizationFragment.graphql.ts |   42 +
 ...bershipsDropdown_viewerFragment.graphql.ts |   63 +
 .../iam/MembershipsPageQuery.graphql.ts       |  383 +++++
 .../NewOrganizationPageMutation.graphql.ts    |  115 ++
 ...onfigurationForm_createMutation.graphql.ts |  211 +++
 .../iam/OrganizationFormFragment.graphql.ts   |  116 ++
 ...rm_deleteHorizontalLogoMutation.graphql.ts |  113 ++
 ...OrganizationForm_updateMutation.graphql.ts |  168 +++
 ...ersonalAPIKeyListCreateMutation.graphql.ts |  193 +++
 .../iam/PersonalAPIKeyListFragment.graphql.ts |  150 ++
 .../iam/PersonalAPIKeyRowFragment.graphql.ts  |  101 ++
 .../PersonalAPIKeyRowRefetchQuery.graphql.ts  |  172 +++
 ...ersonalAPIKeyRow_revokeMutation.graphql.ts |  132 ++
 .../SAMLConfigurationListFragment.graphql.ts  |  208 +++
 ...onfigurationList_deleteMutation.graphql.ts |  133 ++
 .../iam/SAMLSettingsPageQuery.graphql.ts      |  300 ++++
 ...SCIMConfigurationCreateMutation.graphql.ts |  194 +++
 ...SCIMConfigurationDeleteMutation.graphql.ts |  116 ++
 .../iam/SCIMConfigurationFragment.graphql.ts  |   50 +
 ...gurationRegenerateTokenMutation.graphql.ts |  138 ++
 .../iam/SCIMEventListFragment.graphql.ts      |  209 +++
 .../iam/SCIMEventListItemFragment.graphql.ts  |  129 ++
 .../SCIMEventListPaginationQuery.graphql.ts   |  342 +++++
 .../iam/SCIMSettingsPageQuery.graphql.ts      |  381 +++++
 .../iam/SessionDropdownFragment.graphql.ts    |  115 ++
 .../SessionDropdownSignOutMutation.graphql.ts |   74 +
 .../iam/SidebarFragment.graphql.ts            |  314 ++++
 .../iam/SignInPageMutation.graphql.ts         |  106 ++
 ...ignUpFromInvitationPageMutation.graphql.ts |  107 ++
 .../iam/SignUpPageMutation.graphql.ts         |  107 ++
 .../src/hooks/graph/RightsRequestGraph.ts     |   22 +-
 .../settings/_components/SCIMEventList.tsx    |   74 +
 .../_components/SCIMEventListItem.tsx         |   71 +
 389 files changed, 90616 insertions(+), 7 deletions(-)
 create mode 100644 apps/console/src/__generated__/core/AssetGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AssetGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AssetGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AssetGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AssetGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AssetsListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AssetsPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditGraphDeleteReportMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditGraphUploadReportMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditSelectFieldQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditsListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/AuditsPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ComplianceReportListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ContinualImprovementGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ContinualImprovementGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ContinualImprovementGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ContinualImprovementGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ContinualImprovementGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ContinualImprovementsPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ContinualImprovementsPageRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreateAuditDialogFrameworksQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreateContactDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreateDocumentDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreateEvidenceDialogUploadMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreateMeetingDialogCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreatePeopleDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreateRiskAssessmentDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/CreateServiceDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DataListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DataPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DatumGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DatumGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DatumGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DatumGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DatumGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DeleteBusinessAssociateAgreementDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DeleteDataPrivacyAgreementDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DeleteDomainDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentControlsTabControlsQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentControlsTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentControlsTab_attachControlMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentControlsTab_detachControlMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentDetailPageDocumentFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentDetailPageExportPDFMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentDetailPagePublishMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentDetailPageUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentGraphBulkDeleteDocumentsMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentGraphBulkExportDocumentsMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentGraphDeleteDraftMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentGraphSendSigningNotificationsMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentRowFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentSignaturesTabRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentSignaturesTab_cancelSignatureMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentSignaturesTab_requestSignatureMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentSignaturesTab_signature.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentSignaturesTab_version.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentsListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentsPageListFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DocumentsPageRowFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DomainCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DomainDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/DomainSettingsPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EditBusinessAssociateAgreementDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EditContactDialogUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EditControlDialogLinkMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EditDataPrivacyAgreementDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EditServiceDialogUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EmployeeDocumentSignaturePageDocumentFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EmployeeDocumentSignaturePageExportSignablePDFMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EmployeeDocumentSignaturePageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EmployeeDocumentSignaturePageSignMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EmployeeDocumentsPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/EvidenceGraphFileQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FormRiskDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FormRiskDialogUpdateRiskMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlDialogCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlDialogUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageAttachAuditMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageAttachDocumentMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageAttachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageAttachObligationMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageAttachSnapshotMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageAttachStateOfApplicabilityMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageDeleteControlMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageDetachAuditMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageDetachDocumentMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageDetachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageDetachObligationMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageDetachSnapshotMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkControlPageDetachStateOfApplicabilityMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkDetailPageExportFrameworkMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkDetailPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkFormDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkFormDialogUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkGraphControlNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworkGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworksPageCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/FrameworksPageImportMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ImportAssessmentDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkControlDialogLinkMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkControlDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkControlDialogUnlinkMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedAuditsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedAuditsDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedAuditsDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedAuditsDialogQuery_fragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedControlsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedControlsDialogControlsQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedControlsDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedControlsDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedDocumentsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedDocumentsDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedDocumentsDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedDocumentsDialogQuery_fragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedMeasuresCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedObligationsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedObligationsDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedObligationsDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedObligationsDialogQuery_fragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedRisksCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedRisksDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedSnapshotsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedSnapshotsDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery_fragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedStatesOfApplicabilityCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/LinkedStatesOfApplicabilityDialogQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureControlsTabAttachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureControlsTabControlsQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureControlsTabDetachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureControlsTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureDetailPageTasksCountQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureEvidencesTabDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureEvidencesTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureEvidencesTabFragment_evidence.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureEvidencesTabQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureFormDialogCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureFormDialogMeasureFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureRisksTabCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureRisksTabDetachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureRisksTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasureTasksTabQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasuresPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeasuresPageImportMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingDetailPageMeetingFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingsListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingsPageListFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingsPageRowFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/MeetingsPage_UpdateSummaryMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NewDomainDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NonconformitiesPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NonconformitiesPageRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NonconformityGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NonconformityGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NonconformityGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NonconformityGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/NonconformityGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ObligationGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ObligationGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ObligationGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ObligationGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ObligationGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ObligationsPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ObligationsPageRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PeopleGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PeopleGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PeopleGraphPaginatedFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PeopleGraphPaginatedQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PeopleGraphQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PeopleGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PeopleListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageDPIAFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageDPIARefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageExportDPIAPDFMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageExportPDFMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageExportTIAPDFMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageTIAFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivitiesPageTIARefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphCreateDPIAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphCreateTIAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphDeleteDPIAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphDeleteTIAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphUpdateDPIAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/ProcessingActivityGraphUpdateTIAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/PublishDocumentsDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RightsRequestGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RightsRequestGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RightsRequestGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RightsRequestGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RightsRequestGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RightsRequestsPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RightsRequestsPageRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskControlsTabControlsQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskControlsTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskDocumentsTabCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskDocumentsTabDetachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskDocumentsTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskGraphFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskMeasuresTabCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskMeasuresTabDetachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskMeasuresTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskObligationsTabCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskObligationsTabDetachMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskObligationsTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RiskOverviewTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/RisksListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SignatureDocumentsDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SnapshotBannerQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SnapshotFormDialogCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SnapshotGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SnapshotGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SnapshotGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SnapshotGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/SnapshotsPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworkControlsQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworksQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityControlsTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityControlsTabRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityControlsTabUnlinkMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityDetailPageExportMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityGraphForEditQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/StateOfApplicabilityListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TaskFormDialogCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TaskFormDialogFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TaskFormDialogUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TaskGraphQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TasksCardDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TasksCard_TaskRowFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TasksPageFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TasksPageFragment_query.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessGraphLoadDocumentAccessesQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessGraphPaginationQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessGraphQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessGraph_accesses.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAccessTokenGraphQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAuditGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterAuditsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterDocumentGraphQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterDocumentGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterDocumentsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterFileGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterFileGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterFileGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterFilesCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterGraphDeleteNDAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterGraphQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterGraphUploadNDAMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterReferenceGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterReferenceGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterReferenceGraphQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateRankMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterVendorGraphUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/TrustCenterVendorsCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/UpdateVersionDialogCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/UpdateVersionDialogUpdateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/UploadBusinessAssociateAgreementDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/UploadDataPrivacyAgreementDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorComplianceTabDeleteReportMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorComplianceTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorComplianceTabFragment_report.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorComplianceTabUploadReportMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorContactsListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorContactsTabDeleteContactMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorContactsTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorContactsTabFragment_contact.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorGraphCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorGraphDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorGraphListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorGraphNodeQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorGraphPaginatedFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorGraphSelectQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorOverviewTabBusinessAssociateAgreementFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorOverviewTabDataPrivacyAgreementFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment_assessment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorRiskAssessmentTabQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorServicesListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorServicesTabDeleteServiceMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorServicesTabFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorServicesTabFragment_service.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VendorsListQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VersionActionsFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/VersionRowFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/usePaginatedMeasuresFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/usePaginatedMeasuresQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/usePaginatedMeasuresQuery_fragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/useRiskFormFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/useVendorFormFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/core/useVendorFormMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/APIKeysPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/EditMemberDialog_updateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/EditSAMLConfigurationFormQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/EditSAMLConfigurationForm_updateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/GeneralSettingsPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/GeneralSettingsPage_deleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InvitationCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InvitationCardMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InvitationListFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InvitationListFragment_RefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InvitationListItemFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InvitationListItem_DeleteInvitationMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InviteUserDialogMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/InviteUserDialog_currentRoleFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MemberListFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MemberListFragment_RefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MemberListItemFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MemberListItem_removeMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembersPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipCardFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipCard_assumeMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipLayoutQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipsDropdownMenuItemFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipsDropdownMenuItem_assumeMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipsDropdownMenuQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipsDropdown_organizationFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipsDropdown_viewerFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/MembershipsPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/NewOrganizationPageMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/NewSAMLConfigurationForm_createMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/OrganizationFormFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/OrganizationForm_deleteHorizontalLogoMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/OrganizationForm_updateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/PersonalAPIKeyListCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/PersonalAPIKeyListFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/PersonalAPIKeyRowFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/PersonalAPIKeyRowRefetchQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/PersonalAPIKeyRow_revokeMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SAMLConfigurationListFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SAMLConfigurationList_deleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SAMLSettingsPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMConfigurationCreateMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMConfigurationDeleteMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMConfigurationFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMConfigurationRegenerateTokenMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMEventListFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMEventListItemFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMEventListPaginationQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SCIMSettingsPageQuery.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SessionDropdownFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SessionDropdownSignOutMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SidebarFragment.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SignInPageMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SignUpFromInvitationPageMutation.graphql.ts
 create mode 100644 apps/console/src/__generated__/iam/SignUpPageMutation.graphql.ts
 create mode 100644 apps/console/src/pages/iam/organizations/settings/_components/SCIMEventList.tsx
 create mode 100644 apps/console/src/pages/iam/organizations/settings/_components/SCIMEventListItem.tsx

diff --git a/apps/console/src/__generated__/core/AssetGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/AssetGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..8b0fae750
--- /dev/null
+++ b/apps/console/src/__generated__/core/AssetGraphCreateMutation.graphql.ts
@@ -0,0 +1,323 @@
+/**
+ * @generated SignedSource<<9e2e93809320c103f393c0e1e0ae3e27>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AssetType = "PHYSICAL" | "VIRTUAL";
+export type CreateAssetInput = {
+  amount: number;
+  assetType: AssetType;
+  dataTypesStored: string;
+  name: string;
+  organizationId: string;
+  ownerId: string;
+  vendorIds?: ReadonlyArray<string> | null | undefined;
+};
+export type AssetGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateAssetInput;
+};
+export type AssetGraphCreateMutation$data = {
+  readonly createAsset: {
+    readonly assetEdge: {
+      readonly node: {
+        readonly amount: number;
+        readonly assetType: AssetType;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dataTypesStored: string;
+        readonly id: string;
+        readonly name: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly snapshotId: string | null | undefined;
+        readonly vendors: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly name: string;
+              readonly websiteUrl: string | null | undefined;
+            };
+          }>;
+        };
+      };
+    };
+  };
+};
+export type AssetGraphCreateMutation = {
+  response: AssetGraphCreateMutation$data;
+  variables: AssetGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "AssetEdge",
+  "kind": "LinkedField",
+  "name": "assetEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Asset",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "snapshotId",
+          "storageKey": null
+        },
+        (v4/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "amount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "assetType",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "dataTypesStored",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "People",
+          "kind": "LinkedField",
+          "name": "owner",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "first",
+              "value": 50
+            }
+          ],
+          "concreteType": "VendorConnection",
+          "kind": "LinkedField",
+          "name": "vendors",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "VendorEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Vendor",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v3/*: any*/),
+                    (v4/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "websiteUrl",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": "vendors(first:50)"
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:asset:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:asset:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:asset:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:asset:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AssetGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateAssetPayload",
+        "kind": "LinkedField",
+        "name": "createAsset",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "AssetGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateAssetPayload",
+        "kind": "LinkedField",
+        "name": "createAsset",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "appendEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "assetEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6e077b7787ccbc473247d102b0540e98",
+    "id": null,
+    "metadata": {},
+    "name": "AssetGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation AssetGraphCreateMutation(\n  $input: CreateAssetInput!\n) {\n  createAsset(input: $input) {\n    assetEdge {\n      node {\n        id\n        snapshotId\n        name\n        amount\n        assetType\n        dataTypesStored\n        owner {\n          id\n          fullName\n        }\n        vendors(first: 50) {\n          edges {\n            node {\n              id\n              name\n              websiteUrl\n            }\n          }\n        }\n        createdAt\n        canUpdate: permission(action: \"core:asset:update\")\n        canDelete: permission(action: \"core:asset:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f337be2dfc0f146f33e1b94f65cfc199";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AssetGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/AssetGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..bff31397e
--- /dev/null
+++ b/apps/console/src/__generated__/core/AssetGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<067da1978a06c9feadeeff5ae6af7b50>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteAssetInput = {
+  assetId: string;
+};
+export type AssetGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteAssetInput;
+};
+export type AssetGraphDeleteMutation$data = {
+  readonly deleteAsset: {
+    readonly deletedAssetId: string;
+  };
+};
+export type AssetGraphDeleteMutation = {
+  response: AssetGraphDeleteMutation$data;
+  variables: AssetGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedAssetId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AssetGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteAssetPayload",
+        "kind": "LinkedField",
+        "name": "deleteAsset",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "AssetGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteAssetPayload",
+        "kind": "LinkedField",
+        "name": "deleteAsset",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedAssetId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "bbda9e3ed8effba4140c130883a59d07",
+    "id": null,
+    "metadata": {},
+    "name": "AssetGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation AssetGraphDeleteMutation(\n  $input: DeleteAssetInput!\n) {\n  deleteAsset(input: $input) {\n    deletedAssetId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "46b040e435edef42987b5524d823f592";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AssetGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/AssetGraphListQuery.graphql.ts
new file mode 100644
index 000000000..bd73f9466
--- /dev/null
+++ b/apps/console/src/__generated__/core/AssetGraphListQuery.graphql.ts
@@ -0,0 +1,411 @@
+/**
+ * @generated SignedSource<<ff88330f4c9b747f6936824eea6d0b54>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type AssetGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type AssetGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateAsset?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"AssetsPageFragment">;
+  };
+};
+export type AssetGraphListQuery = {
+  response: AssetGraphListQuery$data;
+  variables: AssetGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateAsset",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:asset:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:asset:create\")"
+},
+v3 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v6 = [
+  {
+    "fields": (v3/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AssetGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": (v3/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "AssetsPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AssetGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v5/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "AssetConnection",
+                "kind": "LinkedField",
+                "name": "assets",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AssetEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Asset",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          (v7/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "amount",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "assetType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataTypesStored",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v5/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 50
+                              }
+                            ],
+                            "concreteType": "VendorConnection",
+                            "kind": "LinkedField",
+                            "name": "vendors",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "VendorEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "Vendor",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v5/*: any*/),
+                                      (v7/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "websiteUrl",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "vendors(first:50)"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:asset:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:asset:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:asset:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:asset:delete\")"
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "AssetsPage_assets",
+                "kind": "LinkedHandle",
+                "name": "assets"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e55d3b21b1689a03329569da5669d216",
+    "id": null,
+    "metadata": {},
+    "name": "AssetGraphListQuery",
+    "operationKind": "query",
+    "text": "query AssetGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateAsset: permission(action: \"core:asset:create\")\n      ...AssetsPageFragment_3iomuz\n    }\n    id\n  }\n}\n\nfragment AssetsPageFragment_3iomuz on Organization {\n  assets(first: 10, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        snapshotId\n        name\n        amount\n        assetType\n        dataTypesStored\n        owner {\n          id\n          fullName\n        }\n        vendors(first: 50) {\n          edges {\n            node {\n              id\n              name\n              websiteUrl\n            }\n          }\n        }\n        createdAt\n        canUpdate: permission(action: \"core:asset:update\")\n        canDelete: permission(action: \"core:asset:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "319c01153f98cf6c927a07cbe6eed98e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AssetGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/AssetGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..f15a17d7a
--- /dev/null
+++ b/apps/console/src/__generated__/core/AssetGraphNodeQuery.graphql.ts
@@ -0,0 +1,320 @@
+/**
+ * @generated SignedSource<<6da31497d94651dbbe2bbaa4da7f541b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AssetType = "PHYSICAL" | "VIRTUAL";
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+export type AssetGraphNodeQuery$variables = {
+  assetId: string;
+};
+export type AssetGraphNodeQuery$data = {
+  readonly node: {
+    readonly amount?: number;
+    readonly assetType?: AssetType;
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly createdAt?: string;
+    readonly dataTypesStored?: string;
+    readonly id?: string;
+    readonly name?: string;
+    readonly owner?: {
+      readonly fullName: string;
+      readonly id: string;
+    };
+    readonly snapshotId?: string | null | undefined;
+    readonly updatedAt?: string;
+    readonly vendors?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly category: VendorCategory;
+          readonly id: string;
+          readonly name: string;
+          readonly websiteUrl: string | null | undefined;
+        };
+      }>;
+    };
+  };
+};
+export type AssetGraphNodeQuery = {
+  response: AssetGraphNodeQuery$data;
+  variables: AssetGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "assetId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "assetId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "amount",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "assetType",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dataTypesStored",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "first",
+      "value": 50
+    }
+  ],
+  "concreteType": "VendorConnection",
+  "kind": "LinkedField",
+  "name": "vendors",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "VendorEdge",
+      "kind": "LinkedField",
+      "name": "edges",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "Vendor",
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            (v4/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "websiteUrl",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "category",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": "vendors(first:50)"
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v12 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:asset:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:asset:update\")"
+},
+v13 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:asset:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:asset:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AssetGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/)
+            ],
+            "type": "Asset",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AssetGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/)
+            ],
+            "type": "Asset",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6cc4f590468366f12144c88b15704bac",
+    "id": null,
+    "metadata": {},
+    "name": "AssetGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query AssetGraphNodeQuery(\n  $assetId: ID!\n) {\n  node(id: $assetId) {\n    __typename\n    ... on Asset {\n      id\n      snapshotId\n      name\n      amount\n      assetType\n      dataTypesStored\n      owner {\n        id\n        fullName\n      }\n      vendors(first: 50) {\n        edges {\n          node {\n            id\n            name\n            websiteUrl\n            category\n          }\n        }\n      }\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:asset:update\")\n      canDelete: permission(action: \"core:asset:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "61e648da526c4b332ded50ba1daa3fbf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AssetGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/AssetGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..3de12c79c
--- /dev/null
+++ b/apps/console/src/__generated__/core/AssetGraphUpdateMutation.graphql.ts
@@ -0,0 +1,242 @@
+/**
+ * @generated SignedSource<<383e1cf1a7ebdac22de46fbc694566fe>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AssetType = "PHYSICAL" | "VIRTUAL";
+export type UpdateAssetInput = {
+  amount?: number | null | undefined;
+  assetType?: AssetType | null | undefined;
+  dataTypesStored?: string | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+  ownerId?: string | null | undefined;
+  vendorIds?: ReadonlyArray<string> | null | undefined;
+};
+export type AssetGraphUpdateMutation$variables = {
+  input: UpdateAssetInput;
+};
+export type AssetGraphUpdateMutation$data = {
+  readonly updateAsset: {
+    readonly asset: {
+      readonly amount: number;
+      readonly assetType: AssetType;
+      readonly dataTypesStored: string;
+      readonly id: string;
+      readonly name: string;
+      readonly owner: {
+        readonly fullName: string;
+        readonly id: string;
+      };
+      readonly snapshotId: string | null | undefined;
+      readonly updatedAt: string;
+      readonly vendors: {
+        readonly edges: ReadonlyArray<{
+          readonly node: {
+            readonly id: string;
+            readonly name: string;
+            readonly websiteUrl: string | null | undefined;
+          };
+        }>;
+      };
+    };
+  };
+};
+export type AssetGraphUpdateMutation = {
+  response: AssetGraphUpdateMutation$data;
+  variables: AssetGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v3 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateAssetPayload",
+    "kind": "LinkedField",
+    "name": "updateAsset",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Asset",
+        "kind": "LinkedField",
+        "name": "asset",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "snapshotId",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "amount",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "assetType",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dataTypesStored",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "owner",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": [
+              {
+                "kind": "Literal",
+                "name": "first",
+                "value": 50
+              }
+            ],
+            "concreteType": "VendorConnection",
+            "kind": "LinkedField",
+            "name": "vendors",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Vendor",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v1/*: any*/),
+                      (v2/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "websiteUrl",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": "vendors(first:50)"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AssetGraphUpdateMutation",
+    "selections": (v3/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AssetGraphUpdateMutation",
+    "selections": (v3/*: any*/)
+  },
+  "params": {
+    "cacheID": "ee67fc797e7a09d39db357b1b8e68d11",
+    "id": null,
+    "metadata": {},
+    "name": "AssetGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation AssetGraphUpdateMutation(\n  $input: UpdateAssetInput!\n) {\n  updateAsset(input: $input) {\n    asset {\n      id\n      snapshotId\n      name\n      amount\n      assetType\n      dataTypesStored\n      owner {\n        id\n        fullName\n      }\n      vendors(first: 50) {\n        edges {\n          node {\n            id\n            name\n            websiteUrl\n          }\n        }\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "65a76cfab2b2fba398cd19e566e3ee33";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AssetsListQuery.graphql.ts b/apps/console/src/__generated__/core/AssetsListQuery.graphql.ts
new file mode 100644
index 000000000..74bc9884d
--- /dev/null
+++ b/apps/console/src/__generated__/core/AssetsListQuery.graphql.ts
@@ -0,0 +1,470 @@
+/**
+ * @generated SignedSource<<c063f17d5bc1815246a5e498700bfec9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type AssetOrderField = "AMOUNT" | "CREATED_AT";
+export type OrderDirection = "ASC" | "DESC";
+export type AssetOrder = {
+  direction: OrderDirection;
+  field: AssetOrderField;
+};
+export type AssetsListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  orderBy?: AssetOrder | null | undefined;
+  snapshotId?: string | null | undefined;
+};
+export type AssetsListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"AssetsPageFragment">;
+  };
+};
+export type AssetsListQuery = {
+  response: AssetsListQuery$data;
+  variables: AssetsListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "orderBy"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "orderBy",
+  "variableName": "orderBy"
+},
+v13 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v16 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  {
+    "fields": [
+      (v13/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v10/*: any*/),
+  (v11/*: any*/),
+  (v12/*: any*/)
+],
+v17 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AssetsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "AssetsPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "AssetsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v14/*: any*/),
+          (v15/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v16/*: any*/),
+                "concreteType": "AssetConnection",
+                "kind": "LinkedField",
+                "name": "assets",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AssetEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Asset",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v15/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          (v17/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "amount",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "assetType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataTypesStored",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v15/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 50
+                              }
+                            ],
+                            "concreteType": "VendorConnection",
+                            "kind": "LinkedField",
+                            "name": "vendors",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "VendorEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "Vendor",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v15/*: any*/),
+                                      (v17/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "websiteUrl",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "vendors(first:50)"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:asset:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:asset:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:asset:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:asset:delete\")"
+                          },
+                          (v14/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v16/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "AssetsPage_assets",
+                "kind": "LinkedHandle",
+                "name": "assets"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "350938b31ac1c7f7a28849123995da3a",
+    "id": null,
+    "metadata": {},
+    "name": "AssetsListQuery",
+    "operationKind": "query",
+    "text": "query AssetsListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 10\n  $last: Int = null\n  $orderBy: AssetOrder = null\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...AssetsPageFragment_38J9tm\n    id\n  }\n}\n\nfragment AssetsPageFragment_38J9tm on Organization {\n  assets(first: $first, after: $after, last: $last, before: $before, orderBy: $orderBy, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        snapshotId\n        name\n        amount\n        assetType\n        dataTypesStored\n        owner {\n          id\n          fullName\n        }\n        vendors(first: 50) {\n          edges {\n            node {\n              id\n              name\n              websiteUrl\n            }\n          }\n        }\n        createdAt\n        canUpdate: permission(action: \"core:asset:update\")\n        canDelete: permission(action: \"core:asset:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4e870b93c801e9f0b6e26ab6069863fe";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AssetsPageFragment.graphql.ts b/apps/console/src/__generated__/core/AssetsPageFragment.graphql.ts
new file mode 100644
index 000000000..29d316617
--- /dev/null
+++ b/apps/console/src/__generated__/core/AssetsPageFragment.graphql.ts
@@ -0,0 +1,388 @@
+/**
+ * @generated SignedSource<<764aed3f20dfa64736dc42751e17de65>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type AssetType = "PHYSICAL" | "VIRTUAL";
+import { FragmentRefs } from "relay-runtime";
+export type AssetsPageFragment$data = {
+  readonly assets: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly amount: number;
+        readonly assetType: AssetType;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dataTypesStored: string;
+        readonly id: string;
+        readonly name: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly snapshotId: string | null | undefined;
+        readonly vendors: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly name: string;
+              readonly websiteUrl: string | null | undefined;
+            };
+          }>;
+        };
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "AssetsPageFragment";
+};
+export type AssetsPageFragment$key = {
+  readonly " $data"?: AssetsPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"AssetsPageFragment">;
+};
+
+import AssetsListQuery_graphql from './AssetsListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "assets"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "orderBy"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": AssetsListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "AssetsPageFragment",
+  "selections": [
+    {
+      "alias": "assets",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "AssetConnection",
+      "kind": "LinkedField",
+      "name": "__AssetsPage_assets_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "AssetEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Asset",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "amount",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "assetType",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dataTypesStored",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "owner",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "first",
+                      "value": 50
+                    }
+                  ],
+                  "concreteType": "VendorConnection",
+                  "kind": "LinkedField",
+                  "name": "vendors",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "VendorEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "alias": null,
+                          "args": null,
+                          "concreteType": "Vendor",
+                          "kind": "LinkedField",
+                          "name": "node",
+                          "plural": false,
+                          "selections": [
+                            (v1/*: any*/),
+                            (v2/*: any*/),
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "websiteUrl",
+                              "storageKey": null
+                            }
+                          ],
+                          "storageKey": null
+                        }
+                      ],
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": "vendors(first:50)"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:asset:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:asset:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:asset:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:asset:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "4e870b93c801e9f0b6e26ab6069863fe";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/AuditGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..05c63bf28
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditGraphCreateMutation.graphql.ts
@@ -0,0 +1,276 @@
+/**
+ * @generated SignedSource<<5da72785f4532d069a59c8bb5f12101d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type CreateAuditInput = {
+  frameworkId: string;
+  name?: string | null | undefined;
+  organizationId: string;
+  state?: AuditState | null | undefined;
+  trustCenterVisibility?: TrustCenterVisibility | null | undefined;
+  validFrom?: string | null | undefined;
+  validUntil?: string | null | undefined;
+};
+export type AuditGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateAuditInput;
+};
+export type AuditGraphCreateMutation$data = {
+  readonly createAudit: {
+    readonly auditEdge: {
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly framework: {
+          readonly id: string;
+          readonly name: string;
+        };
+        readonly id: string;
+        readonly name: string | null | undefined;
+        readonly report: {
+          readonly filename: string;
+          readonly id: string;
+        } | null | undefined;
+        readonly state: AuditState;
+        readonly validFrom: string | null | undefined;
+        readonly validUntil: string | null | undefined;
+      };
+    };
+  };
+};
+export type AuditGraphCreateMutation = {
+  response: AuditGraphCreateMutation$data;
+  variables: AuditGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "AuditEdge",
+  "kind": "LinkedField",
+  "name": "auditEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Audit",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        (v4/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "validFrom",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "validUntil",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "Report",
+          "kind": "LinkedField",
+          "name": "report",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "filename",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "state",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "Framework",
+          "kind": "LinkedField",
+          "name": "framework",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            (v4/*: any*/)
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:audit:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:audit:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:audit:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:audit:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateAuditPayload",
+        "kind": "LinkedField",
+        "name": "createAudit",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "AuditGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateAuditPayload",
+        "kind": "LinkedField",
+        "name": "createAudit",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "auditEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "d5155df01b8fe2fb74b49b953d49aed7",
+    "id": null,
+    "metadata": {},
+    "name": "AuditGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation AuditGraphCreateMutation(\n  $input: CreateAuditInput!\n) {\n  createAudit(input: $input) {\n    auditEdge {\n      node {\n        id\n        name\n        validFrom\n        validUntil\n        report {\n          id\n          filename\n        }\n        state\n        framework {\n          id\n          name\n        }\n        createdAt\n        canUpdate: permission(action: \"core:audit:update\")\n        canDelete: permission(action: \"core:audit:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "dcca4ebf33522ad6ef45456612fad03f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/AuditGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..ffeae3355
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<abf5473524b2c61dd92c4975aa4b21f1>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteAuditInput = {
+  auditId: string;
+};
+export type AuditGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteAuditInput;
+};
+export type AuditGraphDeleteMutation$data = {
+  readonly deleteAudit: {
+    readonly deletedAuditId: string;
+  };
+};
+export type AuditGraphDeleteMutation = {
+  response: AuditGraphDeleteMutation$data;
+  variables: AuditGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedAuditId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteAuditPayload",
+        "kind": "LinkedField",
+        "name": "deleteAudit",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "AuditGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteAuditPayload",
+        "kind": "LinkedField",
+        "name": "deleteAudit",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedAuditId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "48906b2f55360bea9a8fc7f0daea34be",
+    "id": null,
+    "metadata": {},
+    "name": "AuditGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation AuditGraphDeleteMutation(\n  $input: DeleteAuditInput!\n) {\n  deleteAudit(input: $input) {\n    deletedAuditId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e0f3771289e512982adc900199820821";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditGraphDeleteReportMutation.graphql.ts b/apps/console/src/__generated__/core/AuditGraphDeleteReportMutation.graphql.ts
new file mode 100644
index 000000000..91278b791
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditGraphDeleteReportMutation.graphql.ts
@@ -0,0 +1,153 @@
+/**
+ * @generated SignedSource<<39afab5f5f832b28f00e6bd7469fa4f3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteAuditReportInput = {
+  auditId: string;
+};
+export type AuditGraphDeleteReportMutation$variables = {
+  input: DeleteAuditReportInput;
+};
+export type AuditGraphDeleteReportMutation$data = {
+  readonly deleteAuditReport: {
+    readonly audit: {
+      readonly id: string;
+      readonly report: {
+        readonly createdAt: string;
+        readonly downloadUrl: string | null | undefined;
+        readonly filename: string;
+        readonly id: string;
+      } | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type AuditGraphDeleteReportMutation = {
+  response: AuditGraphDeleteReportMutation$data;
+  variables: AuditGraphDeleteReportMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteAuditReportPayload",
+    "kind": "LinkedField",
+    "name": "deleteAuditReport",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Audit",
+        "kind": "LinkedField",
+        "name": "audit",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Report",
+            "kind": "LinkedField",
+            "name": "report",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "filename",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "downloadUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditGraphDeleteReportMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AuditGraphDeleteReportMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "ebceb2fd2a2ffae09bc1578e37dde7e0",
+    "id": null,
+    "metadata": {},
+    "name": "AuditGraphDeleteReportMutation",
+    "operationKind": "mutation",
+    "text": "mutation AuditGraphDeleteReportMutation(\n  $input: DeleteAuditReportInput!\n) {\n  deleteAuditReport(input: $input) {\n    audit {\n      id\n      report {\n        id\n        filename\n        downloadUrl\n        createdAt\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4b5e9537b35458eb3daa313ead9ba655";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/AuditGraphListQuery.graphql.ts
new file mode 100644
index 000000000..0be7a07d0
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditGraphListQuery.graphql.ts
@@ -0,0 +1,351 @@
+/**
+ * @generated SignedSource<<a866ac360421f2cca952ab1305c3de0b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type AuditGraphListQuery$variables = {
+  organizationId: string;
+};
+export type AuditGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateAudit?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"AuditsPageFragment">;
+  };
+};
+export type AuditGraphListQuery = {
+  response: AuditGraphListQuery$data;
+  variables: AuditGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateAudit",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:audit:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:audit:create\")"
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v5 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+],
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "AuditsPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AuditGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v4/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "audits",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v4/*: any*/),
+                          (v6/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validFrom",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Report",
+                            "kind": "LinkedField",
+                            "name": "report",
+                            "plural": false,
+                            "selections": [
+                              (v4/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "filename",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v4/*: any*/),
+                              (v6/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:audit:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:audit:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:audit:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:audit:delete\")"
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "audits(first:10)"
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "AuditsPage_audits",
+                "kind": "LinkedHandle",
+                "name": "audits"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "441524ada7aa614fb611f3d64812314f",
+    "id": null,
+    "metadata": {},
+    "name": "AuditGraphListQuery",
+    "operationKind": "query",
+    "text": "query AuditGraphListQuery(\n  $organizationId: ID!\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateAudit: permission(action: \"core:audit:create\")\n      ...AuditsPageFragment\n    }\n    id\n  }\n}\n\nfragment AuditsPageFragment on Organization {\n  audits(first: 10) {\n    edges {\n      node {\n        id\n        name\n        validFrom\n        validUntil\n        report {\n          id\n          filename\n        }\n        state\n        framework {\n          id\n          name\n        }\n        createdAt\n        canUpdate: permission(action: \"core:audit:update\")\n        canDelete: permission(action: \"core:audit:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "fc989e08b0d6411aac7ca6b1a0125edc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/AuditGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..8db68b70b
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditGraphNodeQuery.graphql.ts
@@ -0,0 +1,332 @@
+/**
+ * @generated SignedSource<<8ce0dfdad4c98f5fa9fbbd2162a28778>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+export type AuditGraphNodeQuery$variables = {
+  auditId: string;
+};
+export type AuditGraphNodeQuery$data = {
+  readonly node: {
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly createdAt?: string;
+    readonly framework?: {
+      readonly darkLogoURL: string | null | undefined;
+      readonly id: string;
+      readonly lightLogoURL: string | null | undefined;
+      readonly name: string;
+    };
+    readonly id?: string;
+    readonly name?: string | null | undefined;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+    readonly report?: {
+      readonly createdAt: string;
+      readonly downloadUrl: string | null | undefined;
+      readonly filename: string;
+      readonly id: string;
+      readonly mimeType: string;
+      readonly size: number;
+    } | null | undefined;
+    readonly reportUrl?: string | null | undefined;
+    readonly state?: AuditState;
+    readonly updatedAt?: string;
+    readonly validFrom?: string | null | undefined;
+    readonly validUntil?: string | null | undefined;
+  };
+};
+export type AuditGraphNodeQuery = {
+  response: AuditGraphNodeQuery$data;
+  variables: AuditGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "auditId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "auditId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "validFrom",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "validUntil",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Report",
+  "kind": "LinkedField",
+  "name": "report",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "filename",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "mimeType",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "size",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "downloadUrl",
+      "storageKey": null
+    },
+    (v6/*: any*/)
+  ],
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "reportUrl",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "state",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Framework",
+  "kind": "LinkedField",
+  "name": "framework",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    (v3/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "lightLogoURL",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "darkLogoURL",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    (v3/*: any*/)
+  ],
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v13 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:audit:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:audit:update\")"
+},
+v14 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:audit:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:audit:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v6/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/)
+            ],
+            "type": "Audit",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AuditGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v6/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/)
+            ],
+            "type": "Audit",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c9d41c45b625f17ccf291ae2c027a027",
+    "id": null,
+    "metadata": {},
+    "name": "AuditGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query AuditGraphNodeQuery(\n  $auditId: ID!\n) {\n  node(id: $auditId) {\n    __typename\n    ... on Audit {\n      id\n      name\n      validFrom\n      validUntil\n      report {\n        id\n        filename\n        mimeType\n        size\n        downloadUrl\n        createdAt\n      }\n      reportUrl\n      state\n      framework {\n        id\n        name\n        lightLogoURL\n        darkLogoURL\n      }\n      organization {\n        id\n        name\n      }\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:audit:update\")\n      canDelete: permission(action: \"core:audit:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3195b5564b2cf8a21536ebf89f0f5c82";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/AuditGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..d7c95285f
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditGraphUpdateMutation.graphql.ts
@@ -0,0 +1,194 @@
+/**
+ * @generated SignedSource<<1b9fd2fad98545d0e1ca4440a6a8936a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type UpdateAuditInput = {
+  id: string;
+  name?: string | null | undefined;
+  state?: AuditState | null | undefined;
+  trustCenterVisibility?: TrustCenterVisibility | null | undefined;
+  validFrom?: string | null | undefined;
+  validUntil?: string | null | undefined;
+};
+export type AuditGraphUpdateMutation$variables = {
+  input: UpdateAuditInput;
+};
+export type AuditGraphUpdateMutation$data = {
+  readonly updateAudit: {
+    readonly audit: {
+      readonly framework: {
+        readonly id: string;
+        readonly name: string;
+      };
+      readonly id: string;
+      readonly name: string | null | undefined;
+      readonly report: {
+        readonly filename: string;
+        readonly id: string;
+      } | null | undefined;
+      readonly state: AuditState;
+      readonly updatedAt: string;
+      readonly validFrom: string | null | undefined;
+      readonly validUntil: string | null | undefined;
+    };
+  };
+};
+export type AuditGraphUpdateMutation = {
+  response: AuditGraphUpdateMutation$data;
+  variables: AuditGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v3 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateAuditPayload",
+    "kind": "LinkedField",
+    "name": "updateAudit",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Audit",
+        "kind": "LinkedField",
+        "name": "audit",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validFrom",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validUntil",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Report",
+            "kind": "LinkedField",
+            "name": "report",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "filename",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "state",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Framework",
+            "kind": "LinkedField",
+            "name": "framework",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              (v2/*: any*/)
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditGraphUpdateMutation",
+    "selections": (v3/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AuditGraphUpdateMutation",
+    "selections": (v3/*: any*/)
+  },
+  "params": {
+    "cacheID": "7257cd170b7441f3ce85966556e00ac3",
+    "id": null,
+    "metadata": {},
+    "name": "AuditGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation AuditGraphUpdateMutation(\n  $input: UpdateAuditInput!\n) {\n  updateAudit(input: $input) {\n    audit {\n      id\n      name\n      validFrom\n      validUntil\n      report {\n        id\n        filename\n      }\n      state\n      framework {\n        id\n        name\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "7fb5d28c8c5fdffddb1c8926e66965ec";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditGraphUploadReportMutation.graphql.ts b/apps/console/src/__generated__/core/AuditGraphUploadReportMutation.graphql.ts
new file mode 100644
index 000000000..3a9cd1955
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditGraphUploadReportMutation.graphql.ts
@@ -0,0 +1,154 @@
+/**
+ * @generated SignedSource<<497a7821f6c5e32068e495ccb8489075>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UploadAuditReportInput = {
+  auditId: string;
+  file: any;
+};
+export type AuditGraphUploadReportMutation$variables = {
+  input: UploadAuditReportInput;
+};
+export type AuditGraphUploadReportMutation$data = {
+  readonly uploadAuditReport: {
+    readonly audit: {
+      readonly id: string;
+      readonly report: {
+        readonly createdAt: string;
+        readonly downloadUrl: string | null | undefined;
+        readonly filename: string;
+        readonly id: string;
+      } | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type AuditGraphUploadReportMutation = {
+  response: AuditGraphUploadReportMutation$data;
+  variables: AuditGraphUploadReportMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UploadAuditReportPayload",
+    "kind": "LinkedField",
+    "name": "uploadAuditReport",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Audit",
+        "kind": "LinkedField",
+        "name": "audit",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Report",
+            "kind": "LinkedField",
+            "name": "report",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "filename",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "downloadUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditGraphUploadReportMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AuditGraphUploadReportMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "05229f6e6fb7e64ceaf93c4bb8f144e6",
+    "id": null,
+    "metadata": {},
+    "name": "AuditGraphUploadReportMutation",
+    "operationKind": "mutation",
+    "text": "mutation AuditGraphUploadReportMutation(\n  $input: UploadAuditReportInput!\n) {\n  uploadAuditReport(input: $input) {\n    audit {\n      id\n      report {\n        id\n        filename\n        downloadUrl\n        createdAt\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "1acff19bbb4a2e0eeca934cc90040eda";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditSelectFieldQuery.graphql.ts b/apps/console/src/__generated__/core/AuditSelectFieldQuery.graphql.ts
new file mode 100644
index 000000000..13037a6d3
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditSelectFieldQuery.graphql.ts
@@ -0,0 +1,215 @@
+/**
+ * @generated SignedSource<<b1303e995857ee0207b8a09f76e2ed2a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+export type AuditSelectFieldQuery$variables = {
+  organizationId: string;
+};
+export type AuditSelectFieldQuery$data = {
+  readonly organization: {
+    readonly audits?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly framework: {
+            readonly id: string;
+            readonly name: string;
+          };
+          readonly id: string;
+          readonly name: string | null | undefined;
+          readonly state: AuditState;
+          readonly validFrom: string | null | undefined;
+          readonly validUntil: string | null | undefined;
+        };
+      }>;
+    };
+  };
+};
+export type AuditSelectFieldQuery = {
+  response: AuditSelectFieldQuery$data;
+  variables: AuditSelectFieldQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 100
+        }
+      ],
+      "concreteType": "AuditConnection",
+      "kind": "LinkedField",
+      "name": "audits",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "AuditEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Audit",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                (v3/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Framework",
+                  "kind": "LinkedField",
+                  "name": "framework",
+                  "plural": false,
+                  "selections": [
+                    (v2/*: any*/),
+                    (v3/*: any*/)
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "state",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "validFrom",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "validUntil",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "audits(first:100)"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditSelectFieldQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "AuditSelectFieldQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v4/*: any*/),
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "339c5438bb684c44887cc9cb53fb2c6a",
+    "id": null,
+    "metadata": {},
+    "name": "AuditSelectFieldQuery",
+    "operationKind": "query",
+    "text": "query AuditSelectFieldQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      audits(first: 100) {\n        edges {\n          node {\n            id\n            name\n            framework {\n              id\n              name\n            }\n            state\n            validFrom\n            validUntil\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2bde1a04326144fe1b133672870807eb";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditsListQuery.graphql.ts b/apps/console/src/__generated__/core/AuditsListQuery.graphql.ts
new file mode 100644
index 000000000..c99f3d42f
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditsListQuery.graphql.ts
@@ -0,0 +1,396 @@
+/**
+ * @generated SignedSource<<4cd493e5c45c274b8d7aabdac8c62f95>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type AuditOrderField = "CREATED_AT" | "STATE" | "VALID_FROM" | "VALID_UNTIL";
+export type OrderDirection = "ASC" | "DESC";
+export type AuditOrder = {
+  direction: OrderDirection;
+  field: AuditOrderField;
+};
+export type AuditsListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  orderBy?: AuditOrder | null | undefined;
+};
+export type AuditsListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"AuditsPageFragment">;
+  };
+};
+export type AuditsListQuery = {
+  response: AuditsListQuery$data;
+  variables: AuditsListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "orderBy"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "after",
+    "variableName": "after"
+  },
+  {
+    "kind": "Variable",
+    "name": "before",
+    "variableName": "before"
+  },
+  {
+    "kind": "Variable",
+    "name": "first",
+    "variableName": "first"
+  },
+  {
+    "kind": "Variable",
+    "name": "last",
+    "variableName": "last"
+  },
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "orderBy"
+  }
+],
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "AuditsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": (v7/*: any*/),
+            "kind": "FragmentSpread",
+            "name": "AuditsPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "AuditsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v8/*: any*/),
+          (v9/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v7/*: any*/),
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "audits",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v9/*: any*/),
+                          (v10/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validFrom",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Report",
+                            "kind": "LinkedField",
+                            "name": "report",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "filename",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              (v10/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:audit:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:audit:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:audit:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:audit:delete\")"
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v7/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "AuditsPage_audits",
+                "kind": "LinkedHandle",
+                "name": "audits"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "7804de168f5c2484d6beb2f4d19287b0",
+    "id": null,
+    "metadata": {},
+    "name": "AuditsListQuery",
+    "operationKind": "query",
+    "text": "query AuditsListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 10\n  $last: Int = null\n  $orderBy: AuditOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...AuditsPageFragment_sdb03\n    id\n  }\n}\n\nfragment AuditsPageFragment_sdb03 on Organization {\n  audits(first: $first, after: $after, last: $last, before: $before, orderBy: $orderBy) {\n    edges {\n      node {\n        id\n        name\n        validFrom\n        validUntil\n        report {\n          id\n          filename\n        }\n        state\n        framework {\n          id\n          name\n        }\n        createdAt\n        canUpdate: permission(action: \"core:audit:update\")\n        canDelete: permission(action: \"core:audit:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4013ec4e657ef7fb9d13afbd572ea9e5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/AuditsPageFragment.graphql.ts b/apps/console/src/__generated__/core/AuditsPageFragment.graphql.ts
new file mode 100644
index 000000000..019548561
--- /dev/null
+++ b/apps/console/src/__generated__/core/AuditsPageFragment.graphql.ts
@@ -0,0 +1,329 @@
+/**
+ * @generated SignedSource<<eb5012ba560d977fd2d9c44a5e567c7c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+import { FragmentRefs } from "relay-runtime";
+export type AuditsPageFragment$data = {
+  readonly audits: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly framework: {
+          readonly id: string;
+          readonly name: string;
+        };
+        readonly id: string;
+        readonly name: string | null | undefined;
+        readonly report: {
+          readonly filename: string;
+          readonly id: string;
+        } | null | undefined;
+        readonly state: AuditState;
+        readonly validFrom: string | null | undefined;
+        readonly validUntil: string | null | undefined;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "AuditsPageFragment";
+};
+export type AuditsPageFragment$key = {
+  readonly " $data"?: AuditsPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"AuditsPageFragment">;
+};
+
+import AuditsListQuery_graphql from './AuditsListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "audits"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "orderBy"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": AuditsListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "AuditsPageFragment",
+  "selections": [
+    {
+      "alias": "audits",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "orderBy"
+        }
+      ],
+      "concreteType": "AuditConnection",
+      "kind": "LinkedField",
+      "name": "__AuditsPage_audits_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "AuditEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Audit",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "validFrom",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "validUntil",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Report",
+                  "kind": "LinkedField",
+                  "name": "report",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "filename",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "state",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Framework",
+                  "kind": "LinkedField",
+                  "name": "framework",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    (v2/*: any*/)
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:audit:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:audit:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:audit:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:audit:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "4013ec4e657ef7fb9d13afbd572ea9e5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ComplianceReportListQuery.graphql.ts b/apps/console/src/__generated__/core/ComplianceReportListQuery.graphql.ts
new file mode 100644
index 000000000..4c146746a
--- /dev/null
+++ b/apps/console/src/__generated__/core/ComplianceReportListQuery.graphql.ts
@@ -0,0 +1,383 @@
+/**
+ * @generated SignedSource<<8f9e37a76c35d572a81006be1c54b685>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type VendorComplianceReportOrderField = "CREATED_AT" | "REPORT_DATE";
+export type VendorComplianceReportOrder = {
+  direction: OrderDirection;
+  field: VendorComplianceReportOrderField;
+};
+export type ComplianceReportListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: VendorComplianceReportOrder | null | undefined;
+};
+export type ComplianceReportListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment">;
+  };
+};
+export type ComplianceReportListQuery = {
+  response: ComplianceReportListQuery$data;
+  variables: ComplianceReportListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ComplianceReportListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "VendorComplianceTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ComplianceReportListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "VendorComplianceReportConnection",
+                "kind": "LinkedField",
+                "name": "complianceReports",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorComplianceReportEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorComplianceReport",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-compliance-report:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-compliance-report:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "reportDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "reportName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "File",
+                            "kind": "LinkedField",
+                            "name": "file",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fileName",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "mimeType",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "size",
+                                "storageKey": null
+                              },
+                              (v12/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "VendorComplianceTabFragment_complianceReports",
+                "kind": "LinkedHandle",
+                "name": "complianceReports"
+              }
+            ],
+            "type": "Vendor",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "0301f89298e5a1d39beac8f822095c6d",
+    "id": null,
+    "metadata": {},
+    "name": "ComplianceReportListQuery",
+    "operationKind": "query",
+    "text": "query ComplianceReportListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: VendorComplianceReportOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...VendorComplianceTabFragment_16fISc\n    id\n  }\n}\n\nfragment VendorComplianceTabFragment_16fISc on Vendor {\n  complianceReports(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        canDelete: permission(action: \"core:vendor-compliance-report:delete\")\n        ...VendorComplianceTabFragment_report\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment VendorComplianceTabFragment_report on VendorComplianceReport {\n  id\n  reportDate\n  validUntil\n  reportName\n  file {\n    fileName\n    mimeType\n    size\n    id\n  }\n  canDelete: permission(action: \"core:vendor-compliance-report:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "078c14e9b989c435abf83ec5b4396f6c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ContinualImprovementGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/ContinualImprovementGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..5927d8c3e
--- /dev/null
+++ b/apps/console/src/__generated__/core/ContinualImprovementGraphCreateMutation.graphql.ts
@@ -0,0 +1,275 @@
+/**
+ * @generated SignedSource<<26fe2860690fb0293c685dbc139eed04>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ContinualImprovementPriority = "HIGH" | "LOW" | "MEDIUM";
+export type ContinualImprovementStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+export type CreateContinualImprovementInput = {
+  description?: string | null | undefined;
+  organizationId: string;
+  ownerId: string;
+  priority: ContinualImprovementPriority;
+  referenceId: string;
+  source?: string | null | undefined;
+  status: ContinualImprovementStatus;
+  targetDate?: string | null | undefined;
+};
+export type ContinualImprovementGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateContinualImprovementInput;
+};
+export type ContinualImprovementGraphCreateMutation$data = {
+  readonly createContinualImprovement: {
+    readonly continualImprovementEdge: {
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly priority: ContinualImprovementPriority;
+        readonly referenceId: string;
+        readonly source: string | null | undefined;
+        readonly status: ContinualImprovementStatus;
+        readonly targetDate: string | null | undefined;
+      };
+    };
+  };
+};
+export type ContinualImprovementGraphCreateMutation = {
+  response: ContinualImprovementGraphCreateMutation$data;
+  variables: ContinualImprovementGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "ContinualImprovementEdge",
+  "kind": "LinkedField",
+  "name": "continualImprovementEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "ContinualImprovement",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "referenceId",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "description",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "source",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "targetDate",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "status",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "priority",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "People",
+          "kind": "LinkedField",
+          "name": "owner",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:continual-improvement:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:continual-improvement:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:continual-improvement:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:continual-improvement:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ContinualImprovementGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateContinualImprovementPayload",
+        "kind": "LinkedField",
+        "name": "createContinualImprovement",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ContinualImprovementGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateContinualImprovementPayload",
+        "kind": "LinkedField",
+        "name": "createContinualImprovement",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "continualImprovementEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5894da3b2ddc1c4a16c030770fae53bb",
+    "id": null,
+    "metadata": {},
+    "name": "ContinualImprovementGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation ContinualImprovementGraphCreateMutation(\n  $input: CreateContinualImprovementInput!\n) {\n  createContinualImprovement(input: $input) {\n    continualImprovementEdge {\n      node {\n        id\n        referenceId\n        description\n        source\n        targetDate\n        status\n        priority\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        canUpdate: permission(action: \"core:continual-improvement:update\")\n        canDelete: permission(action: \"core:continual-improvement:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "bcf5a1e0b02b6530c327741d4d744917";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ContinualImprovementGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/ContinualImprovementGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..964b5b0f3
--- /dev/null
+++ b/apps/console/src/__generated__/core/ContinualImprovementGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<7e00cc82c493f1f051c9673fb95c6217>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteContinualImprovementInput = {
+  continualImprovementId: string;
+};
+export type ContinualImprovementGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteContinualImprovementInput;
+};
+export type ContinualImprovementGraphDeleteMutation$data = {
+  readonly deleteContinualImprovement: {
+    readonly deletedContinualImprovementId: string;
+  };
+};
+export type ContinualImprovementGraphDeleteMutation = {
+  response: ContinualImprovementGraphDeleteMutation$data;
+  variables: ContinualImprovementGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedContinualImprovementId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ContinualImprovementGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteContinualImprovementPayload",
+        "kind": "LinkedField",
+        "name": "deleteContinualImprovement",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ContinualImprovementGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteContinualImprovementPayload",
+        "kind": "LinkedField",
+        "name": "deleteContinualImprovement",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedContinualImprovementId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "aaa3d35494c0b1bcaca143cdbc6b7143",
+    "id": null,
+    "metadata": {},
+    "name": "ContinualImprovementGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation ContinualImprovementGraphDeleteMutation(\n  $input: DeleteContinualImprovementInput!\n) {\n  deleteContinualImprovement(input: $input) {\n    deletedContinualImprovementId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5474ad4a9bdc5ee4bd70f7289944079e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ContinualImprovementGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/ContinualImprovementGraphListQuery.graphql.ts
new file mode 100644
index 000000000..cfbf7798e
--- /dev/null
+++ b/apps/console/src/__generated__/core/ContinualImprovementGraphListQuery.graphql.ts
@@ -0,0 +1,383 @@
+/**
+ * @generated SignedSource<<4e8617c8aeee3cf066e40053ba260a61>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ContinualImprovementGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type ContinualImprovementGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateContinualImprovement?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"ContinualImprovementsPageFragment">;
+  };
+};
+export type ContinualImprovementGraphListQuery = {
+  response: ContinualImprovementGraphListQuery$data;
+  variables: ContinualImprovementGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateContinualImprovement",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:continual-improvement:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:continual-improvement:create\")"
+},
+v3 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v6 = [
+  {
+    "fields": (v3/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ContinualImprovementGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": (v3/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "ContinualImprovementsPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ContinualImprovementGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v5/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "ContinualImprovementConnection",
+                "kind": "LinkedField",
+                "name": "continualImprovements",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ContinualImprovementEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "ContinualImprovement",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "referenceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "targetDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "priority",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v5/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:continual-improvement:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:continual-improvement:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:continual-improvement:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:continual-improvement:delete\")"
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "ContinualImprovementsPage_continualImprovements",
+                "kind": "LinkedHandle",
+                "name": "continualImprovements"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5f5124da6649b145ef6fddcf1009e95c",
+    "id": null,
+    "metadata": {},
+    "name": "ContinualImprovementGraphListQuery",
+    "operationKind": "query",
+    "text": "query ContinualImprovementGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateContinualImprovement: permission(action: \"core:continual-improvement:create\")\n      ...ContinualImprovementsPageFragment_3iomuz\n    }\n    id\n  }\n}\n\nfragment ContinualImprovementsPageFragment_3iomuz on Organization {\n  id\n  continualImprovements(first: 10, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        snapshotId\n        sourceId\n        referenceId\n        description\n        source\n        targetDate\n        status\n        priority\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:continual-improvement:update\")\n        canDelete: permission(action: \"core:continual-improvement:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "36a306074f56f6dc2c80987a670f18c3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ContinualImprovementGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/ContinualImprovementGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..a40d2d028
--- /dev/null
+++ b/apps/console/src/__generated__/core/ContinualImprovementGraphNodeQuery.graphql.ts
@@ -0,0 +1,308 @@
+/**
+ * @generated SignedSource<<7b00b5b2a993258ddb345ad0ee9bbe35>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ContinualImprovementPriority = "HIGH" | "LOW" | "MEDIUM";
+export type ContinualImprovementStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+export type ContinualImprovementGraphNodeQuery$variables = {
+  continualImprovementId: string;
+};
+export type ContinualImprovementGraphNodeQuery$data = {
+  readonly node: {
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly createdAt?: string;
+    readonly description?: string | null | undefined;
+    readonly id?: string;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+    readonly owner?: {
+      readonly fullName: string;
+      readonly id: string;
+    };
+    readonly priority?: ContinualImprovementPriority;
+    readonly referenceId?: string;
+    readonly snapshotId?: string | null | undefined;
+    readonly source?: string | null | undefined;
+    readonly sourceId?: string | null | undefined;
+    readonly status?: ContinualImprovementStatus;
+    readonly targetDate?: string | null | undefined;
+    readonly updatedAt?: string;
+  };
+};
+export type ContinualImprovementGraphNodeQuery = {
+  response: ContinualImprovementGraphNodeQuery$data;
+  variables: ContinualImprovementGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "continualImprovementId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "continualImprovementId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "sourceId",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "referenceId",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "source",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "targetDate",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "status",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "priority",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v15 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:continual-improvement:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:continual-improvement:update\")"
+},
+v16 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:continual-improvement:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:continual-improvement:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ContinualImprovementGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/)
+            ],
+            "type": "ContinualImprovement",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ContinualImprovementGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/)
+            ],
+            "type": "ContinualImprovement",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c5fa96253fe8c3e8e8307936ca76704d",
+    "id": null,
+    "metadata": {},
+    "name": "ContinualImprovementGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query ContinualImprovementGraphNodeQuery(\n  $continualImprovementId: ID!\n) {\n  node(id: $continualImprovementId) {\n    __typename\n    ... on ContinualImprovement {\n      id\n      snapshotId\n      sourceId\n      referenceId\n      description\n      source\n      targetDate\n      status\n      priority\n      owner {\n        id\n        fullName\n      }\n      organization {\n        id\n        name\n      }\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:continual-improvement:update\")\n      canDelete: permission(action: \"core:continual-improvement:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "66511af35ced4978629980d5339fc850";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ContinualImprovementGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/ContinualImprovementGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..327720bcb
--- /dev/null
+++ b/apps/console/src/__generated__/core/ContinualImprovementGraphUpdateMutation.graphql.ts
@@ -0,0 +1,194 @@
+/**
+ * @generated SignedSource<<8f25fa0f640847e45cf45de0028f51fe>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ContinualImprovementPriority = "HIGH" | "LOW" | "MEDIUM";
+export type ContinualImprovementStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+export type UpdateContinualImprovementInput = {
+  description?: string | null | undefined;
+  id: string;
+  ownerId?: string | null | undefined;
+  priority?: ContinualImprovementPriority | null | undefined;
+  referenceId?: string | null | undefined;
+  source?: string | null | undefined;
+  status?: ContinualImprovementStatus | null | undefined;
+  targetDate?: string | null | undefined;
+};
+export type ContinualImprovementGraphUpdateMutation$variables = {
+  input: UpdateContinualImprovementInput;
+};
+export type ContinualImprovementGraphUpdateMutation$data = {
+  readonly updateContinualImprovement: {
+    readonly continualImprovement: {
+      readonly description: string | null | undefined;
+      readonly id: string;
+      readonly owner: {
+        readonly fullName: string;
+        readonly id: string;
+      };
+      readonly priority: ContinualImprovementPriority;
+      readonly referenceId: string;
+      readonly source: string | null | undefined;
+      readonly status: ContinualImprovementStatus;
+      readonly targetDate: string | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type ContinualImprovementGraphUpdateMutation = {
+  response: ContinualImprovementGraphUpdateMutation$data;
+  variables: ContinualImprovementGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateContinualImprovementPayload",
+    "kind": "LinkedField",
+    "name": "updateContinualImprovement",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "ContinualImprovement",
+        "kind": "LinkedField",
+        "name": "continualImprovement",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "referenceId",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "source",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "targetDate",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "status",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "priority",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "owner",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ContinualImprovementGraphUpdateMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ContinualImprovementGraphUpdateMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "437d2ec2228356103e851f53d9edb577",
+    "id": null,
+    "metadata": {},
+    "name": "ContinualImprovementGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation ContinualImprovementGraphUpdateMutation(\n  $input: UpdateContinualImprovementInput!\n) {\n  updateContinualImprovement(input: $input) {\n    continualImprovement {\n      id\n      referenceId\n      description\n      source\n      targetDate\n      status\n      priority\n      owner {\n        id\n        fullName\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "75ef82d455a038a7c60852b7e849284d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ContinualImprovementsPageFragment.graphql.ts b/apps/console/src/__generated__/core/ContinualImprovementsPageFragment.graphql.ts
new file mode 100644
index 000000000..7b89a5ee2
--- /dev/null
+++ b/apps/console/src/__generated__/core/ContinualImprovementsPageFragment.graphql.ts
@@ -0,0 +1,343 @@
+/**
+ * @generated SignedSource<<96a4e00e0e084578f763cf56aa89de2e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type ContinualImprovementPriority = "HIGH" | "LOW" | "MEDIUM";
+export type ContinualImprovementStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+import { FragmentRefs } from "relay-runtime";
+export type ContinualImprovementsPageFragment$data = {
+  readonly continualImprovements: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly priority: ContinualImprovementPriority;
+        readonly referenceId: string;
+        readonly snapshotId: string | null | undefined;
+        readonly source: string | null | undefined;
+        readonly sourceId: string | null | undefined;
+        readonly status: ContinualImprovementStatus;
+        readonly targetDate: string | null | undefined;
+        readonly updatedAt: string;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+    readonly totalCount: number;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "ContinualImprovementsPageFragment";
+};
+export type ContinualImprovementsPageFragment$key = {
+  readonly " $data"?: ContinualImprovementsPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"ContinualImprovementsPageFragment">;
+};
+
+import ContinualImprovementsPageRefetchQuery_graphql from './ContinualImprovementsPageRefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "continualImprovements"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": ContinualImprovementsPageRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "ContinualImprovementsPageFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "continualImprovements",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "ContinualImprovementConnection",
+      "kind": "LinkedField",
+      "name": "__ContinualImprovementsPage_continualImprovements_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ContinualImprovementEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "ContinualImprovement",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "sourceId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "referenceId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "description",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "source",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "targetDate",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "priority",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "owner",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:continual-improvement:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:continual-improvement:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:continual-improvement:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:continual-improvement:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "ec045ffacd206a4854cb864eadf3ef50";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ContinualImprovementsPageRefetchQuery.graphql.ts b/apps/console/src/__generated__/core/ContinualImprovementsPageRefetchQuery.graphql.ts
new file mode 100644
index 000000000..55149c578
--- /dev/null
+++ b/apps/console/src/__generated__/core/ContinualImprovementsPageRefetchQuery.graphql.ts
@@ -0,0 +1,391 @@
+/**
+ * @generated SignedSource<<a1caf481759576bb7bea347f130c3357>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ContinualImprovementsPageRefetchQuery$variables = {
+  after?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  snapshotId?: string | null | undefined;
+};
+export type ContinualImprovementsPageRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"ContinualImprovementsPageFragment">;
+  };
+};
+export type ContinualImprovementsPageRefetchQuery = {
+  response: ContinualImprovementsPageRefetchQuery$data;
+  variables: ContinualImprovementsPageRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v5 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v6 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v7 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v10 = [
+  (v5/*: any*/),
+  {
+    "fields": [
+      (v7/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v6/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ContinualImprovementsPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "ContinualImprovementsPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v3/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ContinualImprovementsPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v8/*: any*/),
+          (v9/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "concreteType": "ContinualImprovementConnection",
+                "kind": "LinkedField",
+                "name": "continualImprovements",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ContinualImprovementEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "ContinualImprovement",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v9/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "referenceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "targetDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "priority",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:continual-improvement:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:continual-improvement:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:continual-improvement:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:continual-improvement:delete\")"
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "ContinualImprovementsPage_continualImprovements",
+                "kind": "LinkedHandle",
+                "name": "continualImprovements"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a0a9ad9d08da13436195a49ac3fce89c",
+    "id": null,
+    "metadata": {},
+    "name": "ContinualImprovementsPageRefetchQuery",
+    "operationKind": "query",
+    "text": "query ContinualImprovementsPageRefetchQuery(\n  $after: CursorKey\n  $first: Int = 10\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...ContinualImprovementsPageFragment_35e0S5\n    id\n  }\n}\n\nfragment ContinualImprovementsPageFragment_35e0S5 on Organization {\n  id\n  continualImprovements(first: $first, after: $after, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        snapshotId\n        sourceId\n        referenceId\n        description\n        source\n        targetDate\n        status\n        priority\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:continual-improvement:update\")\n        canDelete: permission(action: \"core:continual-improvement:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "ec045ffacd206a4854cb864eadf3ef50";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreateAuditDialogFrameworksQuery.graphql.ts b/apps/console/src/__generated__/core/CreateAuditDialogFrameworksQuery.graphql.ts
new file mode 100644
index 000000000..858d35e3e
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreateAuditDialogFrameworksQuery.graphql.ts
@@ -0,0 +1,172 @@
+/**
+ * @generated SignedSource<<e7f7a5781f356aaba7ec0ff1a60b43b6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateAuditDialogFrameworksQuery$variables = {
+  organizationId: string;
+};
+export type CreateAuditDialogFrameworksQuery$data = {
+  readonly organization: {
+    readonly frameworks?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly name: string;
+        };
+      }>;
+    };
+  };
+};
+export type CreateAuditDialogFrameworksQuery = {
+  response: CreateAuditDialogFrameworksQuery$data;
+  variables: CreateAuditDialogFrameworksQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 100
+        }
+      ],
+      "concreteType": "FrameworkConnection",
+      "kind": "LinkedField",
+      "name": "frameworks",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "FrameworkEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Framework",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "frameworks(first:100)"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreateAuditDialogFrameworksQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "CreateAuditDialogFrameworksQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v3/*: any*/),
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3b61e88adc92ac47ea6b5810a8d13f18",
+    "id": null,
+    "metadata": {},
+    "name": "CreateAuditDialogFrameworksQuery",
+    "operationKind": "query",
+    "text": "query CreateAuditDialogFrameworksQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      frameworks(first: 100) {\n        edges {\n          node {\n            id\n            name\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "ce9f84bb4e6e1e657cdf54bf8a3b4faa";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreateContactDialogMutation.graphql.ts b/apps/console/src/__generated__/core/CreateContactDialogMutation.graphql.ts
new file mode 100644
index 000000000..6330e7ca8
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreateContactDialogMutation.graphql.ts
@@ -0,0 +1,262 @@
+/**
+ * @generated SignedSource<<ab083cd47dc11eb4e2960a244cd4a9b4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateVendorContactInput = {
+  email?: string | null | undefined;
+  fullName?: string | null | undefined;
+  phone?: string | null | undefined;
+  role?: string | null | undefined;
+  vendorId: string;
+};
+export type CreateContactDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateVendorContactInput;
+};
+export type CreateContactDialogMutation$data = {
+  readonly createVendorContact: {
+    readonly vendorContactEdge: {
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly " $fragmentSpreads": FragmentRefs<"VendorContactsTabFragment_contact">;
+      };
+    };
+  };
+};
+export type CreateContactDialogMutation = {
+  response: CreateContactDialogMutation$data;
+  variables: CreateContactDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-contact:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-contact:update\")"
+},
+v4 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-contact:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-contact:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreateContactDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorContactPayload",
+        "kind": "LinkedField",
+        "name": "createVendorContact",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorContactEdge",
+            "kind": "LinkedField",
+            "name": "vendorContactEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorContact",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "VendorContactsTabFragment_contact"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "CreateContactDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorContactPayload",
+        "kind": "LinkedField",
+        "name": "createVendorContact",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorContactEdge",
+            "kind": "LinkedField",
+            "name": "vendorContactEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorContact",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "id",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "fullName",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "email",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "phone",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "role",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "updatedAt",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "vendorContactEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "ec71338bbc4d5591606e752bdcc0eeaf",
+    "id": null,
+    "metadata": {},
+    "name": "CreateContactDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation CreateContactDialogMutation(\n  $input: CreateVendorContactInput!\n) {\n  createVendorContact(input: $input) {\n    vendorContactEdge {\n      node {\n        canUpdate: permission(action: \"core:vendor-contact:update\")\n        canDelete: permission(action: \"core:vendor-contact:delete\")\n        ...VendorContactsTabFragment_contact\n        id\n      }\n    }\n  }\n}\n\nfragment VendorContactsTabFragment_contact on VendorContact {\n  id\n  fullName\n  email\n  phone\n  role\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-contact:update\")\n  canDelete: permission(action: \"core:vendor-contact:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5e50a35ba78497790a49461f684d0541";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreateDocumentDialogMutation.graphql.ts b/apps/console/src/__generated__/core/CreateDocumentDialogMutation.graphql.ts
new file mode 100644
index 000000000..9244ad5e8
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreateDocumentDialogMutation.graphql.ts
@@ -0,0 +1,364 @@
+/**
+ * @generated SignedSource<<8a75dcc06cfe213df84407b8855d73c9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type CreateDocumentInput = {
+  classification: DocumentClassification;
+  content: string;
+  documentType: DocumentType;
+  organizationId: string;
+  ownerId: string;
+  title: string;
+  trustCenterVisibility?: TrustCenterVisibility | null | undefined;
+};
+export type CreateDocumentDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateDocumentInput;
+};
+export type CreateDocumentDialogMutation$data = {
+  readonly createDocument: {
+    readonly documentEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"DocumentsPageRowFragment">;
+      };
+    };
+  };
+};
+export type CreateDocumentDialogMutation = {
+  response: CreateDocumentDialogMutation$data;
+  variables: CreateDocumentDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreateDocumentDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateDocumentPayload",
+        "kind": "LinkedField",
+        "name": "createDocument",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "DocumentsPageRowFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "CreateDocumentDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateDocumentPayload",
+        "kind": "LinkedField",
+        "name": "createDocument",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "title",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "documentType",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "classification",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "updatedAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:document:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:document:delete\")"
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "owner",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "fullName",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "first",
+                        "value": 1
+                      }
+                    ],
+                    "concreteType": "DocumentVersionConnection",
+                    "kind": "LinkedField",
+                    "name": "versions",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersionEdge",
+                        "kind": "LinkedField",
+                        "name": "edges",
+                        "plural": true,
+                        "selections": [
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "DocumentVersion",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "status",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "version",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": [
+                                  {
+                                    "kind": "Literal",
+                                    "name": "first",
+                                    "value": 1000
+                                  }
+                                ],
+                                "concreteType": "DocumentVersionSignatureConnection",
+                                "kind": "LinkedField",
+                                "name": "signatures",
+                                "plural": false,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersionSignatureEdge",
+                                    "kind": "LinkedField",
+                                    "name": "edges",
+                                    "plural": true,
+                                    "selections": [
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "concreteType": "DocumentVersionSignature",
+                                        "kind": "LinkedField",
+                                        "name": "node",
+                                        "plural": false,
+                                        "selections": [
+                                          (v3/*: any*/),
+                                          {
+                                            "alias": null,
+                                            "args": null,
+                                            "kind": "ScalarField",
+                                            "name": "state",
+                                            "storageKey": null
+                                          }
+                                        ],
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": "signatures(first:1000)"
+                              }
+                            ],
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": "versions(first:1)"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "documentEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "8f0e8730a2b85c51592d45cbf4ad8b1e",
+    "id": null,
+    "metadata": {},
+    "name": "CreateDocumentDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation CreateDocumentDialogMutation(\n  $input: CreateDocumentInput!\n) {\n  createDocument(input: $input) {\n    documentEdge {\n      node {\n        id\n        ...DocumentsPageRowFragment\n      }\n    }\n  }\n}\n\nfragment DocumentsPageRowFragment on Document {\n  id\n  title\n  description\n  documentType\n  classification\n  updatedAt\n  canDelete: permission(action: \"core:document:delete\")\n  owner {\n    id\n    fullName\n  }\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n        version\n        signatures(first: 1000) {\n          edges {\n            node {\n              id\n              state\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "19d6bd18594154b918c529d15f7ee8d7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreateEvidenceDialogUploadMutation.graphql.ts b/apps/console/src/__generated__/core/CreateEvidenceDialogUploadMutation.graphql.ts
new file mode 100644
index 000000000..1f797b2bc
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreateEvidenceDialogUploadMutation.graphql.ts
@@ -0,0 +1,248 @@
+/**
+ * @generated SignedSource<<e94787d44108bcbebaaa3ad6bbdab13b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type UploadMeasureEvidenceInput = {
+  file: any;
+  measureId: string;
+};
+export type CreateEvidenceDialogUploadMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: UploadMeasureEvidenceInput;
+};
+export type CreateEvidenceDialogUploadMutation$data = {
+  readonly uploadMeasureEvidence: {
+    readonly evidenceEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"MeasureEvidencesTabFragment_evidence">;
+      };
+    };
+  };
+};
+export type CreateEvidenceDialogUploadMutation = {
+  response: CreateEvidenceDialogUploadMutation$data;
+  variables: CreateEvidenceDialogUploadMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreateEvidenceDialogUploadMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "UploadMeasureEvidencePayload",
+        "kind": "LinkedField",
+        "name": "uploadMeasureEvidence",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "EvidenceEdge",
+            "kind": "LinkedField",
+            "name": "evidenceEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Evidence",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "MeasureEvidencesTabFragment_evidence"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "CreateEvidenceDialogUploadMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "UploadMeasureEvidencePayload",
+        "kind": "LinkedField",
+        "name": "uploadMeasureEvidence",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "EvidenceEdge",
+            "kind": "LinkedField",
+            "name": "evidenceEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Evidence",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "File",
+                    "kind": "LinkedField",
+                    "name": "file",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "fileName",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "mimeType",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "size",
+                        "storageKey": null
+                      },
+                      (v3/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "type",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:evidence:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:evidence:delete\")"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "appendEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "evidenceEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "2fb329c16bcc54a40b95c0204469975c",
+    "id": null,
+    "metadata": {},
+    "name": "CreateEvidenceDialogUploadMutation",
+    "operationKind": "mutation",
+    "text": "mutation CreateEvidenceDialogUploadMutation(\n  $input: UploadMeasureEvidenceInput!\n) {\n  uploadMeasureEvidence(input: $input) {\n    evidenceEdge {\n      node {\n        id\n        ...MeasureEvidencesTabFragment_evidence\n      }\n    }\n  }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n  id\n  file {\n    fileName\n    mimeType\n    size\n    id\n  }\n  type\n  createdAt\n  canDelete: permission(action: \"core:evidence:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "719cce21cdff705c55dda3de31997a53";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreateMeetingDialogCreateMutation.graphql.ts b/apps/console/src/__generated__/core/CreateMeetingDialogCreateMutation.graphql.ts
new file mode 100644
index 000000000..0d832413d
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreateMeetingDialogCreateMutation.graphql.ts
@@ -0,0 +1,224 @@
+/**
+ * @generated SignedSource<<69b7a1ed2ab1c03ffa4c42638851e3bd>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateMeetingInput = {
+  attendeeIds?: ReadonlyArray<string> | null | undefined;
+  date: string;
+  minutes?: string | null | undefined;
+  name: string;
+  organizationId: string;
+};
+export type CreateMeetingDialogCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateMeetingInput;
+};
+export type CreateMeetingDialogCreateMutation$data = {
+  readonly createMeeting: {
+    readonly meetingEdge: {
+      readonly node: {
+        readonly attendees: ReadonlyArray<{
+          readonly fullName: string;
+          readonly id: string;
+        }>;
+        readonly canDelete: boolean;
+        readonly date: string;
+        readonly id: string;
+        readonly minutes: string | null | undefined;
+        readonly name: string;
+      };
+    };
+  };
+};
+export type CreateMeetingDialogCreateMutation = {
+  response: CreateMeetingDialogCreateMutation$data;
+  variables: CreateMeetingDialogCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "MeetingEdge",
+  "kind": "LinkedField",
+  "name": "meetingEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Meeting",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "date",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "minutes",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "People",
+          "kind": "LinkedField",
+          "name": "attendees",
+          "plural": true,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:meeting:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:meeting:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreateMeetingDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateMeetingPayload",
+        "kind": "LinkedField",
+        "name": "createMeeting",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "CreateMeetingDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateMeetingPayload",
+        "kind": "LinkedField",
+        "name": "createMeeting",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "meetingEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6b9dce0e1a88fdf272b516cf59bb4137",
+    "id": null,
+    "metadata": {},
+    "name": "CreateMeetingDialogCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation CreateMeetingDialogCreateMutation(\n  $input: CreateMeetingInput!\n) {\n  createMeeting(input: $input) {\n    meetingEdge {\n      node {\n        id\n        name\n        date\n        minutes\n        attendees {\n          id\n          fullName\n        }\n        canDelete: permission(action: \"core:meeting:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b69925d4ec72b17467f8f50158d02f6f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreatePeopleDialogMutation.graphql.ts b/apps/console/src/__generated__/core/CreatePeopleDialogMutation.graphql.ts
new file mode 100644
index 000000000..e60785e7a
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreatePeopleDialogMutation.graphql.ts
@@ -0,0 +1,234 @@
+/**
+ * @generated SignedSource<<bcaedd6b49db8b0f1f39149e8c916c26>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type PeopleKind = "CONTRACTOR" | "EMPLOYEE" | "SERVICE_ACCOUNT";
+export type CreatePeopleInput = {
+  additionalEmailAddresses: ReadonlyArray<string>;
+  contractEndDate?: string | null | undefined;
+  contractStartDate?: string | null | undefined;
+  fullName: string;
+  kind: PeopleKind;
+  organizationId: string;
+  position?: string | null | undefined;
+  primaryEmailAddress: string;
+};
+export type CreatePeopleDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreatePeopleInput;
+};
+export type CreatePeopleDialogMutation$data = {
+  readonly createPeople: {
+    readonly peopleEdge: {
+      readonly node: {
+        readonly additionalEmailAddresses: ReadonlyArray<string>;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly fullName: string;
+        readonly id: string;
+        readonly kind: PeopleKind;
+        readonly position: string | null | undefined;
+        readonly primaryEmailAddress: string;
+      };
+    };
+  };
+};
+export type CreatePeopleDialogMutation = {
+  response: CreatePeopleDialogMutation$data;
+  variables: CreatePeopleDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PeopleEdge",
+  "kind": "LinkedField",
+  "name": "peopleEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "primaryEmailAddress",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "position",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "kind",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "additionalEmailAddresses",
+          "storageKey": null
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:people:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:people:delete\")"
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:people:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:people:update\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreatePeopleDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreatePeoplePayload",
+        "kind": "LinkedField",
+        "name": "createPeople",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "CreatePeopleDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreatePeoplePayload",
+        "kind": "LinkedField",
+        "name": "createPeople",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "peopleEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a37ebdda62d99a7583f4082b1fe19c96",
+    "id": null,
+    "metadata": {},
+    "name": "CreatePeopleDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation CreatePeopleDialogMutation(\n  $input: CreatePeopleInput!\n) {\n  createPeople(input: $input) {\n    peopleEdge {\n      node {\n        id\n        fullName\n        primaryEmailAddress\n        position\n        kind\n        additionalEmailAddresses\n        canDelete: permission(action: \"core:people:delete\")\n        canUpdate: permission(action: \"core:people:update\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d0ba45c21175b69c272a4bf9ff3c4039";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreateRiskAssessmentDialogMutation.graphql.ts b/apps/console/src/__generated__/core/CreateRiskAssessmentDialogMutation.graphql.ts
new file mode 100644
index 000000000..a80f7d74a
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreateRiskAssessmentDialogMutation.graphql.ts
@@ -0,0 +1,225 @@
+/**
+ * @generated SignedSource<<2271889b21f5a1f41c2e285a7a9ee1ca>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type BusinessImpact = "CRITICAL" | "HIGH" | "LOW" | "MEDIUM";
+export type DataSensitivity = "CRITICAL" | "HIGH" | "LOW" | "MEDIUM" | "NONE";
+export type CreateVendorRiskAssessmentInput = {
+  businessImpact: BusinessImpact;
+  dataSensitivity: DataSensitivity;
+  expiresAt: string;
+  notes?: string | null | undefined;
+  vendorId: string;
+};
+export type CreateRiskAssessmentDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateVendorRiskAssessmentInput;
+};
+export type CreateRiskAssessmentDialogMutation$data = {
+  readonly createVendorRiskAssessment: {
+    readonly vendorRiskAssessmentEdge: {
+      readonly node: {
+        readonly " $fragmentSpreads": FragmentRefs<"VendorRiskAssessmentTabFragment_assessment">;
+      };
+    };
+  };
+};
+export type CreateRiskAssessmentDialogMutation = {
+  response: CreateRiskAssessmentDialogMutation$data;
+  variables: CreateRiskAssessmentDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreateRiskAssessmentDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorRiskAssessmentPayload",
+        "kind": "LinkedField",
+        "name": "createVendorRiskAssessment",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorRiskAssessmentEdge",
+            "kind": "LinkedField",
+            "name": "vendorRiskAssessmentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorRiskAssessment",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "VendorRiskAssessmentTabFragment_assessment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "CreateRiskAssessmentDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorRiskAssessmentPayload",
+        "kind": "LinkedField",
+        "name": "createVendorRiskAssessment",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorRiskAssessmentEdge",
+            "kind": "LinkedField",
+            "name": "vendorRiskAssessmentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorRiskAssessment",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "id",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "expiresAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "dataSensitivity",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "businessImpact",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "notes",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "vendorRiskAssessmentEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1bd928ac46edc24d7b7cda3e5d7e2cb2",
+    "id": null,
+    "metadata": {},
+    "name": "CreateRiskAssessmentDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation CreateRiskAssessmentDialogMutation(\n  $input: CreateVendorRiskAssessmentInput!\n) {\n  createVendorRiskAssessment(input: $input) {\n    vendorRiskAssessmentEdge {\n      node {\n        ...VendorRiskAssessmentTabFragment_assessment\n        id\n      }\n    }\n  }\n}\n\nfragment VendorRiskAssessmentTabFragment_assessment on VendorRiskAssessment {\n  id\n  createdAt\n  expiresAt\n  dataSensitivity\n  businessImpact\n  notes\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "1e6753dbe2856b5a1809c15a81eb9861";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/CreateServiceDialogMutation.graphql.ts b/apps/console/src/__generated__/core/CreateServiceDialogMutation.graphql.ts
new file mode 100644
index 000000000..489dcf5e3
--- /dev/null
+++ b/apps/console/src/__generated__/core/CreateServiceDialogMutation.graphql.ts
@@ -0,0 +1,242 @@
+/**
+ * @generated SignedSource<<aacbb3c4646610f327cc7cea8f944158>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateVendorServiceInput = {
+  description?: string | null | undefined;
+  name: string;
+  type?: string | null | undefined;
+  url?: string | null | undefined;
+  vendorId: string;
+};
+export type CreateServiceDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateVendorServiceInput;
+};
+export type CreateServiceDialogMutation$data = {
+  readonly createVendorService: {
+    readonly vendorServiceEdge: {
+      readonly node: {
+        readonly " $fragmentSpreads": FragmentRefs<"VendorServicesTabFragment_service">;
+      };
+    };
+  };
+};
+export type CreateServiceDialogMutation = {
+  response: CreateServiceDialogMutation$data;
+  variables: CreateServiceDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "CreateServiceDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorServicePayload",
+        "kind": "LinkedField",
+        "name": "createVendorService",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorServiceEdge",
+            "kind": "LinkedField",
+            "name": "vendorServiceEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorService",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "VendorServicesTabFragment_service"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "CreateServiceDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorServicePayload",
+        "kind": "LinkedField",
+        "name": "createVendorService",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorServiceEdge",
+            "kind": "LinkedField",
+            "name": "vendorServiceEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorService",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "id",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "updatedAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canUpdate",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor-service:update"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor-service:update\")"
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor-service:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor-service:delete\")"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "vendorServiceEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "05250ac44a987544335a9e97eed9d66b",
+    "id": null,
+    "metadata": {},
+    "name": "CreateServiceDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation CreateServiceDialogMutation(\n  $input: CreateVendorServiceInput!\n) {\n  createVendorService(input: $input) {\n    vendorServiceEdge {\n      node {\n        ...VendorServicesTabFragment_service\n        id\n      }\n    }\n  }\n}\n\nfragment VendorServicesTabFragment_service on VendorService {\n  id\n  name\n  description\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-service:update\")\n  canDelete: permission(action: \"core:vendor-service:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "8dd0e535bfa15e8ac78b630139b57177";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DataListQuery.graphql.ts b/apps/console/src/__generated__/core/DataListQuery.graphql.ts
new file mode 100644
index 000000000..46a2d6758
--- /dev/null
+++ b/apps/console/src/__generated__/core/DataListQuery.graphql.ts
@@ -0,0 +1,452 @@
+/**
+ * @generated SignedSource<<d7c683ae93252e6615c66851edf88d62>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DatumOrderField = "CREATED_AT" | "DATA_CLASSIFICATION" | "NAME";
+export type OrderDirection = "ASC" | "DESC";
+export type DatumOrder = {
+  direction: OrderDirection;
+  field: DatumOrderField;
+};
+export type DataListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: DatumOrder | null | undefined;
+  snapshotId?: string | null | undefined;
+};
+export type DataListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"DataPageFragment">;
+  };
+};
+export type DataListQuery = {
+  response: DataListQuery$data;
+  variables: DataListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  {
+    "fields": [
+      (v12/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v10/*: any*/),
+  (v11/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+],
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DataListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              },
+              (v12/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "DataPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DataListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "DatumConnection",
+                "kind": "LinkedField",
+                "name": "data",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DatumEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Datum",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          (v16/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataClassification",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              },
+                              (v14/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 50
+                              }
+                            ],
+                            "concreteType": "VendorConnection",
+                            "kind": "LinkedField",
+                            "name": "vendors",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "VendorEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "Vendor",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v14/*: any*/),
+                                      (v16/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "websiteUrl",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "vendors(first:50)"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:datum:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:datum:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:datum:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:datum:delete\")"
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "DataPage_data",
+                "kind": "LinkedHandle",
+                "name": "data"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c022cb17d3ede74899755b606ce95ba9",
+    "id": null,
+    "metadata": {},
+    "name": "DataListQuery",
+    "operationKind": "query",
+    "text": "query DataListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 10\n  $last: Int = null\n  $order: DatumOrder = null\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...DataPageFragment_25MC8O\n    id\n  }\n}\n\nfragment DataPageFragment_25MC8O on Organization {\n  data(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        name\n        dataClassification\n        owner {\n          fullName\n          id\n        }\n        vendors(first: 50) {\n          edges {\n            node {\n              id\n              name\n              websiteUrl\n            }\n          }\n        }\n        createdAt\n        canUpdate: permission(action: \"core:datum:update\")\n        canDelete: permission(action: \"core:datum:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9a4453365a733d298ab9f5237fc4153b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DataPageFragment.graphql.ts b/apps/console/src/__generated__/core/DataPageFragment.graphql.ts
new file mode 100644
index 000000000..63e452f29
--- /dev/null
+++ b/apps/console/src/__generated__/core/DataPageFragment.graphql.ts
@@ -0,0 +1,362 @@
+/**
+ * @generated SignedSource<<f35cab66f0cb7f4cc802c4f74db09164>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DataClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+import { FragmentRefs } from "relay-runtime";
+export type DataPageFragment$data = {
+  readonly data: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dataClassification: DataClassification;
+        readonly id: string;
+        readonly name: string;
+        readonly owner: {
+          readonly fullName: string;
+        };
+        readonly vendors: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly name: string;
+              readonly websiteUrl: string | null | undefined;
+            };
+          }>;
+        };
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "DataPageFragment";
+};
+export type DataPageFragment$key = {
+  readonly " $data"?: DataPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DataPageFragment">;
+};
+
+import DataListQuery_graphql from './DataListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "data"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": DataListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "DataPageFragment",
+  "selections": [
+    {
+      "alias": "data",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "DatumConnection",
+      "kind": "LinkedField",
+      "name": "__DataPage_data_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DatumEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Datum",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dataClassification",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "owner",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "first",
+                      "value": 50
+                    }
+                  ],
+                  "concreteType": "VendorConnection",
+                  "kind": "LinkedField",
+                  "name": "vendors",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "VendorEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "alias": null,
+                          "args": null,
+                          "concreteType": "Vendor",
+                          "kind": "LinkedField",
+                          "name": "node",
+                          "plural": false,
+                          "selections": [
+                            (v1/*: any*/),
+                            (v2/*: any*/),
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "websiteUrl",
+                              "storageKey": null
+                            }
+                          ],
+                          "storageKey": null
+                        }
+                      ],
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": "vendors(first:50)"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:datum:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:datum:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:datum:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:datum:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "9a4453365a733d298ab9f5237fc4153b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DatumGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/DatumGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..4f4281e76
--- /dev/null
+++ b/apps/console/src/__generated__/core/DatumGraphCreateMutation.graphql.ts
@@ -0,0 +1,297 @@
+/**
+ * @generated SignedSource<<1ca264e989f4edf7a41ac69c09e014d6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DataClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type CreateDatumInput = {
+  dataClassification: DataClassification;
+  name: string;
+  organizationId: string;
+  ownerId: string;
+  vendorIds?: ReadonlyArray<string> | null | undefined;
+};
+export type DatumGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateDatumInput;
+};
+export type DatumGraphCreateMutation$data = {
+  readonly createDatum: {
+    readonly datumEdge: {
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dataClassification: DataClassification;
+        readonly id: string;
+        readonly name: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly vendors: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly name: string;
+              readonly websiteUrl: string | null | undefined;
+            };
+          }>;
+        };
+      };
+    };
+  };
+};
+export type DatumGraphCreateMutation = {
+  response: DatumGraphCreateMutation$data;
+  variables: DatumGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "DatumEdge",
+  "kind": "LinkedField",
+  "name": "datumEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Datum",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        (v4/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "dataClassification",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "People",
+          "kind": "LinkedField",
+          "name": "owner",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "first",
+              "value": 50
+            }
+          ],
+          "concreteType": "VendorConnection",
+          "kind": "LinkedField",
+          "name": "vendors",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "VendorEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Vendor",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v3/*: any*/),
+                    (v4/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "websiteUrl",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": "vendors(first:50)"
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:datum:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:datum:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:datum:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:datum:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DatumGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateDatumPayload",
+        "kind": "LinkedField",
+        "name": "createDatum",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DatumGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateDatumPayload",
+        "kind": "LinkedField",
+        "name": "createDatum",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "datumEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "37d345acfe37d5edf653d021f8aad43c",
+    "id": null,
+    "metadata": {},
+    "name": "DatumGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation DatumGraphCreateMutation(\n  $input: CreateDatumInput!\n) {\n  createDatum(input: $input) {\n    datumEdge {\n      node {\n        id\n        name\n        dataClassification\n        owner {\n          id\n          fullName\n        }\n        vendors(first: 50) {\n          edges {\n            node {\n              id\n              name\n              websiteUrl\n            }\n          }\n        }\n        createdAt\n        canUpdate: permission(action: \"core:datum:update\")\n        canDelete: permission(action: \"core:datum:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "db4781176e1b58224619f8237af92716";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DatumGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/DatumGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..f288f8b8a
--- /dev/null
+++ b/apps/console/src/__generated__/core/DatumGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<50c6ee9ebfd56ffeac153d8613118345>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteDatumInput = {
+  datumId: string;
+};
+export type DatumGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteDatumInput;
+};
+export type DatumGraphDeleteMutation$data = {
+  readonly deleteDatum: {
+    readonly deletedDatumId: string;
+  };
+};
+export type DatumGraphDeleteMutation = {
+  response: DatumGraphDeleteMutation$data;
+  variables: DatumGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedDatumId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DatumGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteDatumPayload",
+        "kind": "LinkedField",
+        "name": "deleteDatum",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DatumGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteDatumPayload",
+        "kind": "LinkedField",
+        "name": "deleteDatum",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedDatumId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c8ac1dfe4d44edfa33008bfc92dee99d",
+    "id": null,
+    "metadata": {},
+    "name": "DatumGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation DatumGraphDeleteMutation(\n  $input: DeleteDatumInput!\n) {\n  deleteDatum(input: $input) {\n    deletedDatumId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "1d6ffd466ce547e7377669b6ba567b9d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DatumGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/DatumGraphListQuery.graphql.ts
new file mode 100644
index 000000000..001cc6d57
--- /dev/null
+++ b/apps/console/src/__generated__/core/DatumGraphListQuery.graphql.ts
@@ -0,0 +1,390 @@
+/**
+ * @generated SignedSource<<034a68d54259fb22cf2d563699ad4257>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DatumGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type DatumGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateDatum?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"DataPageFragment">;
+  };
+};
+export type DatumGraphListQuery = {
+  response: DatumGraphListQuery$data;
+  variables: DatumGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateDatum",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:datum:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:datum:create\")"
+},
+v3 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v6 = [
+  {
+    "fields": (v3/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DatumGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": (v3/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "DataPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DatumGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v5/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "DatumConnection",
+                "kind": "LinkedField",
+                "name": "data",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DatumEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Datum",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v5/*: any*/),
+                          (v7/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataClassification",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              },
+                              (v5/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 50
+                              }
+                            ],
+                            "concreteType": "VendorConnection",
+                            "kind": "LinkedField",
+                            "name": "vendors",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "VendorEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "Vendor",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v5/*: any*/),
+                                      (v7/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "websiteUrl",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "vendors(first:50)"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:datum:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:datum:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:datum:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:datum:delete\")"
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "DataPage_data",
+                "kind": "LinkedHandle",
+                "name": "data"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "203f6661d76c730336cffaa96b631ab8",
+    "id": null,
+    "metadata": {},
+    "name": "DatumGraphListQuery",
+    "operationKind": "query",
+    "text": "query DatumGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID = null\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateDatum: permission(action: \"core:datum:create\")\n      ...DataPageFragment_3iomuz\n    }\n    id\n  }\n}\n\nfragment DataPageFragment_3iomuz on Organization {\n  data(first: 10, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        name\n        dataClassification\n        owner {\n          fullName\n          id\n        }\n        vendors(first: 50) {\n          edges {\n            node {\n              id\n              name\n              websiteUrl\n            }\n          }\n        }\n        createdAt\n        canUpdate: permission(action: \"core:datum:update\")\n        canDelete: permission(action: \"core:datum:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e071e19eda0d4c105668ffd9671399bd";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DatumGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/DatumGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..f518947a9
--- /dev/null
+++ b/apps/console/src/__generated__/core/DatumGraphNodeQuery.graphql.ts
@@ -0,0 +1,317 @@
+/**
+ * @generated SignedSource<<8d632b2e4ce8734fd47c3b2251cd61b9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DataClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+export type DatumGraphNodeQuery$variables = {
+  dataId: string;
+};
+export type DatumGraphNodeQuery$data = {
+  readonly node: {
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly createdAt?: string;
+    readonly dataClassification?: DataClassification;
+    readonly id?: string;
+    readonly name?: string;
+    readonly organization?: {
+      readonly id: string;
+    };
+    readonly owner?: {
+      readonly fullName: string;
+      readonly id: string;
+    };
+    readonly snapshotId?: string | null | undefined;
+    readonly updatedAt?: string;
+    readonly vendors?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly category: VendorCategory;
+          readonly id: string;
+          readonly name: string;
+          readonly websiteUrl: string | null | undefined;
+        };
+      }>;
+    };
+  };
+};
+export type DatumGraphNodeQuery = {
+  response: DatumGraphNodeQuery$data;
+  variables: DatumGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "dataId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "dataId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dataClassification",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "first",
+      "value": 50
+    }
+  ],
+  "concreteType": "VendorConnection",
+  "kind": "LinkedField",
+  "name": "vendors",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "VendorEdge",
+      "kind": "LinkedField",
+      "name": "edges",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "Vendor",
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            (v4/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "websiteUrl",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "category",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": "vendors(first:50)"
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/)
+  ],
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v11 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:datum:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:datum:update\")"
+},
+v12 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:datum:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:datum:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DatumGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/)
+            ],
+            "type": "Datum",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DatumGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/)
+            ],
+            "type": "Datum",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "036588bb9b3daffb20c9d01a708976ac",
+    "id": null,
+    "metadata": {},
+    "name": "DatumGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query DatumGraphNodeQuery(\n  $dataId: ID!\n) {\n  node(id: $dataId) {\n    __typename\n    ... on Datum {\n      id\n      snapshotId\n      name\n      dataClassification\n      owner {\n        id\n        fullName\n      }\n      vendors(first: 50) {\n        edges {\n          node {\n            id\n            name\n            websiteUrl\n            category\n          }\n        }\n      }\n      organization {\n        id\n      }\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:datum:update\")\n      canDelete: permission(action: \"core:datum:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2b2e220e0bdd98bbee7ea72a00db7a61";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DatumGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/DatumGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..4a9287afb
--- /dev/null
+++ b/apps/console/src/__generated__/core/DatumGraphUpdateMutation.graphql.ts
@@ -0,0 +1,216 @@
+/**
+ * @generated SignedSource<<34155e0367247c7503956fc623839d7f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DataClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type UpdateDatumInput = {
+  dataClassification?: DataClassification | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+  ownerId?: string | null | undefined;
+  vendorIds?: ReadonlyArray<string> | null | undefined;
+};
+export type DatumGraphUpdateMutation$variables = {
+  input: UpdateDatumInput;
+};
+export type DatumGraphUpdateMutation$data = {
+  readonly updateDatum: {
+    readonly datum: {
+      readonly dataClassification: DataClassification;
+      readonly id: string;
+      readonly name: string;
+      readonly owner: {
+        readonly fullName: string;
+        readonly id: string;
+      };
+      readonly updatedAt: string;
+      readonly vendors: {
+        readonly edges: ReadonlyArray<{
+          readonly node: {
+            readonly id: string;
+            readonly name: string;
+            readonly websiteUrl: string | null | undefined;
+          };
+        }>;
+      };
+    };
+  };
+};
+export type DatumGraphUpdateMutation = {
+  response: DatumGraphUpdateMutation$data;
+  variables: DatumGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v3 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateDatumPayload",
+    "kind": "LinkedField",
+    "name": "updateDatum",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Datum",
+        "kind": "LinkedField",
+        "name": "datum",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dataClassification",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "owner",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": [
+              {
+                "kind": "Literal",
+                "name": "first",
+                "value": 50
+              }
+            ],
+            "concreteType": "VendorConnection",
+            "kind": "LinkedField",
+            "name": "vendors",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Vendor",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v1/*: any*/),
+                      (v2/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "websiteUrl",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": "vendors(first:50)"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DatumGraphUpdateMutation",
+    "selections": (v3/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DatumGraphUpdateMutation",
+    "selections": (v3/*: any*/)
+  },
+  "params": {
+    "cacheID": "0dbe0c32132e627730510b4bdddf5e84",
+    "id": null,
+    "metadata": {},
+    "name": "DatumGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation DatumGraphUpdateMutation(\n  $input: UpdateDatumInput!\n) {\n  updateDatum(input: $input) {\n    datum {\n      id\n      name\n      dataClassification\n      owner {\n        id\n        fullName\n      }\n      vendors(first: 50) {\n        edges {\n          node {\n            id\n            name\n            websiteUrl\n          }\n        }\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "682e71be938af8024fed4dcfb65e2ff3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DeleteBusinessAssociateAgreementDialogMutation.graphql.ts b/apps/console/src/__generated__/core/DeleteBusinessAssociateAgreementDialogMutation.graphql.ts
new file mode 100644
index 000000000..974664c2d
--- /dev/null
+++ b/apps/console/src/__generated__/core/DeleteBusinessAssociateAgreementDialogMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<26343418dbdd4baf63f2846470e2d3ab>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteVendorBusinessAssociateAgreementInput = {
+  vendorId: string;
+};
+export type DeleteBusinessAssociateAgreementDialogMutation$variables = {
+  input: DeleteVendorBusinessAssociateAgreementInput;
+};
+export type DeleteBusinessAssociateAgreementDialogMutation$data = {
+  readonly deleteVendorBusinessAssociateAgreement: {
+    readonly deletedVendorId: string;
+  };
+};
+export type DeleteBusinessAssociateAgreementDialogMutation = {
+  response: DeleteBusinessAssociateAgreementDialogMutation$data;
+  variables: DeleteBusinessAssociateAgreementDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteVendorBusinessAssociateAgreementPayload",
+    "kind": "LinkedField",
+    "name": "deleteVendorBusinessAssociateAgreement",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedVendorId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DeleteBusinessAssociateAgreementDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DeleteBusinessAssociateAgreementDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "c8aa903ee410ee9e591c82f7f75e044c",
+    "id": null,
+    "metadata": {},
+    "name": "DeleteBusinessAssociateAgreementDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation DeleteBusinessAssociateAgreementDialogMutation(\n  $input: DeleteVendorBusinessAssociateAgreementInput!\n) {\n  deleteVendorBusinessAssociateAgreement(input: $input) {\n    deletedVendorId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "39106d060e4e1da4eaa78a8205fe7cf8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DeleteDataPrivacyAgreementDialogMutation.graphql.ts b/apps/console/src/__generated__/core/DeleteDataPrivacyAgreementDialogMutation.graphql.ts
new file mode 100644
index 000000000..a4a21e0a7
--- /dev/null
+++ b/apps/console/src/__generated__/core/DeleteDataPrivacyAgreementDialogMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<4d1711d74f82bc8952b162a37dd8931e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteVendorDataPrivacyAgreementInput = {
+  vendorId: string;
+};
+export type DeleteDataPrivacyAgreementDialogMutation$variables = {
+  input: DeleteVendorDataPrivacyAgreementInput;
+};
+export type DeleteDataPrivacyAgreementDialogMutation$data = {
+  readonly deleteVendorDataPrivacyAgreement: {
+    readonly deletedVendorId: string;
+  };
+};
+export type DeleteDataPrivacyAgreementDialogMutation = {
+  response: DeleteDataPrivacyAgreementDialogMutation$data;
+  variables: DeleteDataPrivacyAgreementDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteVendorDataPrivacyAgreementPayload",
+    "kind": "LinkedField",
+    "name": "deleteVendorDataPrivacyAgreement",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedVendorId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DeleteDataPrivacyAgreementDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DeleteDataPrivacyAgreementDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "683fac4979ff59534ce2acaa05d82063",
+    "id": null,
+    "metadata": {},
+    "name": "DeleteDataPrivacyAgreementDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation DeleteDataPrivacyAgreementDialogMutation(\n  $input: DeleteVendorDataPrivacyAgreementInput!\n) {\n  deleteVendorDataPrivacyAgreement(input: $input) {\n    deletedVendorId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "38cb9bcb710db551eda7ed8cff9fca5a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DeleteDomainDialogMutation.graphql.ts b/apps/console/src/__generated__/core/DeleteDomainDialogMutation.graphql.ts
new file mode 100644
index 000000000..4309d09f2
--- /dev/null
+++ b/apps/console/src/__generated__/core/DeleteDomainDialogMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<4f27f16c09a86fda0f17b4d33866fcb2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteCustomDomainInput = {
+  organizationId: string;
+};
+export type DeleteDomainDialogMutation$variables = {
+  input: DeleteCustomDomainInput;
+};
+export type DeleteDomainDialogMutation$data = {
+  readonly deleteCustomDomain: {
+    readonly deletedCustomDomainId: string;
+  };
+};
+export type DeleteDomainDialogMutation = {
+  response: DeleteDomainDialogMutation$data;
+  variables: DeleteDomainDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteCustomDomainPayload",
+    "kind": "LinkedField",
+    "name": "deleteCustomDomain",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedCustomDomainId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DeleteDomainDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DeleteDomainDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "68e7fb0109af8d99c9947e5ef2314ad2",
+    "id": null,
+    "metadata": {},
+    "name": "DeleteDomainDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation DeleteDomainDialogMutation(\n  $input: DeleteCustomDomainInput!\n) {\n  deleteCustomDomain(input: $input) {\n    deletedCustomDomainId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4ff39445b000bd5416e04e1460f11571";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentControlsTabControlsQuery.graphql.ts b/apps/console/src/__generated__/core/DocumentControlsTabControlsQuery.graphql.ts
new file mode 100644
index 000000000..b1468e986
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentControlsTabControlsQuery.graphql.ts
@@ -0,0 +1,363 @@
+/**
+ * @generated SignedSource<<9b0874e62bfe3cc79cbf2853e7571ae2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ControlOrderField = "CREATED_AT" | "SECTION_TITLE";
+export type OrderDirection = "ASC" | "DESC";
+export type ControlFilter = {
+  query?: string | null | undefined;
+};
+export type ControlOrder = {
+  direction: OrderDirection;
+  field: ControlOrderField;
+};
+export type DocumentControlsTabControlsQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  filter?: ControlFilter | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: ControlOrder | null | undefined;
+};
+export type DocumentControlsTabControlsQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"DocumentControlsTabFragment">;
+  };
+};
+export type DocumentControlsTabControlsQuery = {
+  response: DocumentControlsTabControlsQuery$data;
+  variables: DocumentControlsTabControlsQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "filter"
+},
+v3 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "filter",
+  "variableName": "filter"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  (v11/*: any*/),
+  (v12/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+],
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentControlsTabControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "DocumentControlsTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v4/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentControlsTabControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          (v16/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v14/*: any*/),
+                              (v16/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "DocumentControlsTab_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              }
+            ],
+            "type": "Document",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3640a2f9f03d965c268474fdfb4aa5e0",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentControlsTabControlsQuery",
+    "operationKind": "query",
+    "text": "query DocumentControlsTabControlsQuery(\n  $after: CursorKey\n  $before: CursorKey = null\n  $filter: ControlFilter = null\n  $first: Int = 20\n  $last: Int = null\n  $order: ControlOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...DocumentControlsTabFragment_4cFWzS\n    id\n  }\n}\n\nfragment DocumentControlsTabFragment_4cFWzS on Document {\n  id\n  controls(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: $filter) {\n    edges {\n      node {\n        id\n        ...LinkedControlsCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment LinkedControlsCardFragment on Control {\n  id\n  name\n  sectionTitle\n  framework {\n    id\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c1b6d5212b3fa33f60c02ddee32d5cea";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentControlsTabFragment.graphql.ts b/apps/console/src/__generated__/core/DocumentControlsTabFragment.graphql.ts
new file mode 100644
index 000000000..a551f40b2
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentControlsTabFragment.graphql.ts
@@ -0,0 +1,235 @@
+/**
+ * @generated SignedSource<<aad16d17ffa1259b4e99ceb4e583df5f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentControlsTabFragment$data = {
+  readonly controls: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsCardFragment">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "DocumentControlsTabFragment";
+};
+export type DocumentControlsTabFragment$key = {
+  readonly " $data"?: DocumentControlsTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentControlsTabFragment">;
+};
+
+import DocumentControlsTabControlsQuery_graphql from './DocumentControlsTabControlsQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "controls"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "filter"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": DocumentControlsTabControlsQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "DocumentControlsTabFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "controls",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "filter"
+        },
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "ControlConnection",
+      "kind": "LinkedField",
+      "name": "__DocumentControlsTab_controls_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ControlEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Control",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "LinkedControlsCardFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Document",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "c1b6d5212b3fa33f60c02ddee32d5cea";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentControlsTab_attachControlMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentControlsTab_attachControlMutation.graphql.ts
new file mode 100644
index 000000000..245f852ad
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentControlsTab_attachControlMutation.graphql.ts
@@ -0,0 +1,216 @@
+/**
+ * @generated SignedSource<<aadcc969afca041393632ea2f4b98265>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateControlDocumentMappingInput = {
+  controlId: string;
+  documentId: string;
+};
+export type DocumentControlsTab_attachControlMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlDocumentMappingInput;
+};
+export type DocumentControlsTab_attachControlMutation$data = {
+  readonly createControlDocumentMapping: {
+    readonly controlEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsCardFragment">;
+      };
+    };
+  };
+};
+export type DocumentControlsTab_attachControlMutation = {
+  response: DocumentControlsTab_attachControlMutation$data;
+  variables: DocumentControlsTab_attachControlMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentControlsTab_attachControlMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ControlEdge",
+            "kind": "LinkedField",
+            "name": "controlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Control",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedControlsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentControlsTab_attachControlMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ControlEdge",
+            "kind": "LinkedField",
+            "name": "controlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Control",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "sectionTitle",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Framework",
+                    "kind": "LinkedField",
+                    "name": "framework",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      (v4/*: any*/)
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "controlEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5506b27c88242f338e0d004c27f644de",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentControlsTab_attachControlMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentControlsTab_attachControlMutation(\n  $input: CreateControlDocumentMappingInput!\n) {\n  createControlDocumentMapping(input: $input) {\n    controlEdge {\n      node {\n        id\n        ...LinkedControlsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedControlsCardFragment on Control {\n  id\n  name\n  sectionTitle\n  framework {\n    id\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "273f0d619a2be7df7451e7354c53315a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentControlsTab_detachControlMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentControlsTab_detachControlMutation.graphql.ts
new file mode 100644
index 000000000..0ab2dc982
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentControlsTab_detachControlMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<5c230fb025256fb7a5281ee5ecd3ccf4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlDocumentMappingInput = {
+  controlId: string;
+  documentId: string;
+};
+export type DocumentControlsTab_detachControlMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlDocumentMappingInput;
+};
+export type DocumentControlsTab_detachControlMutation$data = {
+  readonly deleteControlDocumentMapping: {
+    readonly deletedControlId: string;
+  };
+};
+export type DocumentControlsTab_detachControlMutation = {
+  response: DocumentControlsTab_detachControlMutation$data;
+  variables: DocumentControlsTab_detachControlMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedControlId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentControlsTab_detachControlMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentControlsTab_detachControlMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedControlId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "fce801689ab578a47c33a50c60fc4cd7",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentControlsTab_detachControlMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentControlsTab_detachControlMutation(\n  $input: DeleteControlDocumentMappingInput!\n) {\n  deleteControlDocumentMapping(input: $input) {\n    deletedControlId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "39c5b39c08ba37d06f5e0cfedc707a25";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentDetailPageDocumentFragment.graphql.ts b/apps/console/src/__generated__/core/DocumentDetailPageDocumentFragment.graphql.ts
new file mode 100644
index 000000000..67d727c60
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentDetailPageDocumentFragment.graphql.ts
@@ -0,0 +1,429 @@
+/**
+ * @generated SignedSource<<c37076bc09bec4e39571f14fe8aa6d74>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type DocumentStatus = "DRAFT" | "PUBLISHED";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+import { FragmentRefs } from "relay-runtime";
+export type DocumentDetailPageDocumentFragment$data = {
+  readonly canDelete: boolean;
+  readonly canPublish: boolean;
+  readonly canUpdate: boolean;
+  readonly classification: DocumentClassification;
+  readonly controlsInfo: {
+    readonly totalCount: number;
+  };
+  readonly documentType: DocumentType;
+  readonly id: string;
+  readonly owner: {
+    readonly fullName: string;
+    readonly id: string;
+  };
+  readonly title: string;
+  readonly versions: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDeleteDraft: boolean;
+        readonly classification: DocumentClassification;
+        readonly content: string;
+        readonly id: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly publishedAt: string | null | undefined;
+        readonly signatures: {
+          readonly __id: string;
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly signedBy: {
+                readonly id: string;
+              };
+              readonly state: DocumentVersionSignatureState;
+              readonly " $fragmentSpreads": FragmentRefs<"DocumentSignaturesTab_signature">;
+            };
+          }>;
+        };
+        readonly status: DocumentStatus;
+        readonly updatedAt: string;
+        readonly version: number;
+        readonly " $fragmentSpreads": FragmentRefs<"DocumentSignaturesTab_version">;
+      };
+    }>;
+  };
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentControlsTabFragment">;
+  readonly " $fragmentType": "DocumentDetailPageDocumentFragment";
+};
+export type DocumentDetailPageDocumentFragment$key = {
+  readonly " $data"?: DocumentDetailPageDocumentFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentDetailPageDocumentFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "classification",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v6 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": null
+      },
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "versions"
+        ]
+      }
+    ]
+  },
+  "name": "DocumentDetailPageDocumentFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "title",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "documentType",
+      "storageKey": null
+    },
+    (v1/*: any*/),
+    (v2/*: any*/),
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:document:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:document:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:document:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:document:delete\")"
+    },
+    {
+      "alias": "canPublish",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:document-version:publish"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:document-version:publish\")"
+    },
+    {
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "DocumentControlsTabFragment"
+    },
+    {
+      "alias": "controlsInfo",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 0
+        }
+      ],
+      "concreteType": "ControlConnection",
+      "kind": "LinkedField",
+      "name": "controls",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        }
+      ],
+      "storageKey": "controls(first:0)"
+    },
+    {
+      "alias": "versions",
+      "args": null,
+      "concreteType": "DocumentVersionConnection",
+      "kind": "LinkedField",
+      "name": "__DocumentDetailPage_versions_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentVersionEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "DocumentVersion",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "content",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "publishedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "version",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                (v1/*: any*/),
+                (v2/*: any*/),
+                {
+                  "alias": "canDeleteDraft",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:document-version:delete-draft"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:document-version:delete-draft\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "DocumentSignaturesTab_version"
+                },
+                {
+                  "alias": "signatures",
+                  "args": null,
+                  "concreteType": "DocumentVersionSignatureConnection",
+                  "kind": "LinkedField",
+                  "name": "__DocumentDetailPage_signatures_connection",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "DocumentVersionSignatureEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "alias": null,
+                          "args": null,
+                          "concreteType": "DocumentVersionSignature",
+                          "kind": "LinkedField",
+                          "name": "node",
+                          "plural": false,
+                          "selections": [
+                            (v0/*: any*/),
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "state",
+                              "storageKey": null
+                            },
+                            {
+                              "alias": null,
+                              "args": null,
+                              "concreteType": "People",
+                              "kind": "LinkedField",
+                              "name": "signedBy",
+                              "plural": false,
+                              "selections": [
+                                (v0/*: any*/)
+                              ],
+                              "storageKey": null
+                            },
+                            {
+                              "args": null,
+                              "kind": "FragmentSpread",
+                              "name": "DocumentSignaturesTab_signature"
+                            },
+                            (v3/*: any*/)
+                          ],
+                          "storageKey": null
+                        },
+                        (v4/*: any*/)
+                      ],
+                      "storageKey": null
+                    },
+                    (v5/*: any*/),
+                    (v6/*: any*/)
+                  ],
+                  "storageKey": null
+                },
+                (v3/*: any*/)
+              ],
+              "storageKey": null
+            },
+            (v4/*: any*/)
+          ],
+          "storageKey": null
+        },
+        (v5/*: any*/),
+        (v6/*: any*/)
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Document",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "5ed2f764b1587dd945b0a10c33cee729";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentDetailPageExportPDFMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentDetailPageExportPDFMutation.graphql.ts
new file mode 100644
index 000000000..2797db967
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentDetailPageExportPDFMutation.graphql.ts
@@ -0,0 +1,95 @@
+/**
+ * @generated SignedSource<<f860e097afe4111c629ecf78d873a84e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ExportDocumentVersionPDFInput = {
+  documentVersionId: string;
+  watermarkEmail?: string | null | undefined;
+  withSignatures: boolean;
+  withWatermark: boolean;
+};
+export type DocumentDetailPageExportPDFMutation$variables = {
+  input: ExportDocumentVersionPDFInput;
+};
+export type DocumentDetailPageExportPDFMutation$data = {
+  readonly exportDocumentVersionPDF: {
+    readonly data: string;
+  };
+};
+export type DocumentDetailPageExportPDFMutation = {
+  response: DocumentDetailPageExportPDFMutation$data;
+  variables: DocumentDetailPageExportPDFMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "ExportDocumentVersionPDFPayload",
+    "kind": "LinkedField",
+    "name": "exportDocumentVersionPDF",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "data",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentDetailPageExportPDFMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentDetailPageExportPDFMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "4c17d48a790ff5f1617c7db604766b83",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentDetailPageExportPDFMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentDetailPageExportPDFMutation(\n  $input: ExportDocumentVersionPDFInput!\n) {\n  exportDocumentVersionPDF(input: $input) {\n    data\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e8854650389c3ebd1020ec278d8be831";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentDetailPagePublishMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentDetailPagePublishMutation.graphql.ts
new file mode 100644
index 000000000..90073e5e1
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentDetailPagePublishMutation.graphql.ts
@@ -0,0 +1,630 @@
+/**
+ * @generated SignedSource<<e3ebdf9d0caacde97761e1e28ac09105>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type PublishDocumentVersionInput = {
+  changelog?: string | null | undefined;
+  documentId: string;
+};
+export type DocumentDetailPagePublishMutation$variables = {
+  input: PublishDocumentVersionInput;
+};
+export type DocumentDetailPagePublishMutation$data = {
+  readonly publishDocumentVersion: {
+    readonly document: {
+      readonly " $fragmentSpreads": FragmentRefs<"DocumentDetailPageDocumentFragment">;
+    };
+  };
+};
+export type DocumentDetailPagePublishMutation = {
+  response: DocumentDetailPagePublishMutation$data;
+  variables: DocumentDetailPagePublishMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "classification",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fullName",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    (v4/*: any*/)
+  ],
+  "storageKey": null
+},
+v6 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "endCursor",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasNextPage",
+  "storageKey": null
+},
+v12 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v13 = [
+  {
+    "kind": "Literal",
+    "name": "action",
+    "value": "core:document-version:request-signature"
+  }
+],
+v14 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1000
+  }
+],
+v15 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    (v10/*: any*/),
+    (v11/*: any*/)
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentDetailPagePublishMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "PublishDocumentVersionPayload",
+        "kind": "LinkedField",
+        "name": "publishDocumentVersion",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Document",
+            "kind": "LinkedField",
+            "name": "document",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "DocumentDetailPageDocumentFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentDetailPagePublishMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "PublishDocumentVersionPayload",
+        "kind": "LinkedField",
+        "name": "publishDocumentVersion",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Document",
+            "kind": "LinkedField",
+            "name": "document",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "title",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "documentType",
+                "storageKey": null
+              },
+              (v3/*: any*/),
+              (v5/*: any*/),
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:document:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:document:update\")"
+              },
+              {
+                "alias": "canDelete",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:document:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:document:delete\")"
+              },
+              {
+                "alias": "canPublish",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:document-version:publish"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:document-version:publish\")"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v7/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              (v7/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v9/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      (v10/*: any*/),
+                      (v11/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  (v12/*: any*/)
+                ],
+                "storageKey": "controls(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "DocumentControlsTab_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              },
+              {
+                "alias": "controlsInfo",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "first",
+                    "value": 0
+                  }
+                ],
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "controls(first:0)"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "DocumentVersionConnection",
+                "kind": "LinkedField",
+                "name": "versions",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentVersionEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersion",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "content",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "publishedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "version",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          (v3/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": "canDeleteDraft",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document-version:delete-draft"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document-version:delete-draft\")"
+                          },
+                          {
+                            "alias": "canRequestSignature",
+                            "args": (v13/*: any*/),
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": (v14/*: any*/),
+                            "concreteType": "DocumentVersionSignatureConnection",
+                            "kind": "LinkedField",
+                            "name": "signatures",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionSignatureEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersionSignature",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v2/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "state",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "concreteType": "People",
+                                        "kind": "LinkedField",
+                                        "name": "signedBy",
+                                        "plural": false,
+                                        "selections": [
+                                          (v2/*: any*/),
+                                          (v4/*: any*/),
+                                          {
+                                            "alias": null,
+                                            "args": null,
+                                            "kind": "ScalarField",
+                                            "name": "primaryEmailAddress",
+                                            "storageKey": null
+                                          }
+                                        ],
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "signedAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "requestedAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": "canCancel",
+                                        "args": (v13/*: any*/),
+                                        "kind": "ScalarField",
+                                        "name": "permission",
+                                        "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                                      },
+                                      (v8/*: any*/)
+                                    ],
+                                    "storageKey": null
+                                  },
+                                  (v9/*: any*/)
+                                ],
+                                "storageKey": null
+                              },
+                              (v15/*: any*/),
+                              (v12/*: any*/)
+                            ],
+                            "storageKey": "signatures(first:1000)"
+                          },
+                          {
+                            "alias": null,
+                            "args": (v14/*: any*/),
+                            "filters": [
+                              "filter"
+                            ],
+                            "handle": "connection",
+                            "key": "DocumentSignaturesTab_signatures",
+                            "kind": "LinkedHandle",
+                            "name": "signatures"
+                          },
+                          {
+                            "alias": null,
+                            "args": (v14/*: any*/),
+                            "filters": [],
+                            "handle": "connection",
+                            "key": "DocumentDetailPage_signatures",
+                            "kind": "LinkedHandle",
+                            "name": "signatures"
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v9/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v15/*: any*/),
+                  (v12/*: any*/)
+                ],
+                "storageKey": "versions(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "DocumentDetailPage_versions",
+                "kind": "LinkedHandle",
+                "name": "versions"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "91d0c14af00c2a67732d781e41770a81",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentDetailPagePublishMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentDetailPagePublishMutation(\n  $input: PublishDocumentVersionInput!\n) {\n  publishDocumentVersion(input: $input) {\n    document {\n      ...DocumentDetailPageDocumentFragment\n      id\n    }\n  }\n}\n\nfragment DocumentControlsTabFragment on Document {\n  id\n  controls(first: 20) {\n    edges {\n      node {\n        id\n        ...LinkedControlsCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment DocumentDetailPageDocumentFragment on Document {\n  id\n  title\n  documentType\n  classification\n  owner {\n    id\n    fullName\n  }\n  canUpdate: permission(action: \"core:document:update\")\n  canDelete: permission(action: \"core:document:delete\")\n  canPublish: permission(action: \"core:document-version:publish\")\n  ...DocumentControlsTabFragment\n  controlsInfo: controls(first: 0) {\n    totalCount\n  }\n  versions(first: 20) {\n    edges {\n      node {\n        id\n        content\n        status\n        publishedAt\n        version\n        updatedAt\n        classification\n        owner {\n          id\n          fullName\n        }\n        canDeleteDraft: permission(action: \"core:document-version:delete-draft\")\n        ...DocumentSignaturesTab_version\n        signatures(first: 1000) {\n          edges {\n            node {\n              id\n              state\n              signedBy {\n                id\n              }\n              ...DocumentSignaturesTab_signature\n              __typename\n            }\n            cursor\n          }\n          pageInfo {\n            endCursor\n            hasNextPage\n          }\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment DocumentSignaturesTab_signature on DocumentVersionSignature {\n  id\n  state\n  signedAt\n  requestedAt\n  signedBy {\n    fullName\n    primaryEmailAddress\n    id\n  }\n  canCancel: permission(action: \"core:document-version:request-signature\")\n}\n\nfragment DocumentSignaturesTab_version on DocumentVersion {\n  id\n  status\n  canRequestSignature: permission(action: \"core:document-version:request-signature\")\n  signatures(first: 1000) {\n    edges {\n      node {\n        id\n        state\n        signedBy {\n          id\n          fullName\n          primaryEmailAddress\n        }\n        ...DocumentSignaturesTab_signature\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment LinkedControlsCardFragment on Control {\n  id\n  name\n  sectionTitle\n  framework {\n    id\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d2b29d8c6e8508e24b0d39ea21069e4a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentDetailPageUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentDetailPageUpdateMutation.graphql.ts
new file mode 100644
index 000000000..b64d514d4
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentDetailPageUpdateMutation.graphql.ts
@@ -0,0 +1,162 @@
+/**
+ * @generated SignedSource<<7c1bfb7a8cc7cc0f426348c57a17f7c9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type UpdateDocumentInput = {
+  classification?: DocumentClassification | null | undefined;
+  content?: string | null | undefined;
+  documentType?: DocumentType | null | undefined;
+  id: string;
+  ownerId?: string | null | undefined;
+  title?: string | null | undefined;
+  trustCenterVisibility?: TrustCenterVisibility | null | undefined;
+};
+export type DocumentDetailPageUpdateMutation$variables = {
+  input: UpdateDocumentInput;
+};
+export type DocumentDetailPageUpdateMutation$data = {
+  readonly updateDocument: {
+    readonly document: {
+      readonly classification: DocumentClassification;
+      readonly documentType: DocumentType;
+      readonly id: string;
+      readonly owner: {
+        readonly fullName: string;
+        readonly id: string;
+      };
+      readonly title: string;
+    };
+  };
+};
+export type DocumentDetailPageUpdateMutation = {
+  response: DocumentDetailPageUpdateMutation$data;
+  variables: DocumentDetailPageUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateDocumentPayload",
+    "kind": "LinkedField",
+    "name": "updateDocument",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Document",
+        "kind": "LinkedField",
+        "name": "document",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "title",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "documentType",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "classification",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "owner",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentDetailPageUpdateMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentDetailPageUpdateMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "865056a65394e413822f798f31351341",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentDetailPageUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentDetailPageUpdateMutation(\n  $input: UpdateDocumentInput!\n) {\n  updateDocument(input: $input) {\n    document {\n      id\n      title\n      documentType\n      classification\n      owner {\n        id\n        fullName\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "bd6acddfc137a6bdce42628d05dc9ff6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentGraphBulkDeleteDocumentsMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentGraphBulkDeleteDocumentsMutation.graphql.ts
new file mode 100644
index 000000000..d3e975227
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentGraphBulkDeleteDocumentsMutation.graphql.ts
@@ -0,0 +1,115 @@
+/**
+ * @generated SignedSource<<a26f31885b4f92b2ad9398bce7f538cf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type BulkDeleteDocumentsInput = {
+  documentIds: ReadonlyArray<string>;
+};
+export type DocumentGraphBulkDeleteDocumentsMutation$variables = {
+  input: BulkDeleteDocumentsInput;
+};
+export type DocumentGraphBulkDeleteDocumentsMutation$data = {
+  readonly bulkDeleteDocuments: {
+    readonly deletedDocumentIds: ReadonlyArray<string>;
+  };
+};
+export type DocumentGraphBulkDeleteDocumentsMutation = {
+  response: DocumentGraphBulkDeleteDocumentsMutation$data;
+  variables: DocumentGraphBulkDeleteDocumentsMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedDocumentIds",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentGraphBulkDeleteDocumentsMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "BulkDeleteDocumentsPayload",
+        "kind": "LinkedField",
+        "name": "bulkDeleteDocuments",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentGraphBulkDeleteDocumentsMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "BulkDeleteDocumentsPayload",
+        "kind": "LinkedField",
+        "name": "bulkDeleteDocuments",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteRecord",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedDocumentIds"
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "655f43d282b8e0007f3b93e381e7ff84",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentGraphBulkDeleteDocumentsMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentGraphBulkDeleteDocumentsMutation(\n  $input: BulkDeleteDocumentsInput!\n) {\n  bulkDeleteDocuments(input: $input) {\n    deletedDocumentIds\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "919857a24f366b8ebe004fcadf503c3d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentGraphBulkExportDocumentsMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentGraphBulkExportDocumentsMutation.graphql.ts
new file mode 100644
index 000000000..896544b28
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentGraphBulkExportDocumentsMutation.graphql.ts
@@ -0,0 +1,95 @@
+/**
+ * @generated SignedSource<<9b84adc0253186c6f0a5f47837d83d7f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type BulkExportDocumentsInput = {
+  documentIds: ReadonlyArray<string>;
+  watermarkEmail?: string | null | undefined;
+  withSignatures: boolean;
+  withWatermark: boolean;
+};
+export type DocumentGraphBulkExportDocumentsMutation$variables = {
+  input: BulkExportDocumentsInput;
+};
+export type DocumentGraphBulkExportDocumentsMutation$data = {
+  readonly bulkExportDocuments: {
+    readonly exportJobId: string;
+  };
+};
+export type DocumentGraphBulkExportDocumentsMutation = {
+  response: DocumentGraphBulkExportDocumentsMutation$data;
+  variables: DocumentGraphBulkExportDocumentsMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "BulkExportDocumentsPayload",
+    "kind": "LinkedField",
+    "name": "bulkExportDocuments",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "exportJobId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentGraphBulkExportDocumentsMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentGraphBulkExportDocumentsMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "2f4eb206613f8fba307aeee5bad27b93",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentGraphBulkExportDocumentsMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentGraphBulkExportDocumentsMutation(\n  $input: BulkExportDocumentsInput!\n) {\n  bulkExportDocuments(input: $input) {\n    exportJobId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0a7bae4b58713bcc824a774c31bd6dca";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentGraphDeleteDraftMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentGraphDeleteDraftMutation.graphql.ts
new file mode 100644
index 000000000..543ae10df
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentGraphDeleteDraftMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<f114dd31b601c0097380450ab5029b01>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteDraftDocumentVersionInput = {
+  documentVersionId: string;
+};
+export type DocumentGraphDeleteDraftMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteDraftDocumentVersionInput;
+};
+export type DocumentGraphDeleteDraftMutation$data = {
+  readonly deleteDraftDocumentVersion: {
+    readonly deletedDocumentVersionId: string;
+  };
+};
+export type DocumentGraphDeleteDraftMutation = {
+  response: DocumentGraphDeleteDraftMutation$data;
+  variables: DocumentGraphDeleteDraftMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedDocumentVersionId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentGraphDeleteDraftMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteDraftDocumentVersionPayload",
+        "kind": "LinkedField",
+        "name": "deleteDraftDocumentVersion",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentGraphDeleteDraftMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteDraftDocumentVersionPayload",
+        "kind": "LinkedField",
+        "name": "deleteDraftDocumentVersion",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedDocumentVersionId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "cd7e8253362e1d7e719e4ae2c206756e",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentGraphDeleteDraftMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentGraphDeleteDraftMutation(\n  $input: DeleteDraftDocumentVersionInput!\n) {\n  deleteDraftDocumentVersion(input: $input) {\n    deletedDocumentVersionId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d43940b41e3838fd03c3341c13b4c5c5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..cf7b24994
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentGraphDeleteMutation.graphql.ts
@@ -0,0 +1,115 @@
+/**
+ * @generated SignedSource<<6b7916e6ff46a629bf97a7b072db2d8b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteDocumentInput = {
+  documentId: string;
+};
+export type DocumentGraphDeleteMutation$variables = {
+  input: DeleteDocumentInput;
+};
+export type DocumentGraphDeleteMutation$data = {
+  readonly deleteDocument: {
+    readonly deletedDocumentId: string;
+  };
+};
+export type DocumentGraphDeleteMutation = {
+  response: DocumentGraphDeleteMutation$data;
+  variables: DocumentGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedDocumentId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "DeleteDocumentPayload",
+        "kind": "LinkedField",
+        "name": "deleteDocument",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "DeleteDocumentPayload",
+        "kind": "LinkedField",
+        "name": "deleteDocument",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteRecord",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedDocumentId"
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "84c747138470346796393f93a85b7127",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentGraphDeleteMutation(\n  $input: DeleteDocumentInput!\n) {\n  deleteDocument(input: $input) {\n    deletedDocumentId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "471020248ed9d398ab80655e04cb823d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/DocumentGraphListQuery.graphql.ts
new file mode 100644
index 000000000..618e2a361
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentGraphListQuery.graphql.ts
@@ -0,0 +1,474 @@
+/**
+ * @generated SignedSource<<8982230c048c28cb211d5368b1ab43a0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentGraphListQuery$variables = {
+  organizationId: string;
+};
+export type DocumentGraphListQuery$data = {
+  readonly organization: {
+    readonly canCreateDocument?: boolean;
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"DocumentsPageListFragment">;
+  };
+};
+export type DocumentGraphListQuery = {
+  response: DocumentGraphListQuery$data;
+  variables: DocumentGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": "canCreateDocument",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:document:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:document:create\")"
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "ASC",
+      "field": "TITLE"
+    }
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "DocumentsPageListFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document:delete\")"
+                          },
+                          {
+                            "alias": "canSendSigningNotifications",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document:send-signing-notifications"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document:send-signing-notifications\")"
+                          },
+                          {
+                            "alias": "canRequestSignatures",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document-version:request-signature"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "classification",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              }
+                            ],
+                            "concreteType": "DocumentVersionConnection",
+                            "kind": "LinkedField",
+                            "name": "versions",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersion",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v2/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "status",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "version",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": [
+                                          {
+                                            "kind": "Literal",
+                                            "name": "first",
+                                            "value": 1000
+                                          }
+                                        ],
+                                        "concreteType": "DocumentVersionSignatureConnection",
+                                        "kind": "LinkedField",
+                                        "name": "signatures",
+                                        "plural": false,
+                                        "selections": [
+                                          {
+                                            "alias": null,
+                                            "args": null,
+                                            "concreteType": "DocumentVersionSignatureEdge",
+                                            "kind": "LinkedField",
+                                            "name": "edges",
+                                            "plural": true,
+                                            "selections": [
+                                              {
+                                                "alias": null,
+                                                "args": null,
+                                                "concreteType": "DocumentVersionSignature",
+                                                "kind": "LinkedField",
+                                                "name": "node",
+                                                "plural": false,
+                                                "selections": [
+                                                  (v2/*: any*/),
+                                                  {
+                                                    "alias": null,
+                                                    "args": null,
+                                                    "kind": "ScalarField",
+                                                    "name": "state",
+                                                    "storageKey": null
+                                                  }
+                                                ],
+                                                "storageKey": null
+                                              }
+                                            ],
+                                            "storageKey": null
+                                          }
+                                        ],
+                                        "storageKey": "signatures(first:1000)"
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "versions(first:1)"
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "documents(first:50,orderBy:{\"direction\":\"ASC\",\"field\":\"TITLE\"})"
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "DocumentsListQuery_documents",
+                "kind": "LinkedHandle",
+                "name": "documents"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "7c027bc02697b43718813a5bd024985a",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentGraphListQuery",
+    "operationKind": "query",
+    "text": "query DocumentGraphListQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      canCreateDocument: permission(action: \"core:document:create\")\n      ...DocumentsPageListFragment\n    }\n  }\n}\n\nfragment DocumentsPageListFragment on Organization {\n  documents(first: 50, orderBy: {field: TITLE, direction: ASC}) {\n    edges {\n      node {\n        id\n        canUpdate: permission(action: \"core:document:update\")\n        canDelete: permission(action: \"core:document:delete\")\n        canSendSigningNotifications: permission(action: \"core:document:send-signing-notifications\")\n        canRequestSignatures: permission(action: \"core:document-version:request-signature\")\n        ...DocumentsPageRowFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment DocumentsPageRowFragment on Document {\n  id\n  title\n  description\n  documentType\n  classification\n  updatedAt\n  canDelete: permission(action: \"core:document:delete\")\n  owner {\n    id\n    fullName\n  }\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n        version\n        signatures(first: 1000) {\n          edges {\n            node {\n              id\n              state\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "26c7d375cb354649741ce4794612b3e1";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/DocumentGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..95f8705b1
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentGraphNodeQuery.graphql.ts
@@ -0,0 +1,617 @@
+/**
+ * @generated SignedSource<<c94bc39a3cdb0b46948d5116c3df2764>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentGraphNodeQuery$variables = {
+  documentId: string;
+};
+export type DocumentGraphNodeQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"DocumentDetailPageDocumentFragment">;
+  };
+};
+export type DocumentGraphNodeQuery = {
+  response: DocumentGraphNodeQuery$data;
+  variables: DocumentGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "documentId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "documentId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "classification",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fullName",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v3/*: any*/),
+    (v5/*: any*/)
+  ],
+  "storageKey": null
+},
+v7 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+],
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "endCursor",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasNextPage",
+  "storageKey": null
+},
+v12 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v13 = [
+  {
+    "kind": "Literal",
+    "name": "action",
+    "value": "core:document-version:request-signature"
+  }
+],
+v14 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1000
+  }
+],
+v15 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    (v10/*: any*/),
+    (v11/*: any*/)
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "DocumentDetailPageDocumentFragment"
+              }
+            ],
+            "type": "Document",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "title",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "documentType",
+                "storageKey": null
+              },
+              (v4/*: any*/),
+              (v6/*: any*/),
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:document:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:document:update\")"
+              },
+              {
+                "alias": "canDelete",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:document:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:document:delete\")"
+              },
+              {
+                "alias": "canPublish",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:document-version:publish"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:document-version:publish\")"
+              },
+              {
+                "alias": null,
+                "args": (v7/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v3/*: any*/),
+                          (v8/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              (v8/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v9/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      (v10/*: any*/),
+                      (v11/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  (v12/*: any*/)
+                ],
+                "storageKey": "controls(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v7/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "DocumentControlsTab_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              },
+              {
+                "alias": "controlsInfo",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "first",
+                    "value": 0
+                  }
+                ],
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "controls(first:0)"
+              },
+              {
+                "alias": null,
+                "args": (v7/*: any*/),
+                "concreteType": "DocumentVersionConnection",
+                "kind": "LinkedField",
+                "name": "versions",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentVersionEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersion",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "content",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "publishedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "version",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          (v4/*: any*/),
+                          (v6/*: any*/),
+                          {
+                            "alias": "canDeleteDraft",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document-version:delete-draft"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document-version:delete-draft\")"
+                          },
+                          {
+                            "alias": "canRequestSignature",
+                            "args": (v13/*: any*/),
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": (v14/*: any*/),
+                            "concreteType": "DocumentVersionSignatureConnection",
+                            "kind": "LinkedField",
+                            "name": "signatures",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionSignatureEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersionSignature",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v3/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "state",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "concreteType": "People",
+                                        "kind": "LinkedField",
+                                        "name": "signedBy",
+                                        "plural": false,
+                                        "selections": [
+                                          (v3/*: any*/),
+                                          (v5/*: any*/),
+                                          {
+                                            "alias": null,
+                                            "args": null,
+                                            "kind": "ScalarField",
+                                            "name": "primaryEmailAddress",
+                                            "storageKey": null
+                                          }
+                                        ],
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "signedAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "requestedAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": "canCancel",
+                                        "args": (v13/*: any*/),
+                                        "kind": "ScalarField",
+                                        "name": "permission",
+                                        "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                                      },
+                                      (v2/*: any*/)
+                                    ],
+                                    "storageKey": null
+                                  },
+                                  (v9/*: any*/)
+                                ],
+                                "storageKey": null
+                              },
+                              (v15/*: any*/),
+                              (v12/*: any*/)
+                            ],
+                            "storageKey": "signatures(first:1000)"
+                          },
+                          {
+                            "alias": null,
+                            "args": (v14/*: any*/),
+                            "filters": [
+                              "filter"
+                            ],
+                            "handle": "connection",
+                            "key": "DocumentSignaturesTab_signatures",
+                            "kind": "LinkedHandle",
+                            "name": "signatures"
+                          },
+                          {
+                            "alias": null,
+                            "args": (v14/*: any*/),
+                            "filters": [],
+                            "handle": "connection",
+                            "key": "DocumentDetailPage_signatures",
+                            "kind": "LinkedHandle",
+                            "name": "signatures"
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v9/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v15/*: any*/),
+                  (v12/*: any*/)
+                ],
+                "storageKey": "versions(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v7/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "DocumentDetailPage_versions",
+                "kind": "LinkedHandle",
+                "name": "versions"
+              }
+            ],
+            "type": "Document",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1fe5b5e75ab7a7aa4b5859ec1c5560c7",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query DocumentGraphNodeQuery(\n  $documentId: ID!\n) {\n  node(id: $documentId) {\n    __typename\n    ... on Document {\n      ...DocumentDetailPageDocumentFragment\n    }\n    id\n  }\n}\n\nfragment DocumentControlsTabFragment on Document {\n  id\n  controls(first: 20) {\n    edges {\n      node {\n        id\n        ...LinkedControlsCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment DocumentDetailPageDocumentFragment on Document {\n  id\n  title\n  documentType\n  classification\n  owner {\n    id\n    fullName\n  }\n  canUpdate: permission(action: \"core:document:update\")\n  canDelete: permission(action: \"core:document:delete\")\n  canPublish: permission(action: \"core:document-version:publish\")\n  ...DocumentControlsTabFragment\n  controlsInfo: controls(first: 0) {\n    totalCount\n  }\n  versions(first: 20) {\n    edges {\n      node {\n        id\n        content\n        status\n        publishedAt\n        version\n        updatedAt\n        classification\n        owner {\n          id\n          fullName\n        }\n        canDeleteDraft: permission(action: \"core:document-version:delete-draft\")\n        ...DocumentSignaturesTab_version\n        signatures(first: 1000) {\n          edges {\n            node {\n              id\n              state\n              signedBy {\n                id\n              }\n              ...DocumentSignaturesTab_signature\n              __typename\n            }\n            cursor\n          }\n          pageInfo {\n            endCursor\n            hasNextPage\n          }\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment DocumentSignaturesTab_signature on DocumentVersionSignature {\n  id\n  state\n  signedAt\n  requestedAt\n  signedBy {\n    fullName\n    primaryEmailAddress\n    id\n  }\n  canCancel: permission(action: \"core:document-version:request-signature\")\n}\n\nfragment DocumentSignaturesTab_version on DocumentVersion {\n  id\n  status\n  canRequestSignature: permission(action: \"core:document-version:request-signature\")\n  signatures(first: 1000) {\n    edges {\n      node {\n        id\n        state\n        signedBy {\n          id\n          fullName\n          primaryEmailAddress\n        }\n        ...DocumentSignaturesTab_signature\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment LinkedControlsCardFragment on Control {\n  id\n  name\n  sectionTitle\n  framework {\n    id\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f7e5a8ebb67a7668627c01ca1c4c6b19";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentGraphSendSigningNotificationsMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentGraphSendSigningNotificationsMutation.graphql.ts
new file mode 100644
index 000000000..b5547743b
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentGraphSendSigningNotificationsMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<242a8628b9203b02dccea5e311141ec4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SendSigningNotificationsInput = {
+  organizationId: string;
+};
+export type DocumentGraphSendSigningNotificationsMutation$variables = {
+  input: SendSigningNotificationsInput;
+};
+export type DocumentGraphSendSigningNotificationsMutation$data = {
+  readonly sendSigningNotifications: {
+    readonly success: boolean;
+  };
+};
+export type DocumentGraphSendSigningNotificationsMutation = {
+  response: DocumentGraphSendSigningNotificationsMutation$data;
+  variables: DocumentGraphSendSigningNotificationsMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "SendSigningNotificationsPayload",
+    "kind": "LinkedField",
+    "name": "sendSigningNotifications",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "success",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentGraphSendSigningNotificationsMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DocumentGraphSendSigningNotificationsMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "111167f828fa6eaad3beb44c43e43f06",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentGraphSendSigningNotificationsMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentGraphSendSigningNotificationsMutation(\n  $input: SendSigningNotificationsInput!\n) {\n  sendSigningNotifications(input: $input) {\n    success\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "eaf2fba7629e202537cfc7bd9b5c9586";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentRowFragment.graphql.ts b/apps/console/src/__generated__/core/DocumentRowFragment.graphql.ts
new file mode 100644
index 000000000..29bc26b84
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentRowFragment.graphql.ts
@@ -0,0 +1,84 @@
+/**
+ * @generated SignedSource<<c8b89765dcf362beef95c0f17902a77b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+import { FragmentRefs } from "relay-runtime";
+export type DocumentRowFragment$data = {
+  readonly classification: DocumentClassification;
+  readonly documentType: DocumentType;
+  readonly id: string;
+  readonly signed: boolean;
+  readonly title: string;
+  readonly updatedAt: string;
+  readonly " $fragmentType": "DocumentRowFragment";
+};
+export type DocumentRowFragment$key = {
+  readonly " $data"?: DocumentRowFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentRowFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "DocumentRowFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "title",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "documentType",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "classification",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "signed",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "updatedAt",
+      "storageKey": null
+    }
+  ],
+  "type": "SignableDocument",
+  "abstractKey": null
+};
+
+(node as any).hash = "43959adf3e4545cce78ba06f34c82cd2";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentSignaturesTabRefetchQuery.graphql.ts b/apps/console/src/__generated__/core/DocumentSignaturesTabRefetchQuery.graphql.ts
new file mode 100644
index 000000000..884ba5925
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentSignaturesTabRefetchQuery.graphql.ts
@@ -0,0 +1,351 @@
+/**
+ * @generated SignedSource<<568018897f0db254b4d8c43c05abb7c6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+export type DocumentVersionSignatureFilter = {
+  states?: ReadonlyArray<DocumentVersionSignatureState> | null | undefined;
+};
+export type DocumentSignaturesTabRefetchQuery$variables = {
+  count?: number | null | undefined;
+  cursor?: string | null | undefined;
+  id: string;
+  signatureFilter?: DocumentVersionSignatureFilter | null | undefined;
+};
+export type DocumentSignaturesTabRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"DocumentSignaturesTab_version">;
+  };
+};
+export type DocumentSignaturesTabRefetchQuery = {
+  response: DocumentSignaturesTabRefetchQuery$data;
+  variables: DocumentSignaturesTabRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": 1000,
+  "kind": "LocalArgument",
+  "name": "count"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "cursor"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "signatureFilter"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v7 = [
+  {
+    "kind": "Literal",
+    "name": "action",
+    "value": "core:document-version:request-signature"
+  }
+],
+v8 = [
+  {
+    "kind": "Variable",
+    "name": "after",
+    "variableName": "cursor"
+  },
+  {
+    "kind": "Variable",
+    "name": "filter",
+    "variableName": "signatureFilter"
+  },
+  {
+    "kind": "Variable",
+    "name": "first",
+    "variableName": "count"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentSignaturesTabRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              {
+                "kind": "Variable",
+                "name": "count",
+                "variableName": "count"
+              },
+              {
+                "kind": "Variable",
+                "name": "cursor",
+                "variableName": "cursor"
+              },
+              {
+                "kind": "Variable",
+                "name": "signatureFilter",
+                "variableName": "signatureFilter"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "DocumentSignaturesTab_version"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v3/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentSignaturesTabRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/),
+          (v6/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "status",
+                "storageKey": null
+              },
+              {
+                "alias": "canRequestSignature",
+                "args": (v7/*: any*/),
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:document-version:request-signature\")"
+              },
+              {
+                "alias": null,
+                "args": (v8/*: any*/),
+                "concreteType": "DocumentVersionSignatureConnection",
+                "kind": "LinkedField",
+                "name": "signatures",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentVersionSignatureEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersionSignature",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v6/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "signedBy",
+                            "plural": false,
+                            "selections": [
+                              (v6/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "primaryEmailAddress",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "signedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requestedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canCancel",
+                            "args": (v7/*: any*/),
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                          },
+                          (v5/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v8/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "DocumentSignaturesTab_signatures",
+                "kind": "LinkedHandle",
+                "name": "signatures"
+              }
+            ],
+            "type": "DocumentVersion",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5f4d3d9043d744d2e35c7c5b3e209a37",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentSignaturesTabRefetchQuery",
+    "operationKind": "query",
+    "text": "query DocumentSignaturesTabRefetchQuery(\n  $count: Int = 1000\n  $cursor: CursorKey\n  $signatureFilter: DocumentVersionSignatureFilter\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...DocumentSignaturesTab_version_1vp7QE\n    id\n  }\n}\n\nfragment DocumentSignaturesTab_signature on DocumentVersionSignature {\n  id\n  state\n  signedAt\n  requestedAt\n  signedBy {\n    fullName\n    primaryEmailAddress\n    id\n  }\n  canCancel: permission(action: \"core:document-version:request-signature\")\n}\n\nfragment DocumentSignaturesTab_version_1vp7QE on DocumentVersion {\n  id\n  status\n  canRequestSignature: permission(action: \"core:document-version:request-signature\")\n  signatures(first: $count, after: $cursor, filter: $signatureFilter) {\n    edges {\n      node {\n        id\n        state\n        signedBy {\n          id\n          fullName\n          primaryEmailAddress\n        }\n        ...DocumentSignaturesTab_signature\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9282fd9e9a1aa10a36535863b896283c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentSignaturesTab_cancelSignatureMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentSignaturesTab_cancelSignatureMutation.graphql.ts
new file mode 100644
index 000000000..d2767601c
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentSignaturesTab_cancelSignatureMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<0a17c03011fe74b75a90dbeae02ab2ef>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CancelSignatureRequestInput = {
+  documentVersionSignatureId: string;
+};
+export type DocumentSignaturesTab_cancelSignatureMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CancelSignatureRequestInput;
+};
+export type DocumentSignaturesTab_cancelSignatureMutation$data = {
+  readonly cancelSignatureRequest: {
+    readonly deletedDocumentVersionSignatureId: string;
+  };
+};
+export type DocumentSignaturesTab_cancelSignatureMutation = {
+  response: DocumentSignaturesTab_cancelSignatureMutation$data;
+  variables: DocumentSignaturesTab_cancelSignatureMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedDocumentVersionSignatureId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentSignaturesTab_cancelSignatureMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CancelSignatureRequestPayload",
+        "kind": "LinkedField",
+        "name": "cancelSignatureRequest",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentSignaturesTab_cancelSignatureMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CancelSignatureRequestPayload",
+        "kind": "LinkedField",
+        "name": "cancelSignatureRequest",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedDocumentVersionSignatureId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c57722e2b57faca64eea4950864e034d",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentSignaturesTab_cancelSignatureMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentSignaturesTab_cancelSignatureMutation(\n  $input: CancelSignatureRequestInput!\n) {\n  cancelSignatureRequest(input: $input) {\n    deletedDocumentVersionSignatureId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9f5d3ff869ec6f91285140285248e824";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentSignaturesTab_requestSignatureMutation.graphql.ts b/apps/console/src/__generated__/core/DocumentSignaturesTab_requestSignatureMutation.graphql.ts
new file mode 100644
index 000000000..27e3e057e
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentSignaturesTab_requestSignatureMutation.graphql.ts
@@ -0,0 +1,267 @@
+/**
+ * @generated SignedSource<<2988f1319b1ad6110c328a00f644f26d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+export type RequestSignatureInput = {
+  documentVersionId: string;
+  signatoryId: string;
+};
+export type DocumentSignaturesTab_requestSignatureMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: RequestSignatureInput;
+};
+export type DocumentSignaturesTab_requestSignatureMutation$data = {
+  readonly requestSignature: {
+    readonly documentVersionSignatureEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly signedBy: {
+          readonly id: string;
+        };
+        readonly state: DocumentVersionSignatureState;
+        readonly " $fragmentSpreads": FragmentRefs<"DocumentSignaturesTab_signature">;
+      };
+    };
+  };
+};
+export type DocumentSignaturesTab_requestSignatureMutation = {
+  response: DocumentSignaturesTab_requestSignatureMutation$data;
+  variables: DocumentSignaturesTab_requestSignatureMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "state",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentSignaturesTab_requestSignatureMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "RequestSignaturePayload",
+        "kind": "LinkedField",
+        "name": "requestSignature",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentVersionSignatureEdge",
+            "kind": "LinkedField",
+            "name": "documentVersionSignatureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "DocumentVersionSignature",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "signedBy",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "DocumentSignaturesTab_signature"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentSignaturesTab_requestSignatureMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "RequestSignaturePayload",
+        "kind": "LinkedField",
+        "name": "requestSignature",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentVersionSignatureEdge",
+            "kind": "LinkedField",
+            "name": "documentVersionSignatureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "DocumentVersionSignature",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "signedBy",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "fullName",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "primaryEmailAddress",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "signedAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "requestedAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canCancel",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:document-version:request-signature"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "documentVersionSignatureEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5a9c28a2a8a3234f953f7a609da7d02e",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentSignaturesTab_requestSignatureMutation",
+    "operationKind": "mutation",
+    "text": "mutation DocumentSignaturesTab_requestSignatureMutation(\n  $input: RequestSignatureInput!\n) {\n  requestSignature(input: $input) {\n    documentVersionSignatureEdge {\n      node {\n        id\n        state\n        signedBy {\n          id\n        }\n        ...DocumentSignaturesTab_signature\n      }\n    }\n  }\n}\n\nfragment DocumentSignaturesTab_signature on DocumentVersionSignature {\n  id\n  state\n  signedAt\n  requestedAt\n  signedBy {\n    fullName\n    primaryEmailAddress\n    id\n  }\n  canCancel: permission(action: \"core:document-version:request-signature\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f0b9fc6ff9db455e9079bf7e45fcd603";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentSignaturesTab_signature.graphql.ts b/apps/console/src/__generated__/core/DocumentSignaturesTab_signature.graphql.ts
new file mode 100644
index 000000000..7c7563dae
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentSignaturesTab_signature.graphql.ts
@@ -0,0 +1,110 @@
+/**
+ * @generated SignedSource<<b5228fc83f8259e864b7af631cc1a0c2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+import { FragmentRefs } from "relay-runtime";
+export type DocumentSignaturesTab_signature$data = {
+  readonly canCancel: boolean;
+  readonly id: string;
+  readonly requestedAt: string;
+  readonly signedAt: string | null | undefined;
+  readonly signedBy: {
+    readonly fullName: string;
+    readonly primaryEmailAddress: string;
+  };
+  readonly state: DocumentVersionSignatureState;
+  readonly " $fragmentType": "DocumentSignaturesTab_signature";
+};
+export type DocumentSignaturesTab_signature$key = {
+  readonly " $data"?: DocumentSignaturesTab_signature$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentSignaturesTab_signature">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "DocumentSignaturesTab_signature",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "state",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "signedAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "requestedAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "signedBy",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "primaryEmailAddress",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": "canCancel",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:document-version:request-signature"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:document-version:request-signature\")"
+    }
+  ],
+  "type": "DocumentVersionSignature",
+  "abstractKey": null
+};
+
+(node as any).hash = "bbfdd78015e97032862da41aad6beeae";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentSignaturesTab_version.graphql.ts b/apps/console/src/__generated__/core/DocumentSignaturesTab_version.graphql.ts
new file mode 100644
index 000000000..19a8bf1c8
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentSignaturesTab_version.graphql.ts
@@ -0,0 +1,261 @@
+/**
+ * @generated SignedSource<<51a0ef23951497b2d074fafbda0ea04b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentStatus = "DRAFT" | "PUBLISHED";
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+import { FragmentRefs } from "relay-runtime";
+export type DocumentSignaturesTab_version$data = {
+  readonly canRequestSignature: boolean;
+  readonly id: string;
+  readonly signatures: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly signedBy: {
+          readonly fullName: string;
+          readonly id: string;
+          readonly primaryEmailAddress: string;
+        };
+        readonly state: DocumentVersionSignatureState;
+        readonly " $fragmentSpreads": FragmentRefs<"DocumentSignaturesTab_signature">;
+      };
+    }>;
+  };
+  readonly status: DocumentStatus;
+  readonly " $fragmentType": "DocumentSignaturesTab_version";
+};
+export type DocumentSignaturesTab_version$key = {
+  readonly " $data"?: DocumentSignaturesTab_version$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentSignaturesTab_version">;
+};
+
+import DocumentSignaturesTabRefetchQuery_graphql from './DocumentSignaturesTabRefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "signatures"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": 1000,
+      "kind": "LocalArgument",
+      "name": "count"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "cursor"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "signatureFilter"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "count",
+        "cursor": "cursor",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "count",
+          "cursor": "cursor"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": DocumentSignaturesTabRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "DocumentSignaturesTab_version",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "status",
+      "storageKey": null
+    },
+    {
+      "alias": "canRequestSignature",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:document-version:request-signature"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:document-version:request-signature\")"
+    },
+    {
+      "alias": "signatures",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "signatureFilter"
+        }
+      ],
+      "concreteType": "DocumentVersionSignatureConnection",
+      "kind": "LinkedField",
+      "name": "__DocumentSignaturesTab_signatures_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentVersionSignatureEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "DocumentVersionSignature",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "state",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "signedBy",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "primaryEmailAddress",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "DocumentSignaturesTab_signature"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "DocumentVersion",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "9282fd9e9a1aa10a36535863b896283c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentsListQuery.graphql.ts b/apps/console/src/__generated__/core/DocumentsListQuery.graphql.ts
new file mode 100644
index 000000000..babcba337
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentsListQuery.graphql.ts
@@ -0,0 +1,526 @@
+/**
+ * @generated SignedSource<<ba35b8d51574d7e6b61987743636f5bb>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentOrderField = "CREATED_AT" | "DOCUMENT_TYPE" | "TITLE";
+export type OrderDirection = "ASC" | "DESC";
+export type DocumentOrder = {
+  direction: OrderDirection;
+  field: DocumentOrderField;
+};
+export type DocumentsListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: DocumentOrder | null | undefined;
+};
+export type DocumentsListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"DocumentsPageListFragment">;
+  };
+};
+export type DocumentsListQuery = {
+  response: DocumentsListQuery$data;
+  variables: DocumentsListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": {
+    "direction": "ASC",
+    "field": "TITLE"
+  },
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DocumentsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "DocumentsPageListFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "DocumentsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document:delete\")"
+                          },
+                          {
+                            "alias": "canSendSigningNotifications",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document:send-signing-notifications"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document:send-signing-notifications\")"
+                          },
+                          {
+                            "alias": "canRequestSignatures",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:document-version:request-signature"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "classification",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v12/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              }
+                            ],
+                            "concreteType": "DocumentVersionConnection",
+                            "kind": "LinkedField",
+                            "name": "versions",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersion",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v12/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "status",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "version",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": [
+                                          {
+                                            "kind": "Literal",
+                                            "name": "first",
+                                            "value": 1000
+                                          }
+                                        ],
+                                        "concreteType": "DocumentVersionSignatureConnection",
+                                        "kind": "LinkedField",
+                                        "name": "signatures",
+                                        "plural": false,
+                                        "selections": [
+                                          {
+                                            "alias": null,
+                                            "args": null,
+                                            "concreteType": "DocumentVersionSignatureEdge",
+                                            "kind": "LinkedField",
+                                            "name": "edges",
+                                            "plural": true,
+                                            "selections": [
+                                              {
+                                                "alias": null,
+                                                "args": null,
+                                                "concreteType": "DocumentVersionSignature",
+                                                "kind": "LinkedField",
+                                                "name": "node",
+                                                "plural": false,
+                                                "selections": [
+                                                  (v12/*: any*/),
+                                                  {
+                                                    "alias": null,
+                                                    "args": null,
+                                                    "kind": "ScalarField",
+                                                    "name": "state",
+                                                    "storageKey": null
+                                                  }
+                                                ],
+                                                "storageKey": null
+                                              }
+                                            ],
+                                            "storageKey": null
+                                          }
+                                        ],
+                                        "storageKey": "signatures(first:1000)"
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "versions(first:1)"
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "DocumentsListQuery_documents",
+                "kind": "LinkedHandle",
+                "name": "documents"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c7b8d86af8a704ba0a6451bd3877746f",
+    "id": null,
+    "metadata": {},
+    "name": "DocumentsListQuery",
+    "operationKind": "query",
+    "text": "query DocumentsListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: DocumentOrder = {field: TITLE, direction: ASC}\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...DocumentsPageListFragment_16fISc\n    id\n  }\n}\n\nfragment DocumentsPageListFragment_16fISc on Organization {\n  documents(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        canUpdate: permission(action: \"core:document:update\")\n        canDelete: permission(action: \"core:document:delete\")\n        canSendSigningNotifications: permission(action: \"core:document:send-signing-notifications\")\n        canRequestSignatures: permission(action: \"core:document-version:request-signature\")\n        ...DocumentsPageRowFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment DocumentsPageRowFragment on Document {\n  id\n  title\n  description\n  documentType\n  classification\n  updatedAt\n  canDelete: permission(action: \"core:document:delete\")\n  owner {\n    id\n    fullName\n  }\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n        version\n        signatures(first: 1000) {\n          edges {\n            node {\n              id\n              state\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0f00d125fc711db9e65d54dcc884a72e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentsPageListFragment.graphql.ts b/apps/console/src/__generated__/core/DocumentsPageListFragment.graphql.ts
new file mode 100644
index 000000000..f5dad56e2
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentsPageListFragment.graphql.ts
@@ -0,0 +1,284 @@
+/**
+ * @generated SignedSource<<4531c90194c8da0c1cbd00e5e169ff00>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentsPageListFragment$data = {
+  readonly documents: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canRequestSignatures: boolean;
+        readonly canSendSigningNotifications: boolean;
+        readonly canUpdate: boolean;
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"DocumentsPageRowFragment">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "DocumentsPageListFragment";
+};
+export type DocumentsPageListFragment$key = {
+  readonly " $data"?: DocumentsPageListFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentsPageListFragment">;
+};
+
+import DocumentsListQuery_graphql from './DocumentsListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "documents"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": {
+        "direction": "ASC",
+        "field": "TITLE"
+      },
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": DocumentsListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "DocumentsPageListFragment",
+  "selections": [
+    {
+      "alias": "documents",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "DocumentConnection",
+      "kind": "LinkedField",
+      "name": "__DocumentsListQuery_documents_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Document",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:document:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:document:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:document:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:document:delete\")"
+                },
+                {
+                  "alias": "canSendSigningNotifications",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:document:send-signing-notifications"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:document:send-signing-notifications\")"
+                },
+                {
+                  "alias": "canRequestSignatures",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:document-version:request-signature"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:document-version:request-signature\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "DocumentsPageRowFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "0f00d125fc711db9e65d54dcc884a72e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DocumentsPageRowFragment.graphql.ts b/apps/console/src/__generated__/core/DocumentsPageRowFragment.graphql.ts
new file mode 100644
index 000000000..d8ffc5594
--- /dev/null
+++ b/apps/console/src/__generated__/core/DocumentsPageRowFragment.graphql.ts
@@ -0,0 +1,244 @@
+/**
+ * @generated SignedSource<<9d93eb8b8aedef57b8a20e267b61bc08>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type DocumentStatus = "DRAFT" | "PUBLISHED";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+import { FragmentRefs } from "relay-runtime";
+export type DocumentsPageRowFragment$data = {
+  readonly canDelete: boolean;
+  readonly classification: DocumentClassification;
+  readonly description: string | null | undefined;
+  readonly documentType: DocumentType;
+  readonly id: string;
+  readonly owner: {
+    readonly fullName: string;
+    readonly id: string;
+  };
+  readonly title: string;
+  readonly updatedAt: string;
+  readonly versions: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly signatures: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly state: DocumentVersionSignatureState;
+            };
+          }>;
+        };
+        readonly status: DocumentStatus;
+        readonly version: number;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "DocumentsPageRowFragment";
+};
+export type DocumentsPageRowFragment$key = {
+  readonly " $data"?: DocumentsPageRowFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DocumentsPageRowFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "DocumentsPageRowFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "title",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "documentType",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "classification",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "updatedAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:document:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:document:delete\")"
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "owner",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 1
+        }
+      ],
+      "concreteType": "DocumentVersionConnection",
+      "kind": "LinkedField",
+      "name": "versions",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentVersionEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "DocumentVersion",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "version",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "first",
+                      "value": 1000
+                    }
+                  ],
+                  "concreteType": "DocumentVersionSignatureConnection",
+                  "kind": "LinkedField",
+                  "name": "signatures",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "DocumentVersionSignatureEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "alias": null,
+                          "args": null,
+                          "concreteType": "DocumentVersionSignature",
+                          "kind": "LinkedField",
+                          "name": "node",
+                          "plural": false,
+                          "selections": [
+                            (v0/*: any*/),
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "state",
+                              "storageKey": null
+                            }
+                          ],
+                          "storageKey": null
+                        }
+                      ],
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": "signatures(first:1000)"
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "versions(first:1)"
+    }
+  ],
+  "type": "Document",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "4164f76edc42d40eef1efc54194116ec";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DomainCardFragment.graphql.ts b/apps/console/src/__generated__/core/DomainCardFragment.graphql.ts
new file mode 100644
index 000000000..939004dbb
--- /dev/null
+++ b/apps/console/src/__generated__/core/DomainCardFragment.graphql.ts
@@ -0,0 +1,71 @@
+/**
+ * @generated SignedSource<<ab516d36b92795ed8d94d69153957f93>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type SSLStatus = "ACTIVE" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
+import { FragmentRefs } from "relay-runtime";
+export type DomainCardFragment$data = {
+  readonly canDelete: boolean;
+  readonly domain: string;
+  readonly sslStatus: SSLStatus;
+  readonly " $fragmentSpreads": FragmentRefs<"DomainDialogFragment">;
+  readonly " $fragmentType": "DomainCardFragment";
+};
+export type DomainCardFragment$key = {
+  readonly " $data"?: DomainCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DomainCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "DomainCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "domain",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "sslStatus",
+      "storageKey": null
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:custom-domain:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:custom-domain:delete\")"
+    },
+    {
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "DomainDialogFragment"
+    }
+  ],
+  "type": "CustomDomain",
+  "abstractKey": null
+};
+
+(node as any).hash = "91cc7871d5ac257f2540568a9a10ce0f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DomainDialogFragment.graphql.ts b/apps/console/src/__generated__/core/DomainDialogFragment.graphql.ts
new file mode 100644
index 000000000..036636dbb
--- /dev/null
+++ b/apps/console/src/__generated__/core/DomainDialogFragment.graphql.ts
@@ -0,0 +1,128 @@
+/**
+ * @generated SignedSource<<1d007308b8b70962ddfe217cf3534dab>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type SSLStatus = "ACTIVE" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
+import { FragmentRefs } from "relay-runtime";
+export type DomainDialogFragment$data = {
+  readonly createdAt: string;
+  readonly dnsRecords: ReadonlyArray<{
+    readonly name: string;
+    readonly purpose: string;
+    readonly ttl: number;
+    readonly type: string;
+    readonly value: string;
+  }>;
+  readonly domain: string;
+  readonly sslExpiresAt: string | null | undefined;
+  readonly sslStatus: SSLStatus;
+  readonly updatedAt: string;
+  readonly " $fragmentType": "DomainDialogFragment";
+};
+export type DomainDialogFragment$key = {
+  readonly " $data"?: DomainDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"DomainDialogFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "DomainDialogFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "sslStatus",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "domain",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "DNSRecordInstruction",
+      "kind": "LinkedField",
+      "name": "dnsRecords",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "type",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "value",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "ttl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "purpose",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "updatedAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "sslExpiresAt",
+      "storageKey": null
+    }
+  ],
+  "type": "CustomDomain",
+  "abstractKey": null
+};
+
+(node as any).hash = "0aec5615023dde2d23901fec9e43ed9b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/DomainSettingsPageQuery.graphql.ts b/apps/console/src/__generated__/core/DomainSettingsPageQuery.graphql.ts
new file mode 100644
index 000000000..6d04c53f3
--- /dev/null
+++ b/apps/console/src/__generated__/core/DomainSettingsPageQuery.graphql.ts
@@ -0,0 +1,276 @@
+/**
+ * @generated SignedSource<<ad1c20b90e9f5335bbcd703dc4e19963>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DomainSettingsPageQuery$variables = {
+  organizationId: string;
+};
+export type DomainSettingsPageQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly canCreateCustomDomain: boolean;
+    readonly customDomain: {
+      readonly domain: string;
+      readonly " $fragmentSpreads": FragmentRefs<"DomainCardFragment">;
+    } | null | undefined;
+    readonly id: string;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type DomainSettingsPageQuery = {
+  response: DomainSettingsPageQuery$data;
+  variables: DomainSettingsPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": "canCreateCustomDomain",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:custom-domain:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:custom-domain:create\")"
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "domain",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "DomainSettingsPageQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "CustomDomain",
+                "kind": "LinkedField",
+                "name": "customDomain",
+                "plural": false,
+                "selections": [
+                  (v5/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "DomainCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "DomainSettingsPageQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "CustomDomain",
+                "kind": "LinkedField",
+                "name": "customDomain",
+                "plural": false,
+                "selections": [
+                  (v5/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "sslStatus",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:custom-domain:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:custom-domain:delete\")"
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DNSRecordInstruction",
+                    "kind": "LinkedField",
+                    "name": "dnsRecords",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "type",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "name",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "value",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "ttl",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "purpose",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "updatedAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "sslExpiresAt",
+                    "storageKey": null
+                  },
+                  (v3/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "36529612fbe4366a7344b405031da1d1",
+    "id": null,
+    "metadata": {},
+    "name": "DomainSettingsPageQuery",
+    "operationKind": "query",
+    "text": "query DomainSettingsPageQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      canCreateCustomDomain: permission(action: \"core:custom-domain:create\")\n      customDomain {\n        domain\n        ...DomainCardFragment\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment DomainCardFragment on CustomDomain {\n  domain\n  sslStatus\n  canDelete: permission(action: \"core:custom-domain:delete\")\n  ...DomainDialogFragment\n}\n\nfragment DomainDialogFragment on CustomDomain {\n  sslStatus\n  domain\n  dnsRecords {\n    type\n    name\n    value\n    ttl\n    purpose\n  }\n  createdAt\n  updatedAt\n  sslExpiresAt\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "75275e2fc7e7156cdf3059b8f0d4f60d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EditBusinessAssociateAgreementDialogMutation.graphql.ts b/apps/console/src/__generated__/core/EditBusinessAssociateAgreementDialogMutation.graphql.ts
new file mode 100644
index 000000000..e5495ba71
--- /dev/null
+++ b/apps/console/src/__generated__/core/EditBusinessAssociateAgreementDialogMutation.graphql.ts
@@ -0,0 +1,139 @@
+/**
+ * @generated SignedSource<<803ae28abdfda756e8e4cdfba1e580c0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateVendorBusinessAssociateAgreementInput = {
+  validFrom?: string | null | undefined;
+  validUntil?: string | null | undefined;
+  vendorId: string;
+};
+export type EditBusinessAssociateAgreementDialogMutation$variables = {
+  input: UpdateVendorBusinessAssociateAgreementInput;
+};
+export type EditBusinessAssociateAgreementDialogMutation$data = {
+  readonly updateVendorBusinessAssociateAgreement: {
+    readonly vendorBusinessAssociateAgreement: {
+      readonly createdAt: string;
+      readonly fileUrl: string;
+      readonly id: string;
+      readonly validFrom: string | null | undefined;
+      readonly validUntil: string | null | undefined;
+    };
+  };
+};
+export type EditBusinessAssociateAgreementDialogMutation = {
+  response: EditBusinessAssociateAgreementDialogMutation$data;
+  variables: EditBusinessAssociateAgreementDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateVendorBusinessAssociateAgreementPayload",
+    "kind": "LinkedField",
+    "name": "updateVendorBusinessAssociateAgreement",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "VendorBusinessAssociateAgreement",
+        "kind": "LinkedField",
+        "name": "vendorBusinessAssociateAgreement",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fileUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validFrom",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validUntil",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditBusinessAssociateAgreementDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditBusinessAssociateAgreementDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "2e50e54d255a9bea661d82188913ed9c",
+    "id": null,
+    "metadata": {},
+    "name": "EditBusinessAssociateAgreementDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation EditBusinessAssociateAgreementDialogMutation(\n  $input: UpdateVendorBusinessAssociateAgreementInput!\n) {\n  updateVendorBusinessAssociateAgreement(input: $input) {\n    vendorBusinessAssociateAgreement {\n      id\n      fileUrl\n      validFrom\n      validUntil\n      createdAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "10b614dbbdee430ed650b94051be4bbc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EditContactDialogUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/EditContactDialogUpdateMutation.graphql.ts
new file mode 100644
index 000000000..4416d3601
--- /dev/null
+++ b/apps/console/src/__generated__/core/EditContactDialogUpdateMutation.graphql.ts
@@ -0,0 +1,206 @@
+/**
+ * @generated SignedSource<<460e6a454050ccc3c06a50b1c3cd95d4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type UpdateVendorContactInput = {
+  email?: string | null | undefined;
+  fullName?: string | null | undefined;
+  id: string;
+  phone?: string | null | undefined;
+  role?: string | null | undefined;
+};
+export type EditContactDialogUpdateMutation$variables = {
+  input: UpdateVendorContactInput;
+};
+export type EditContactDialogUpdateMutation$data = {
+  readonly updateVendorContact: {
+    readonly vendorContact: {
+      readonly " $fragmentSpreads": FragmentRefs<"VendorContactsTabFragment_contact">;
+    };
+  };
+};
+export type EditContactDialogUpdateMutation = {
+  response: EditContactDialogUpdateMutation$data;
+  variables: EditContactDialogUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditContactDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorContactPayload",
+        "kind": "LinkedField",
+        "name": "updateVendorContact",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorContact",
+            "kind": "LinkedField",
+            "name": "vendorContact",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorContactsTabFragment_contact"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditContactDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorContactPayload",
+        "kind": "LinkedField",
+        "name": "updateVendorContact",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorContact",
+            "kind": "LinkedField",
+            "name": "vendorContact",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "id",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "email",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "phone",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "role",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "updatedAt",
+                "storageKey": null
+              },
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:vendor-contact:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:vendor-contact:update\")"
+              },
+              {
+                "alias": "canDelete",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:vendor-contact:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:vendor-contact:delete\")"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c07a9743c2296880b73a838d774b4bbd",
+    "id": null,
+    "metadata": {},
+    "name": "EditContactDialogUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation EditContactDialogUpdateMutation(\n  $input: UpdateVendorContactInput!\n) {\n  updateVendorContact(input: $input) {\n    vendorContact {\n      ...VendorContactsTabFragment_contact\n      id\n    }\n  }\n}\n\nfragment VendorContactsTabFragment_contact on VendorContact {\n  id\n  fullName\n  email\n  phone\n  role\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-contact:update\")\n  canDelete: permission(action: \"core:vendor-contact:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "845750bb920bd01ed91bbae1531aaaf0";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EditControlDialogLinkMutation.graphql.ts b/apps/console/src/__generated__/core/EditControlDialogLinkMutation.graphql.ts
new file mode 100644
index 000000000..4cab21a6a
--- /dev/null
+++ b/apps/console/src/__generated__/core/EditControlDialogLinkMutation.graphql.ts
@@ -0,0 +1,194 @@
+/**
+ * @generated SignedSource<<100330ea65f9914591271a9a1f78fd2e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateStateOfApplicabilityControlMappingInput = {
+  applicability: boolean;
+  controlId: string;
+  justification?: string | null | undefined;
+  stateOfApplicabilityId: string;
+};
+export type EditControlDialogLinkMutation$variables = {
+  input: CreateStateOfApplicabilityControlMappingInput;
+};
+export type EditControlDialogLinkMutation$data = {
+  readonly createStateOfApplicabilityControlMapping: {
+    readonly stateOfApplicabilityControlEdge: {
+      readonly node: {
+        readonly applicability: boolean;
+        readonly controlId: string;
+        readonly justification: string | null | undefined;
+        readonly stateOfApplicabilityId: string;
+      };
+    };
+  };
+};
+export type EditControlDialogLinkMutation = {
+  response: EditControlDialogLinkMutation$data;
+  variables: EditControlDialogLinkMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "stateOfApplicabilityId",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "controlId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "applicability",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "justification",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditControlDialogLinkMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "StateOfApplicabilityControlEdge",
+            "kind": "LinkedField",
+            "name": "stateOfApplicabilityControlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "StateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditControlDialogLinkMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "StateOfApplicabilityControlEdge",
+            "kind": "LinkedField",
+            "name": "stateOfApplicabilityControlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "StateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "id",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e15d97ea6b798532fb82fc577cbccd64",
+    "id": null,
+    "metadata": {},
+    "name": "EditControlDialogLinkMutation",
+    "operationKind": "mutation",
+    "text": "mutation EditControlDialogLinkMutation(\n  $input: CreateStateOfApplicabilityControlMappingInput!\n) {\n  createStateOfApplicabilityControlMapping(input: $input) {\n    stateOfApplicabilityControlEdge {\n      node {\n        stateOfApplicabilityId\n        controlId\n        applicability\n        justification\n        id\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e7a83ce3daa0051a0b2bb03b0429f2c4";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EditDataPrivacyAgreementDialogMutation.graphql.ts b/apps/console/src/__generated__/core/EditDataPrivacyAgreementDialogMutation.graphql.ts
new file mode 100644
index 000000000..4854e8686
--- /dev/null
+++ b/apps/console/src/__generated__/core/EditDataPrivacyAgreementDialogMutation.graphql.ts
@@ -0,0 +1,139 @@
+/**
+ * @generated SignedSource<<12863d17356b3d0f16a9c377cd95eb5b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateVendorDataPrivacyAgreementInput = {
+  validFrom?: string | null | undefined;
+  validUntil?: string | null | undefined;
+  vendorId: string;
+};
+export type EditDataPrivacyAgreementDialogMutation$variables = {
+  input: UpdateVendorDataPrivacyAgreementInput;
+};
+export type EditDataPrivacyAgreementDialogMutation$data = {
+  readonly updateVendorDataPrivacyAgreement: {
+    readonly vendorDataPrivacyAgreement: {
+      readonly createdAt: string;
+      readonly fileUrl: string;
+      readonly id: string;
+      readonly validFrom: string | null | undefined;
+      readonly validUntil: string | null | undefined;
+    };
+  };
+};
+export type EditDataPrivacyAgreementDialogMutation = {
+  response: EditDataPrivacyAgreementDialogMutation$data;
+  variables: EditDataPrivacyAgreementDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateVendorDataPrivacyAgreementPayload",
+    "kind": "LinkedField",
+    "name": "updateVendorDataPrivacyAgreement",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "VendorDataPrivacyAgreement",
+        "kind": "LinkedField",
+        "name": "vendorDataPrivacyAgreement",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fileUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validFrom",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validUntil",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditDataPrivacyAgreementDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditDataPrivacyAgreementDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "e84e9f9457d6e4dc295578e540aa3e64",
+    "id": null,
+    "metadata": {},
+    "name": "EditDataPrivacyAgreementDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation EditDataPrivacyAgreementDialogMutation(\n  $input: UpdateVendorDataPrivacyAgreementInput!\n) {\n  updateVendorDataPrivacyAgreement(input: $input) {\n    vendorDataPrivacyAgreement {\n      id\n      fileUrl\n      validFrom\n      validUntil\n      createdAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b2caa3bc89953896a848ee77fd96a767";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EditServiceDialogUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/EditServiceDialogUpdateMutation.graphql.ts
new file mode 100644
index 000000000..c271d1282
--- /dev/null
+++ b/apps/console/src/__generated__/core/EditServiceDialogUpdateMutation.graphql.ts
@@ -0,0 +1,192 @@
+/**
+ * @generated SignedSource<<e83a53e6de1bb7926c99b70425582ede>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type UpdateVendorServiceInput = {
+  description?: string | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+  type?: string | null | undefined;
+  url?: string | null | undefined;
+};
+export type EditServiceDialogUpdateMutation$variables = {
+  input: UpdateVendorServiceInput;
+};
+export type EditServiceDialogUpdateMutation$data = {
+  readonly updateVendorService: {
+    readonly vendorService: {
+      readonly " $fragmentSpreads": FragmentRefs<"VendorServicesTabFragment_service">;
+    };
+  };
+};
+export type EditServiceDialogUpdateMutation = {
+  response: EditServiceDialogUpdateMutation$data;
+  variables: EditServiceDialogUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditServiceDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorServicePayload",
+        "kind": "LinkedField",
+        "name": "updateVendorService",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorService",
+            "kind": "LinkedField",
+            "name": "vendorService",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorServicesTabFragment_service"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditServiceDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorServicePayload",
+        "kind": "LinkedField",
+        "name": "updateVendorService",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorService",
+            "kind": "LinkedField",
+            "name": "vendorService",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "id",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "updatedAt",
+                "storageKey": null
+              },
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:vendor-service:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:vendor-service:update\")"
+              },
+              {
+                "alias": "canDelete",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:vendor-service:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:vendor-service:delete\")"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5944b8aa370dff2ef78b2690dd4b3f35",
+    "id": null,
+    "metadata": {},
+    "name": "EditServiceDialogUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation EditServiceDialogUpdateMutation(\n  $input: UpdateVendorServiceInput!\n) {\n  updateVendorService(input: $input) {\n    vendorService {\n      ...VendorServicesTabFragment_service\n      id\n    }\n  }\n}\n\nfragment VendorServicesTabFragment_service on VendorService {\n  id\n  name\n  description\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-service:update\")\n  canDelete: permission(action: \"core:vendor-service:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "8a34720f5ae7e1f5c619518d4e0db460";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageDocumentFragment.graphql.ts b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageDocumentFragment.graphql.ts
new file mode 100644
index 000000000..6202b5a5d
--- /dev/null
+++ b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageDocumentFragment.graphql.ts
@@ -0,0 +1,139 @@
+/**
+ * @generated SignedSource<<30cf9ee1e00a276d2719e8d7d5ea0949>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type EmployeeDocumentSignaturePageDocumentFragment$data = {
+  readonly id: string;
+  readonly signed: boolean;
+  readonly title: string;
+  readonly versions: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"VersionActionsFragment" | "VersionRowFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "EmployeeDocumentSignaturePageDocumentFragment";
+};
+export type EmployeeDocumentSignaturePageDocumentFragment$key = {
+  readonly " $data"?: EmployeeDocumentSignaturePageDocumentFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentSignaturePageDocumentFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "EmployeeDocumentSignaturePageDocumentFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "title",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "signed",
+      "storageKey": null
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": [
+          {
+            "kind": "Literal",
+            "name": "first",
+            "value": 100
+          },
+          {
+            "kind": "Literal",
+            "name": "orderBy",
+            "value": {
+              "direction": "DESC",
+              "field": "CREATED_AT"
+            }
+          }
+        ],
+        "concreteType": "DocumentVersionConnection",
+        "kind": "LinkedField",
+        "name": "versions",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "DocumentVersionEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "kind": "RequiredField",
+                  "field": {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentVersion",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v0/*: any*/),
+                      {
+                        "args": null,
+                        "kind": "FragmentSpread",
+                        "name": "VersionActionsFragment"
+                      },
+                      {
+                        "args": null,
+                        "kind": "FragmentSpread",
+                        "name": "VersionRowFragment"
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  "action": "THROW"
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          }
+        ],
+        "storageKey": "versions(first:100,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "SignableDocument",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "aaa20cc1293a2b1ce5d760631c30804c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageExportSignablePDFMutation.graphql.ts b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageExportSignablePDFMutation.graphql.ts
new file mode 100644
index 000000000..214d581bb
--- /dev/null
+++ b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageExportSignablePDFMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<bd62735d2891123ff7f79b1b473d5143>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ExportSignableDocumentVersionPDFInput = {
+  documentVersionId: string;
+};
+export type EmployeeDocumentSignaturePageExportSignablePDFMutation$variables = {
+  input: ExportSignableDocumentVersionPDFInput;
+};
+export type EmployeeDocumentSignaturePageExportSignablePDFMutation$data = {
+  readonly exportSignableVersionDocumentPDF: {
+    readonly data: string;
+  };
+};
+export type EmployeeDocumentSignaturePageExportSignablePDFMutation = {
+  response: EmployeeDocumentSignaturePageExportSignablePDFMutation$data;
+  variables: EmployeeDocumentSignaturePageExportSignablePDFMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "ExportSignableDocumentVersionPDFPayload",
+    "kind": "LinkedField",
+    "name": "exportSignableVersionDocumentPDF",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "data",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EmployeeDocumentSignaturePageExportSignablePDFMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EmployeeDocumentSignaturePageExportSignablePDFMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "1bbeaaac843ecd06e9f7ee662aa11fc2",
+    "id": null,
+    "metadata": {},
+    "name": "EmployeeDocumentSignaturePageExportSignablePDFMutation",
+    "operationKind": "mutation",
+    "text": "mutation EmployeeDocumentSignaturePageExportSignablePDFMutation(\n  $input: ExportSignableDocumentVersionPDFInput!\n) {\n  exportSignableVersionDocumentPDF(input: $input) {\n    data\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "39a1e34d4b4f8c98d262dd3a737ebb7c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageQuery.graphql.ts b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageQuery.graphql.ts
new file mode 100644
index 000000000..d4c4adf8a
--- /dev/null
+++ b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageQuery.graphql.ts
@@ -0,0 +1,217 @@
+/**
+ * @generated SignedSource<<92e104374ca160bd4ce96fe2c60aecc6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type EmployeeDocumentSignaturePageQuery$variables = {
+  documentId: string;
+};
+export type EmployeeDocumentSignaturePageQuery$data = {
+  readonly viewer: {
+    readonly signableDocument: {
+      readonly id: string;
+      readonly " $fragmentSpreads": FragmentRefs<"EmployeeDocumentSignaturePageDocumentFragment">;
+    } | null | undefined;
+  };
+};
+export type EmployeeDocumentSignaturePageQuery = {
+  response: EmployeeDocumentSignaturePageQuery$data;
+  variables: EmployeeDocumentSignaturePageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "documentId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "documentId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "signed",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EmployeeDocumentSignaturePageQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": null,
+          "args": null,
+          "concreteType": "Viewer",
+          "kind": "LinkedField",
+          "name": "viewer",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": (v1/*: any*/),
+              "concreteType": "SignableDocument",
+              "kind": "LinkedField",
+              "name": "signableDocument",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "EmployeeDocumentSignaturePageDocumentFragment"
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EmployeeDocumentSignaturePageQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": (v1/*: any*/),
+            "concreteType": "SignableDocument",
+            "kind": "LinkedField",
+            "name": "signableDocument",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "title",
+                "storageKey": null
+              },
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "first",
+                    "value": 100
+                  },
+                  {
+                    "kind": "Literal",
+                    "name": "orderBy",
+                    "value": {
+                      "direction": "DESC",
+                      "field": "CREATED_AT"
+                    }
+                  }
+                ],
+                "concreteType": "DocumentVersionConnection",
+                "kind": "LinkedField",
+                "name": "versions",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentVersionEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersion",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "version",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "publishedAt",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "versions(first:100,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+              }
+            ],
+            "storageKey": null
+          },
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6ae29e4a10d7e0eb4afa03eef60d6762",
+    "id": null,
+    "metadata": {},
+    "name": "EmployeeDocumentSignaturePageQuery",
+    "operationKind": "query",
+    "text": "query EmployeeDocumentSignaturePageQuery(\n  $documentId: ID!\n) {\n  viewer {\n    signableDocument(id: $documentId) {\n      id\n      ...EmployeeDocumentSignaturePageDocumentFragment\n    }\n    id\n  }\n}\n\nfragment EmployeeDocumentSignaturePageDocumentFragment on SignableDocument {\n  id\n  title\n  signed\n  versions(first: 100, orderBy: {field: CREATED_AT, direction: DESC}) {\n    edges {\n      node {\n        id\n        ...VersionActionsFragment\n        ...VersionRowFragment\n      }\n    }\n  }\n}\n\nfragment VersionActionsFragment on DocumentVersion {\n  id\n  signed\n}\n\nfragment VersionRowFragment on DocumentVersion {\n  id\n  version\n  signed\n  publishedAt\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4b2db4d00f02f0826166b729e61e4e5d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageSignMutation.graphql.ts b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageSignMutation.graphql.ts
new file mode 100644
index 000000000..84f2d8090
--- /dev/null
+++ b/apps/console/src/__generated__/core/EmployeeDocumentSignaturePageSignMutation.graphql.ts
@@ -0,0 +1,114 @@
+/**
+ * @generated SignedSource<<ea70fd099349ca45cb2a847b06e28694>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+export type SignDocumentInput = {
+  documentVersionId: string;
+};
+export type EmployeeDocumentSignaturePageSignMutation$variables = {
+  input: SignDocumentInput;
+};
+export type EmployeeDocumentSignaturePageSignMutation$data = {
+  readonly signDocument: {
+    readonly documentVersionSignature: {
+      readonly id: string;
+      readonly state: DocumentVersionSignatureState;
+    };
+  };
+};
+export type EmployeeDocumentSignaturePageSignMutation = {
+  response: EmployeeDocumentSignaturePageSignMutation$data;
+  variables: EmployeeDocumentSignaturePageSignMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "SignDocumentPayload",
+    "kind": "LinkedField",
+    "name": "signDocument",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "DocumentVersionSignature",
+        "kind": "LinkedField",
+        "name": "documentVersionSignature",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "state",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EmployeeDocumentSignaturePageSignMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EmployeeDocumentSignaturePageSignMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "dfdd778fc4b0cfc9c007e4c29258ea96",
+    "id": null,
+    "metadata": {},
+    "name": "EmployeeDocumentSignaturePageSignMutation",
+    "operationKind": "mutation",
+    "text": "mutation EmployeeDocumentSignaturePageSignMutation(\n  $input: SignDocumentInput!\n) {\n  signDocument(input: $input) {\n    documentVersionSignature {\n      id\n      state\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b91674332a1914e270e4fb811ccfd479";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EmployeeDocumentsPageQuery.graphql.ts b/apps/console/src/__generated__/core/EmployeeDocumentsPageQuery.graphql.ts
new file mode 100644
index 000000000..4784bde55
--- /dev/null
+++ b/apps/console/src/__generated__/core/EmployeeDocumentsPageQuery.graphql.ts
@@ -0,0 +1,247 @@
+/**
+ * @generated SignedSource<<7bf19a133f9a98ea87492298d98312fa>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type EmployeeDocumentsPageQuery$variables = {
+  organizationId: string;
+};
+export type EmployeeDocumentsPageQuery$data = {
+  readonly viewer: {
+    readonly signableDocuments: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"DocumentRowFragment">;
+        };
+      }>;
+    };
+  };
+};
+export type EmployeeDocumentsPageQuery = {
+  response: EmployeeDocumentsPageQuery$data;
+  variables: EmployeeDocumentsPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1000
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  },
+  {
+    "kind": "Variable",
+    "name": "organizationId",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EmployeeDocumentsPageQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": null,
+          "args": null,
+          "concreteType": "Viewer",
+          "kind": "LinkedField",
+          "name": "viewer",
+          "plural": false,
+          "selections": [
+            {
+              "kind": "RequiredField",
+              "field": {
+                "alias": null,
+                "args": (v1/*: any*/),
+                "concreteType": "SignableDocumentConnection",
+                "kind": "LinkedField",
+                "name": "signableDocuments",
+                "plural": false,
+                "selections": [
+                  {
+                    "kind": "RequiredField",
+                    "field": {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "SignableDocumentEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "kind": "RequiredField",
+                          "field": {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "SignableDocument",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              {
+                                "args": null,
+                                "kind": "FragmentSpread",
+                                "name": "DocumentRowFragment"
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          "action": "THROW"
+                        }
+                      ],
+                      "storageKey": null
+                    },
+                    "action": "THROW"
+                  }
+                ],
+                "storageKey": null
+              },
+              "action": "THROW"
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EmployeeDocumentsPageQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Viewer",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": (v1/*: any*/),
+            "concreteType": "SignableDocumentConnection",
+            "kind": "LinkedField",
+            "name": "signableDocuments",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "SignableDocumentEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SignableDocument",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v2/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "title",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "documentType",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "classification",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "signed",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "updatedAt",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6b86b68f881b9cce5eb16c3d02efba06",
+    "id": null,
+    "metadata": {},
+    "name": "EmployeeDocumentsPageQuery",
+    "operationKind": "query",
+    "text": "query EmployeeDocumentsPageQuery(\n  $organizationId: ID!\n) {\n  viewer {\n    signableDocuments(organizationId: $organizationId, first: 1000, orderBy: {field: CREATED_AT, direction: DESC}) {\n      edges {\n        node {\n          id\n          ...DocumentRowFragment\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment DocumentRowFragment on SignableDocument {\n  id\n  title\n  documentType\n  classification\n  signed\n  updatedAt\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "df39499ecf83f117576ac2456aeb094a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/EvidenceGraphFileQuery.graphql.ts b/apps/console/src/__generated__/core/EvidenceGraphFileQuery.graphql.ts
new file mode 100644
index 000000000..336d3a1f8
--- /dev/null
+++ b/apps/console/src/__generated__/core/EvidenceGraphFileQuery.graphql.ts
@@ -0,0 +1,189 @@
+/**
+ * @generated SignedSource<<b757ab583beb7a2556cabaa900b5b9de>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type EvidenceGraphFileQuery$variables = {
+  evidenceId: string;
+};
+export type EvidenceGraphFileQuery$data = {
+  readonly node: {
+    readonly file?: {
+      readonly downloadUrl: string;
+      readonly fileName: string;
+      readonly mimeType: string;
+      readonly size: number;
+    } | null | undefined;
+    readonly id?: string;
+  };
+};
+export type EvidenceGraphFileQuery = {
+  response: EvidenceGraphFileQuery$data;
+  variables: EvidenceGraphFileQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "evidenceId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "evidenceId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "mimeType",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fileName",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "size",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "downloadUrl",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EvidenceGraphFileQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "File",
+                "kind": "LinkedField",
+                "name": "file",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/),
+                  (v6/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Evidence",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EvidenceGraphFileQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "File",
+                "kind": "LinkedField",
+                "name": "file",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/),
+                  (v6/*: any*/),
+                  (v2/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Evidence",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "780e108a52d2fcbde6653de5d2ee058b",
+    "id": null,
+    "metadata": {},
+    "name": "EvidenceGraphFileQuery",
+    "operationKind": "query",
+    "text": "query EvidenceGraphFileQuery(\n  $evidenceId: ID!\n) {\n  node(id: $evidenceId) {\n    __typename\n    ... on Evidence {\n      id\n      file {\n        mimeType\n        fileName\n        size\n        downloadUrl\n        id\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "186386e82f82feb9c5b5a54f9d937903";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FormRiskDialogMutation.graphql.ts b/apps/console/src/__generated__/core/FormRiskDialogMutation.graphql.ts
new file mode 100644
index 000000000..73dcc3042
--- /dev/null
+++ b/apps/console/src/__generated__/core/FormRiskDialogMutation.graphql.ts
@@ -0,0 +1,285 @@
+/**
+ * @generated SignedSource<<dfc4b37cf499f7cb24c0b1bd1eec3b11>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED";
+export type CreateRiskInput = {
+  category: string;
+  description?: string | null | undefined;
+  inherentImpact: number;
+  inherentLikelihood: number;
+  name: string;
+  note?: string | null | undefined;
+  organizationId: string;
+  ownerId?: string | null | undefined;
+  residualImpact?: number | null | undefined;
+  residualLikelihood?: number | null | undefined;
+  treatment: RiskTreatment;
+};
+export type FormRiskDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateRiskInput;
+};
+export type FormRiskDialogMutation$data = {
+  readonly createRisk: {
+    readonly riskEdge: {
+      readonly node: {
+        readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
+      };
+    };
+  };
+};
+export type FormRiskDialogMutation = {
+  response: FormRiskDialogMutation$data;
+  variables: FormRiskDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FormRiskDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskPayload",
+        "kind": "LinkedField",
+        "name": "createRisk",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "RiskEdge",
+            "kind": "LinkedField",
+            "name": "riskEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Risk",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "useRiskFormFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FormRiskDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskPayload",
+        "kind": "LinkedField",
+        "name": "createRisk",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "RiskEdge",
+            "kind": "LinkedField",
+            "name": "riskEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Risk",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "category",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "treatment",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "inherentLikelihood",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "inherentImpact",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "residualLikelihood",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "residualImpact",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "inherentRiskScore",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "residualRiskScore",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "note",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "owner",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/)
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "riskEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a6ca4767b2443f6b4d02d6fdd1358600",
+    "id": null,
+    "metadata": {},
+    "name": "FormRiskDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation FormRiskDialogMutation(\n  $input: CreateRiskInput!\n) {\n  createRisk(input: $input) {\n    riskEdge {\n      node {\n        ...useRiskFormFragment\n        id\n      }\n    }\n  }\n}\n\nfragment useRiskFormFragment on Risk {\n  id\n  name\n  category\n  description\n  treatment\n  inherentLikelihood\n  inherentImpact\n  residualLikelihood\n  residualImpact\n  inherentRiskScore\n  residualRiskScore\n  note\n  owner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0429ad2b3af194de47f4b5af4231e22b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FormRiskDialogUpdateRiskMutation.graphql.ts b/apps/console/src/__generated__/core/FormRiskDialogUpdateRiskMutation.graphql.ts
new file mode 100644
index 000000000..d3f376e23
--- /dev/null
+++ b/apps/console/src/__generated__/core/FormRiskDialogUpdateRiskMutation.graphql.ts
@@ -0,0 +1,235 @@
+/**
+ * @generated SignedSource<<4122b3e15107bc0f2c5f8b842b882603>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED";
+export type UpdateRiskInput = {
+  category?: string | null | undefined;
+  description?: string | null | undefined;
+  id: string;
+  inherentImpact?: number | null | undefined;
+  inherentLikelihood?: number | null | undefined;
+  name?: string | null | undefined;
+  note?: string | null | undefined;
+  ownerId?: string | null | undefined;
+  residualImpact?: number | null | undefined;
+  residualLikelihood?: number | null | undefined;
+  treatment?: RiskTreatment | null | undefined;
+};
+export type FormRiskDialogUpdateRiskMutation$variables = {
+  input: UpdateRiskInput;
+};
+export type FormRiskDialogUpdateRiskMutation$data = {
+  readonly updateRisk: {
+    readonly risk: {
+      readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
+    };
+  };
+};
+export type FormRiskDialogUpdateRiskMutation = {
+  response: FormRiskDialogUpdateRiskMutation$data;
+  variables: FormRiskDialogUpdateRiskMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FormRiskDialogUpdateRiskMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateRiskPayload",
+        "kind": "LinkedField",
+        "name": "updateRisk",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Risk",
+            "kind": "LinkedField",
+            "name": "risk",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "useRiskFormFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FormRiskDialogUpdateRiskMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateRiskPayload",
+        "kind": "LinkedField",
+        "name": "updateRisk",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Risk",
+            "kind": "LinkedField",
+            "name": "risk",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "category",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "treatment",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "inherentLikelihood",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "inherentImpact",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "residualLikelihood",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "residualImpact",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "inherentRiskScore",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "residualRiskScore",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "note",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "owner",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "59f586a59973ca023df027fdfb0d4bed",
+    "id": null,
+    "metadata": {},
+    "name": "FormRiskDialogUpdateRiskMutation",
+    "operationKind": "mutation",
+    "text": "mutation FormRiskDialogUpdateRiskMutation(\n  $input: UpdateRiskInput!\n) {\n  updateRisk(input: $input) {\n    risk {\n      ...useRiskFormFragment\n      id\n    }\n  }\n}\n\nfragment useRiskFormFragment on Risk {\n  id\n  name\n  category\n  description\n  treatment\n  inherentLikelihood\n  inherentImpact\n  residualLikelihood\n  residualImpact\n  inherentRiskScore\n  residualRiskScore\n  note\n  owner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0299493042b2b5e7e464c991bab94375";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlDialogCreateMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlDialogCreateMutation.graphql.ts
new file mode 100644
index 000000000..9845a1459
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlDialogCreateMutation.graphql.ts
@@ -0,0 +1,233 @@
+/**
+ * @generated SignedSource<<35c2c66dca0c895c7abca2b0f4917a68>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ControlStatus = "EXCLUDED" | "INCLUDED";
+export type CreateControlInput = {
+  bestPractice: boolean;
+  description?: string | null | undefined;
+  exclusionJustification?: string | null | undefined;
+  frameworkId: string;
+  name: string;
+  sectionTitle: string;
+  status: ControlStatus;
+};
+export type FrameworkControlDialogCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlInput;
+};
+export type FrameworkControlDialogCreateMutation$data = {
+  readonly createControl: {
+    readonly controlEdge: {
+      readonly node: {
+        readonly " $fragmentSpreads": FragmentRefs<"FrameworkControlDialogFragment">;
+      };
+    };
+  };
+};
+export type FrameworkControlDialogCreateMutation = {
+  response: FrameworkControlDialogCreateMutation$data;
+  variables: FrameworkControlDialogCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlPayload",
+        "kind": "LinkedField",
+        "name": "createControl",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ControlEdge",
+            "kind": "LinkedField",
+            "name": "controlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Control",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "FrameworkControlDialogFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlPayload",
+        "kind": "LinkedField",
+        "name": "createControl",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ControlEdge",
+            "kind": "LinkedField",
+            "name": "controlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Control",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "id",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "sectionTitle",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "status",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "exclusionJustification",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "bestPractice",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "controlEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "81df1f9c65937d3e387edffc6e9a28ac",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlDialogCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlDialogCreateMutation(\n  $input: CreateControlInput!\n) {\n  createControl(input: $input) {\n    controlEdge {\n      node {\n        ...FrameworkControlDialogFragment\n        id\n      }\n    }\n  }\n}\n\nfragment FrameworkControlDialogFragment on Control {\n  id\n  name\n  description\n  sectionTitle\n  status\n  exclusionJustification\n  bestPractice\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a64e6fd936555c0dd2cb4148cde736b6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlDialogFragment.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlDialogFragment.graphql.ts
new file mode 100644
index 000000000..3d5f36c10
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlDialogFragment.graphql.ts
@@ -0,0 +1,91 @@
+/**
+ * @generated SignedSource<<3a62e5f931a990d83caca02ab629b0c0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type ControlStatus = "EXCLUDED" | "INCLUDED";
+import { FragmentRefs } from "relay-runtime";
+export type FrameworkControlDialogFragment$data = {
+  readonly bestPractice: boolean;
+  readonly description: string | null | undefined;
+  readonly exclusionJustification: string | null | undefined;
+  readonly id: string;
+  readonly name: string;
+  readonly sectionTitle: string;
+  readonly status: ControlStatus;
+  readonly " $fragmentType": "FrameworkControlDialogFragment";
+};
+export type FrameworkControlDialogFragment$key = {
+  readonly " $data"?: FrameworkControlDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"FrameworkControlDialogFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "FrameworkControlDialogFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "sectionTitle",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "status",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "exclusionJustification",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "bestPractice",
+      "storageKey": null
+    }
+  ],
+  "type": "Control",
+  "abstractKey": null
+};
+
+(node as any).hash = "481f75ce8c525c1fa12517ef173ad868";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlDialogUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlDialogUpdateMutation.graphql.ts
new file mode 100644
index 000000000..d8d19fde7
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlDialogUpdateMutation.graphql.ts
@@ -0,0 +1,183 @@
+/**
+ * @generated SignedSource<<7ee3c72e16fa86d6c006c004e4f93c95>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ControlStatus = "EXCLUDED" | "INCLUDED";
+export type UpdateControlInput = {
+  bestPractice?: boolean | null | undefined;
+  description?: string | null | undefined;
+  exclusionJustification?: string | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+  sectionTitle?: string | null | undefined;
+  status?: ControlStatus | null | undefined;
+};
+export type FrameworkControlDialogUpdateMutation$variables = {
+  input: UpdateControlInput;
+};
+export type FrameworkControlDialogUpdateMutation$data = {
+  readonly updateControl: {
+    readonly control: {
+      readonly " $fragmentSpreads": FragmentRefs<"FrameworkControlDialogFragment">;
+    };
+  };
+};
+export type FrameworkControlDialogUpdateMutation = {
+  response: FrameworkControlDialogUpdateMutation$data;
+  variables: FrameworkControlDialogUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateControlPayload",
+        "kind": "LinkedField",
+        "name": "updateControl",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Control",
+            "kind": "LinkedField",
+            "name": "control",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "FrameworkControlDialogFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkControlDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateControlPayload",
+        "kind": "LinkedField",
+        "name": "updateControl",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Control",
+            "kind": "LinkedField",
+            "name": "control",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "id",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "sectionTitle",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "status",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "exclusionJustification",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "bestPractice",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "374c69b33dd6e94dec75829fe0777f58",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlDialogUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlDialogUpdateMutation(\n  $input: UpdateControlInput!\n) {\n  updateControl(input: $input) {\n    control {\n      ...FrameworkControlDialogFragment\n      id\n    }\n  }\n}\n\nfragment FrameworkControlDialogFragment on Control {\n  id\n  name\n  description\n  sectionTitle\n  status\n  exclusionJustification\n  bestPractice\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0f070ad6868861c25e409d3777c247dd";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageAttachAuditMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageAttachAuditMutation.graphql.ts
new file mode 100644
index 000000000..5cbb66d45
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageAttachAuditMutation.graphql.ts
@@ -0,0 +1,237 @@
+/**
+ * @generated SignedSource<<c1f987833f73f19a66f044b28688f1dd>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateControlAuditMappingInput = {
+  auditId: string;
+  controlId: string;
+};
+export type FrameworkControlPageAttachAuditMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlAuditMappingInput;
+};
+export type FrameworkControlPageAttachAuditMutation$data = {
+  readonly createControlAuditMapping: {
+    readonly auditEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedAuditsCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworkControlPageAttachAuditMutation = {
+  response: FrameworkControlPageAttachAuditMutation$data;
+  variables: FrameworkControlPageAttachAuditMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageAttachAuditMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlAuditMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlAuditMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "AuditEdge",
+            "kind": "LinkedField",
+            "name": "auditEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Audit",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedAuditsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageAttachAuditMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlAuditMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlAuditMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "AuditEdge",
+            "kind": "LinkedField",
+            "name": "auditEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Audit",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "state",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "validFrom",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "validUntil",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Framework",
+                    "kind": "LinkedField",
+                    "name": "framework",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      (v4/*: any*/)
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "auditEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "23afa68a91d9ae6630123a4ff693a0ec",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageAttachAuditMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageAttachAuditMutation(\n  $input: CreateControlAuditMappingInput!\n) {\n  createControlAuditMapping(input: $input) {\n    auditEdge {\n      node {\n        id\n        ...LinkedAuditsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedAuditsCardFragment on Audit {\n  id\n  name\n  createdAt\n  state\n  validFrom\n  validUntil\n  framework {\n    id\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0a9f52be5fb551ec55667b7d777391de";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageAttachDocumentMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageAttachDocumentMutation.graphql.ts
new file mode 100644
index 000000000..8fad6cfbe
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageAttachDocumentMutation.graphql.ts
@@ -0,0 +1,256 @@
+/**
+ * @generated SignedSource<<47d493f6b225797004c11ba908c1e7d2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateControlDocumentMappingInput = {
+  controlId: string;
+  documentId: string;
+};
+export type FrameworkControlPageAttachDocumentMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlDocumentMappingInput;
+};
+export type FrameworkControlPageAttachDocumentMutation$data = {
+  readonly createControlDocumentMapping: {
+    readonly documentEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworkControlPageAttachDocumentMutation = {
+  response: FrameworkControlPageAttachDocumentMutation$data;
+  variables: FrameworkControlPageAttachDocumentMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageAttachDocumentMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedDocumentsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageAttachDocumentMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "title",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "documentType",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "first",
+                        "value": 1
+                      }
+                    ],
+                    "concreteType": "DocumentVersionConnection",
+                    "kind": "LinkedField",
+                    "name": "versions",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersionEdge",
+                        "kind": "LinkedField",
+                        "name": "edges",
+                        "plural": true,
+                        "selections": [
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "DocumentVersion",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "status",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": "versions(first:1)"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "documentEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "857c472a56bba83b8249bb6f3b97eea2",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageAttachDocumentMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageAttachDocumentMutation(\n  $input: CreateControlDocumentMappingInput!\n) {\n  createControlDocumentMapping(input: $input) {\n    documentEdge {\n      node {\n        id\n        ...LinkedDocumentsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedDocumentsCardFragment on Document {\n  id\n  title\n  createdAt\n  documentType\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6f019fa6bdfccc4cddd80f0de770440f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageAttachMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageAttachMutation.graphql.ts
new file mode 100644
index 000000000..c11a2064a
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageAttachMutation.graphql.ts
@@ -0,0 +1,202 @@
+/**
+ * @generated SignedSource<<1d23c8e1a8e16a9811d75d208ade0889>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateControlMeasureMappingInput = {
+  controlId: string;
+  measureId: string;
+};
+export type FrameworkControlPageAttachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlMeasureMappingInput;
+};
+export type FrameworkControlPageAttachMutation$data = {
+  readonly createControlMeasureMapping: {
+    readonly measureEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedMeasuresCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworkControlPageAttachMutation = {
+  response: FrameworkControlPageAttachMutation$data;
+  variables: FrameworkControlPageAttachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageAttachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "MeasureEdge",
+            "kind": "LinkedField",
+            "name": "measureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Measure",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedMeasuresCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageAttachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "MeasureEdge",
+            "kind": "LinkedField",
+            "name": "measureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Measure",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "state",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "measureEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "85f870b18745fcd28bac3a52c404e98f",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageAttachMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageAttachMutation(\n  $input: CreateControlMeasureMappingInput!\n) {\n  createControlMeasureMapping(input: $input) {\n    measureEdge {\n      node {\n        id\n        ...LinkedMeasuresCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedMeasuresCardFragment on Measure {\n  id\n  name\n  state\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e52f26e6906aa014ad020bd6f23a75d6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageAttachObligationMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageAttachObligationMutation.graphql.ts
new file mode 100644
index 000000000..edca3c994
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageAttachObligationMutation.graphql.ts
@@ -0,0 +1,235 @@
+/**
+ * @generated SignedSource<<b06f8ea18b076203f2e1ab8bae17d45f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateControlObligationMappingInput = {
+  controlId: string;
+  obligationId: string;
+};
+export type FrameworkControlPageAttachObligationMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlObligationMappingInput;
+};
+export type FrameworkControlPageAttachObligationMutation$data = {
+  readonly createControlObligationMapping: {
+    readonly obligationEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworkControlPageAttachObligationMutation = {
+  response: FrameworkControlPageAttachObligationMutation$data;
+  variables: FrameworkControlPageAttachObligationMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageAttachObligationMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlObligationMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ObligationEdge",
+            "kind": "LinkedField",
+            "name": "obligationEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Obligation",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedObligationsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageAttachObligationMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlObligationMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ObligationEdge",
+            "kind": "LinkedField",
+            "name": "obligationEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Obligation",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "requirement",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "area",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "source",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "status",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "owner",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "fullName",
+                        "storageKey": null
+                      },
+                      (v3/*: any*/)
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "obligationEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e5dce8dc0bc03faa0e4d42696c76b59d",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageAttachObligationMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageAttachObligationMutation(\n  $input: CreateControlObligationMappingInput!\n) {\n  createControlObligationMapping(input: $input) {\n    obligationEdge {\n      node {\n        id\n        ...LinkedObligationsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedObligationsCardFragment on Obligation {\n  id\n  requirement\n  area\n  source\n  status\n  owner {\n    fullName\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3c4bfe48fd9db37ce70cecd890d7248a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageAttachSnapshotMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageAttachSnapshotMutation.graphql.ts
new file mode 100644
index 000000000..2cb72b588
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageAttachSnapshotMutation.graphql.ts
@@ -0,0 +1,216 @@
+/**
+ * @generated SignedSource<<a4b20010a96dac4779e4b1576b947e45>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateControlSnapshotMappingInput = {
+  controlId: string;
+  snapshotId: string;
+};
+export type FrameworkControlPageAttachSnapshotMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlSnapshotMappingInput;
+};
+export type FrameworkControlPageAttachSnapshotMutation$data = {
+  readonly createControlSnapshotMapping: {
+    readonly snapshotEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedSnapshotsCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworkControlPageAttachSnapshotMutation = {
+  response: FrameworkControlPageAttachSnapshotMutation$data;
+  variables: FrameworkControlPageAttachSnapshotMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageAttachSnapshotMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlSnapshotMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlSnapshotMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "SnapshotEdge",
+            "kind": "LinkedField",
+            "name": "snapshotEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Snapshot",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedSnapshotsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageAttachSnapshotMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlSnapshotMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlSnapshotMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "SnapshotEdge",
+            "kind": "LinkedField",
+            "name": "snapshotEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Snapshot",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "type",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "snapshotEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "52c76e336bb7f38dc2d2f6620817100a",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageAttachSnapshotMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageAttachSnapshotMutation(\n  $input: CreateControlSnapshotMappingInput!\n) {\n  createControlSnapshotMapping(input: $input) {\n    snapshotEdge {\n      node {\n        id\n        ...LinkedSnapshotsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedSnapshotsCardFragment on Snapshot {\n  id\n  name\n  description\n  type\n  createdAt\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9e8ad62cc8d9f3672e1f785c31a91624";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageAttachStateOfApplicabilityMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageAttachStateOfApplicabilityMutation.graphql.ts
new file mode 100644
index 000000000..6d42c4798
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageAttachStateOfApplicabilityMutation.graphql.ts
@@ -0,0 +1,237 @@
+/**
+ * @generated SignedSource<<6798ad28a0faeedef40b1b0a89f7563e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateStateOfApplicabilityControlMappingInput = {
+  applicability: boolean;
+  controlId: string;
+  justification?: string | null | undefined;
+  stateOfApplicabilityId: string;
+};
+export type FrameworkControlPageAttachStateOfApplicabilityMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateStateOfApplicabilityControlMappingInput;
+};
+export type FrameworkControlPageAttachStateOfApplicabilityMutation$data = {
+  readonly createStateOfApplicabilityControlMapping: {
+    readonly stateOfApplicabilityControlEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedStatesOfApplicabilityCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworkControlPageAttachStateOfApplicabilityMutation = {
+  response: FrameworkControlPageAttachStateOfApplicabilityMutation$data;
+  variables: FrameworkControlPageAttachStateOfApplicabilityMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageAttachStateOfApplicabilityMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "StateOfApplicabilityControlEdge",
+            "kind": "LinkedField",
+            "name": "stateOfApplicabilityControlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "StateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedStatesOfApplicabilityCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageAttachStateOfApplicabilityMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "StateOfApplicabilityControlEdge",
+            "kind": "LinkedField",
+            "name": "stateOfApplicabilityControlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "StateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "stateOfApplicabilityId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "controlId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "StateOfApplicability",
+                    "kind": "LinkedField",
+                    "name": "stateOfApplicability",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "name",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "applicability",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "justification",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "stateOfApplicabilityControlEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "205bc4f133e268c943ef9df9881350f0",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageAttachStateOfApplicabilityMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageAttachStateOfApplicabilityMutation(\n  $input: CreateStateOfApplicabilityControlMappingInput!\n) {\n  createStateOfApplicabilityControlMapping(input: $input) {\n    stateOfApplicabilityControlEdge {\n      node {\n        id\n        ...LinkedStatesOfApplicabilityCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedStatesOfApplicabilityCardFragment on StateOfApplicabilityControl {\n  id\n  stateOfApplicabilityId\n  controlId\n  stateOfApplicability {\n    id\n    name\n  }\n  applicability\n  justification\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "8da7bd1e22eb2eaf857a4e97cea47e90";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageDeleteControlMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageDeleteControlMutation.graphql.ts
new file mode 100644
index 000000000..c549c68c1
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageDeleteControlMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<87a74ac3a3c2523bd65512703dc2246e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlInput = {
+  controlId: string;
+};
+export type FrameworkControlPageDeleteControlMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlInput;
+};
+export type FrameworkControlPageDeleteControlMutation$data = {
+  readonly deleteControl: {
+    readonly deletedControlId: string;
+  };
+};
+export type FrameworkControlPageDeleteControlMutation = {
+  response: FrameworkControlPageDeleteControlMutation$data;
+  variables: FrameworkControlPageDeleteControlMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedControlId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageDeleteControlMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlPayload",
+        "kind": "LinkedField",
+        "name": "deleteControl",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageDeleteControlMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlPayload",
+        "kind": "LinkedField",
+        "name": "deleteControl",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedControlId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f5559c3bf33da22ba6cb83fc408426e0",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageDeleteControlMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageDeleteControlMutation(\n  $input: DeleteControlInput!\n) {\n  deleteControl(input: $input) {\n    deletedControlId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c92c75d0666d2a60d3a2fcfb2959b2e9";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageDetachAuditMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageDetachAuditMutation.graphql.ts
new file mode 100644
index 000000000..7c49bb0f7
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageDetachAuditMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<f3f6c7f7f6e09f53b111e39ce4176b1c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlAuditMappingInput = {
+  auditId: string;
+  controlId: string;
+};
+export type FrameworkControlPageDetachAuditMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlAuditMappingInput;
+};
+export type FrameworkControlPageDetachAuditMutation$data = {
+  readonly deleteControlAuditMapping: {
+    readonly deletedAuditId: string;
+  };
+};
+export type FrameworkControlPageDetachAuditMutation = {
+  response: FrameworkControlPageDetachAuditMutation$data;
+  variables: FrameworkControlPageDetachAuditMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedAuditId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageDetachAuditMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlAuditMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlAuditMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageDetachAuditMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlAuditMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlAuditMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedAuditId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "0ec6a285e6ffd0057602e30ef8411e16",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageDetachAuditMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageDetachAuditMutation(\n  $input: DeleteControlAuditMappingInput!\n) {\n  deleteControlAuditMapping(input: $input) {\n    deletedAuditId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3c800764c7d5801bd228e8a61625bd75";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageDetachDocumentMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageDetachDocumentMutation.graphql.ts
new file mode 100644
index 000000000..14d1fe584
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageDetachDocumentMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<61b6714faa71bf0afe54a1984b719a55>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlDocumentMappingInput = {
+  controlId: string;
+  documentId: string;
+};
+export type FrameworkControlPageDetachDocumentMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlDocumentMappingInput;
+};
+export type FrameworkControlPageDetachDocumentMutation$data = {
+  readonly deleteControlDocumentMapping: {
+    readonly deletedDocumentId: string;
+  };
+};
+export type FrameworkControlPageDetachDocumentMutation = {
+  response: FrameworkControlPageDetachDocumentMutation$data;
+  variables: FrameworkControlPageDetachDocumentMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedDocumentId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageDetachDocumentMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageDetachDocumentMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlDocumentMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedDocumentId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f442693991b055c11609fb7bc326f1da",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageDetachDocumentMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageDetachDocumentMutation(\n  $input: DeleteControlDocumentMappingInput!\n) {\n  deleteControlDocumentMapping(input: $input) {\n    deletedDocumentId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "8c20b51090f69e932bc4801d88a6eaa6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageDetachMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageDetachMutation.graphql.ts
new file mode 100644
index 000000000..632e7040b
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageDetachMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<40a72ad7f2eb9fc26bf12c7f4ce731d7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlMeasureMappingInput = {
+  controlId: string;
+  measureId: string;
+};
+export type FrameworkControlPageDetachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlMeasureMappingInput;
+};
+export type FrameworkControlPageDetachMutation$data = {
+  readonly deleteControlMeasureMapping: {
+    readonly deletedMeasureId: string;
+  };
+};
+export type FrameworkControlPageDetachMutation = {
+  response: FrameworkControlPageDetachMutation$data;
+  variables: FrameworkControlPageDetachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedMeasureId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedMeasureId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "ce39a8bbb51cd7437dbc08612b60a214",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageDetachMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageDetachMutation(\n  $input: DeleteControlMeasureMappingInput!\n) {\n  deleteControlMeasureMapping(input: $input) {\n    deletedMeasureId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c62748aaf06f0050732be91ae341ae73";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageDetachObligationMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageDetachObligationMutation.graphql.ts
new file mode 100644
index 000000000..c6a8fca24
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageDetachObligationMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<b1b8d1f4c0dc579cacc0434be9b36259>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlObligationMappingInput = {
+  controlId: string;
+  obligationId: string;
+};
+export type FrameworkControlPageDetachObligationMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlObligationMappingInput;
+};
+export type FrameworkControlPageDetachObligationMutation$data = {
+  readonly deleteControlObligationMapping: {
+    readonly deletedObligationId: string;
+  };
+};
+export type FrameworkControlPageDetachObligationMutation = {
+  response: FrameworkControlPageDetachObligationMutation$data;
+  variables: FrameworkControlPageDetachObligationMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedObligationId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageDetachObligationMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlObligationMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageDetachObligationMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlObligationMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedObligationId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "90f4a67d3a22217cc62841266c5a0450",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageDetachObligationMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageDetachObligationMutation(\n  $input: DeleteControlObligationMappingInput!\n) {\n  deleteControlObligationMapping(input: $input) {\n    deletedObligationId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "92da0169c3d421a658aa560b4e5ba1c8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageDetachSnapshotMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageDetachSnapshotMutation.graphql.ts
new file mode 100644
index 000000000..5ea859a02
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageDetachSnapshotMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<d4c60256aa53236cfb4c3a01f4fd35c1>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlSnapshotMappingInput = {
+  controlId: string;
+  snapshotId: string;
+};
+export type FrameworkControlPageDetachSnapshotMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlSnapshotMappingInput;
+};
+export type FrameworkControlPageDetachSnapshotMutation$data = {
+  readonly deleteControlSnapshotMapping: {
+    readonly deletedSnapshotId: string;
+  };
+};
+export type FrameworkControlPageDetachSnapshotMutation = {
+  response: FrameworkControlPageDetachSnapshotMutation$data;
+  variables: FrameworkControlPageDetachSnapshotMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedSnapshotId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageDetachSnapshotMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlSnapshotMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlSnapshotMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageDetachSnapshotMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlSnapshotMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlSnapshotMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedSnapshotId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "610636745f2c0441c54bd0028fc52cf0",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageDetachSnapshotMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageDetachSnapshotMutation(\n  $input: DeleteControlSnapshotMappingInput!\n) {\n  deleteControlSnapshotMapping(input: $input) {\n    deletedSnapshotId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "be8d40beadabe60d8c9bee4d99b885b7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkControlPageDetachStateOfApplicabilityMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkControlPageDetachStateOfApplicabilityMutation.graphql.ts
new file mode 100644
index 000000000..0a647fe72
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkControlPageDetachStateOfApplicabilityMutation.graphql.ts
@@ -0,0 +1,153 @@
+/**
+ * @generated SignedSource<<b5ac3d2a6151aa858185089d6d979a34>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteStateOfApplicabilityControlMappingInput = {
+  controlId: string;
+  stateOfApplicabilityId: string;
+};
+export type FrameworkControlPageDetachStateOfApplicabilityMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteStateOfApplicabilityControlMappingInput;
+};
+export type FrameworkControlPageDetachStateOfApplicabilityMutation$data = {
+  readonly deleteStateOfApplicabilityControlMapping: {
+    readonly deletedControlId: string;
+    readonly deletedStateOfApplicabilityControlId: string;
+    readonly deletedStateOfApplicabilityId: string;
+  };
+};
+export type FrameworkControlPageDetachStateOfApplicabilityMutation = {
+  response: FrameworkControlPageDetachStateOfApplicabilityMutation$data;
+  variables: FrameworkControlPageDetachStateOfApplicabilityMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedStateOfApplicabilityId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedControlId",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedStateOfApplicabilityControlId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkControlPageDetachStateOfApplicabilityMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v4/*: any*/),
+          (v5/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkControlPageDetachStateOfApplicabilityMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v4/*: any*/),
+          (v5/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedStateOfApplicabilityControlId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f0ec8162516546b2cdd221c0c9832908",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkControlPageDetachStateOfApplicabilityMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkControlPageDetachStateOfApplicabilityMutation(\n  $input: DeleteStateOfApplicabilityControlMappingInput!\n) {\n  deleteStateOfApplicabilityControlMapping(input: $input) {\n    deletedStateOfApplicabilityId\n    deletedControlId\n    deletedStateOfApplicabilityControlId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f1a4efbd039ed9f457905903df50a160";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkDetailPageExportFrameworkMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkDetailPageExportFrameworkMutation.graphql.ts
new file mode 100644
index 000000000..1399513b2
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkDetailPageExportFrameworkMutation.graphql.ts
@@ -0,0 +1,95 @@
+/**
+ * @generated SignedSource<<05766c7969f5e78f91ca5121d2c30db8>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type FrameworkDetailPageExportFrameworkMutation$variables = {
+  frameworkId: string;
+};
+export type FrameworkDetailPageExportFrameworkMutation$data = {
+  readonly exportFramework: {
+    readonly exportJobId: string;
+  };
+};
+export type FrameworkDetailPageExportFrameworkMutation = {
+  response: FrameworkDetailPageExportFrameworkMutation$data;
+  variables: FrameworkDetailPageExportFrameworkMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "frameworkId"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "fields": [
+          {
+            "kind": "Variable",
+            "name": "frameworkId",
+            "variableName": "frameworkId"
+          }
+        ],
+        "kind": "ObjectValue",
+        "name": "input"
+      }
+    ],
+    "concreteType": "ExportFrameworkPayload",
+    "kind": "LinkedField",
+    "name": "exportFramework",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "exportJobId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkDetailPageExportFrameworkMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkDetailPageExportFrameworkMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "d6fdd2bb2dacfc88248ccfc6f671eb4a",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkDetailPageExportFrameworkMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkDetailPageExportFrameworkMutation(\n  $frameworkId: ID!\n) {\n  exportFramework(input: {frameworkId: $frameworkId}) {\n    exportJobId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3866a75fb0aeaaa6cdf97934508116c1";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkDetailPageFragment.graphql.ts b/apps/console/src/__generated__/core/FrameworkDetailPageFragment.graphql.ts
new file mode 100644
index 000000000..40b549ae8
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkDetailPageFragment.graphql.ts
@@ -0,0 +1,252 @@
+/**
+ * @generated SignedSource<<7f57391fcdf09c326854f1cc2e0008c2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type ControlStatus = "EXCLUDED" | "INCLUDED";
+import { FragmentRefs } from "relay-runtime";
+export type FrameworkDetailPageFragment$data = {
+  readonly canCreateControl: boolean;
+  readonly canDelete: boolean;
+  readonly canExport: boolean;
+  readonly canUpdate: boolean;
+  readonly controls: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly bestPractice: boolean;
+        readonly exclusionJustification: string | null | undefined;
+        readonly id: string;
+        readonly name: string;
+        readonly sectionTitle: string;
+        readonly status: ControlStatus;
+      };
+    }>;
+  };
+  readonly darkLogoURL: string | null | undefined;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly lightLogoURL: string | null | undefined;
+  readonly name: string;
+  readonly organization: {
+    readonly name: string;
+  };
+  readonly " $fragmentType": "FrameworkDetailPageFragment";
+};
+export type FrameworkDetailPageFragment$key = {
+  readonly " $data"?: FrameworkDetailPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"FrameworkDetailPageFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "FrameworkDetailPageFragment",
+  "selections": [
+    (v0/*: any*/),
+    (v1/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "lightLogoURL",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "darkLogoURL",
+      "storageKey": null
+    },
+    {
+      "alias": "canExport",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:franework:export"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:franework:export\")"
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:framework:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:framework:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:framework:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:framework:delete\")"
+    },
+    {
+      "alias": "canCreateControl",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:control:create"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:control:create\")"
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Organization",
+      "kind": "LinkedField",
+      "name": "organization",
+      "plural": false,
+      "selections": [
+        (v1/*: any*/)
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 250
+        },
+        {
+          "kind": "Literal",
+          "name": "orderBy",
+          "value": {
+            "direction": "ASC",
+            "field": "SECTION_TITLE"
+          }
+        }
+      ],
+      "concreteType": "ControlConnection",
+      "kind": "LinkedField",
+      "name": "controls",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ControlEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Control",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "sectionTitle",
+                  "storageKey": null
+                },
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "exclusionJustification",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "bestPractice",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": "controls(first:250,orderBy:{\"direction\":\"ASC\",\"field\":\"SECTION_TITLE\"})"
+    }
+  ],
+  "type": "Framework",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "c88994d5f1872bfe21cfe65e1911b76a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation.graphql.ts
new file mode 100644
index 000000000..08f37ee16
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation.graphql.ts
@@ -0,0 +1,95 @@
+/**
+ * @generated SignedSource<<b7c54e98eb3ba12bf4619530b45fdbab>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation$variables = {
+  frameworkId: string;
+};
+export type FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation$data = {
+  readonly generateFrameworkStateOfApplicability: {
+    readonly data: string;
+  };
+};
+export type FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation = {
+  response: FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation$data;
+  variables: FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "frameworkId"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "fields": [
+          {
+            "kind": "Variable",
+            "name": "frameworkId",
+            "variableName": "frameworkId"
+          }
+        ],
+        "kind": "ObjectValue",
+        "name": "input"
+      }
+    ],
+    "concreteType": "GenerateFrameworkStateOfApplicabilityPayload",
+    "kind": "LinkedField",
+    "name": "generateFrameworkStateOfApplicability",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "data",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "80185d474f3a9c5d20f97a387b219511",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkDetailPageGenerateFrameworkStateOfApplicabilityMutation(\n  $frameworkId: ID!\n) {\n  generateFrameworkStateOfApplicability(input: {frameworkId: $frameworkId}) {\n    data\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "eac70164d676cb8e19d7fe7f06b2b817";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkFormDialogMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkFormDialogMutation.graphql.ts
new file mode 100644
index 000000000..710a7b805
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkFormDialogMutation.graphql.ts
@@ -0,0 +1,243 @@
+/**
+ * @generated SignedSource<<3e99dde71cf9c37ef1ec401a9e76bb6c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateFrameworkInput = {
+  description?: string | null | undefined;
+  name: string;
+  organizationId: string;
+};
+export type FrameworkFormDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateFrameworkInput;
+};
+export type FrameworkFormDialogMutation$data = {
+  readonly createFramework: {
+    readonly frameworkEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"FrameworksPageCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworkFormDialogMutation = {
+  response: FrameworkFormDialogMutation$data;
+  variables: FrameworkFormDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkFormDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateFrameworkPayload",
+        "kind": "LinkedField",
+        "name": "createFramework",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "FrameworkEdge",
+            "kind": "LinkedField",
+            "name": "frameworkEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Framework",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "FrameworksPageCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkFormDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateFrameworkPayload",
+        "kind": "LinkedField",
+        "name": "createFramework",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "FrameworkEdge",
+            "kind": "LinkedField",
+            "name": "frameworkEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Framework",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "lightLogoURL",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "darkLogoURL",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canUpdate",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:framework:update"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:framework:update\")"
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:framework:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:framework:delete\")"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "frameworkEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a26c4f5b9c310055da331176905fc712",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkFormDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkFormDialogMutation(\n  $input: CreateFrameworkInput!\n) {\n  createFramework(input: $input) {\n    frameworkEdge {\n      node {\n        id\n        ...FrameworksPageCardFragment\n      }\n    }\n  }\n}\n\nfragment FrameworksPageCardFragment on Framework {\n  id\n  name\n  description\n  lightLogoURL\n  darkLogoURL\n  canUpdate: permission(action: \"core:framework:update\")\n  canDelete: permission(action: \"core:framework:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "efed7b4ef49eea43e0bf9c0a8839c4ee";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkFormDialogUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkFormDialogUpdateMutation.graphql.ts
new file mode 100644
index 000000000..0280bccc8
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkFormDialogUpdateMutation.graphql.ts
@@ -0,0 +1,123 @@
+/**
+ * @generated SignedSource<<d60cc1832963c81fe19cfe8a71992273>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateFrameworkInput = {
+  description?: string | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+};
+export type FrameworkFormDialogUpdateMutation$variables = {
+  input: UpdateFrameworkInput;
+};
+export type FrameworkFormDialogUpdateMutation$data = {
+  readonly updateFramework: {
+    readonly framework: {
+      readonly description: string | null | undefined;
+      readonly id: string;
+      readonly name: string;
+    };
+  };
+};
+export type FrameworkFormDialogUpdateMutation = {
+  response: FrameworkFormDialogUpdateMutation$data;
+  variables: FrameworkFormDialogUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateFrameworkPayload",
+    "kind": "LinkedField",
+    "name": "updateFramework",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Framework",
+        "kind": "LinkedField",
+        "name": "framework",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkFormDialogUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkFormDialogUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "54eaea672c9f7a7ddc3c6ba2b0655fc7",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkFormDialogUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkFormDialogUpdateMutation(\n  $input: UpdateFrameworkInput!\n) {\n  updateFramework(input: $input) {\n    framework {\n      id\n      name\n      description\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b8e9b44f6fa1cb437d7fae09133d97f0";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkGraphControlNodeQuery.graphql.ts b/apps/console/src/__generated__/core/FrameworkGraphControlNodeQuery.graphql.ts
new file mode 100644
index 000000000..363fc2dd8
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkGraphControlNodeQuery.graphql.ts
@@ -0,0 +1,1308 @@
+/**
+ * @generated SignedSource<<194328b415c68a01a447d4646639b3c0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ControlStatus = "EXCLUDED" | "INCLUDED";
+export type FrameworkGraphControlNodeQuery$variables = {
+  controlId: string;
+};
+export type FrameworkGraphControlNodeQuery$data = {
+  readonly node: {
+    readonly audits?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"LinkedAuditsCardFragment">;
+        };
+      }>;
+    };
+    readonly canCreateAuditMapping?: boolean;
+    readonly canCreateDocumentMapping?: boolean;
+    readonly canCreateMeasureMapping?: boolean;
+    readonly canCreateObligationMapping?: boolean;
+    readonly canCreateSnapshotMapping?: boolean;
+    readonly canCreateStateOfApplicabilityMapping?: boolean;
+    readonly canDelete?: boolean;
+    readonly canDeleteAuditMapping?: boolean;
+    readonly canDeleteDocumentMapping?: boolean;
+    readonly canDeleteMeasureMapping?: boolean;
+    readonly canDeleteObligationMapping?: boolean;
+    readonly canDeleteSnapshotMapping?: boolean;
+    readonly canDeleteStateOfApplicabilityMapping?: boolean;
+    readonly canUpdate?: boolean;
+    readonly description?: string | null | undefined;
+    readonly documents?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsCardFragment">;
+        };
+      }>;
+    };
+    readonly exclusionJustification?: string | null | undefined;
+    readonly id?: string;
+    readonly measures?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"LinkedMeasuresCardFragment">;
+        };
+      }>;
+    };
+    readonly name?: string;
+    readonly obligations?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsCardFragment">;
+        };
+      }>;
+    };
+    readonly sectionTitle?: string;
+    readonly snapshots?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"LinkedSnapshotsCardFragment">;
+        };
+      }>;
+    };
+    readonly stateOfApplicabilityControls?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"LinkedStatesOfApplicabilityCardFragment">;
+        };
+      }>;
+    };
+    readonly status?: ControlStatus;
+    readonly " $fragmentSpreads": FragmentRefs<"FrameworkControlDialogFragment">;
+  };
+};
+export type FrameworkGraphControlNodeQuery = {
+  response: FrameworkGraphControlNodeQuery$data;
+  variables: FrameworkGraphControlNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "controlId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "controlId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "sectionTitle",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "status",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "exclusionJustification",
+  "storageKey": null
+},
+v8 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:update\")"
+},
+v9 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:delete\")"
+},
+v10 = {
+  "alias": "canCreateMeasureMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:create-measure-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:create-measure-mapping\")"
+},
+v11 = {
+  "alias": "canDeleteMeasureMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:delete-measure-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:delete-measure-mapping\")"
+},
+v12 = {
+  "alias": "canCreateDocumentMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:create-document-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:create-document-mapping\")"
+},
+v13 = {
+  "alias": "canDeleteDocumentMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:delete-document-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:delete-document-mapping\")"
+},
+v14 = {
+  "alias": "canCreateAuditMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:create-audit-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:create-audit-mapping\")"
+},
+v15 = {
+  "alias": "canDeleteAuditMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:delete-audit-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:delete-audit-mapping\")"
+},
+v16 = {
+  "alias": "canCreateSnapshotMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:create-snapshot-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:create-snapshot-mapping\")"
+},
+v17 = {
+  "alias": "canDeleteSnapshotMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:delete-snapshot-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:delete-snapshot-mapping\")"
+},
+v18 = {
+  "alias": "canCreateStateOfApplicabilityMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:state-of-applicability-control-mapping:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:state-of-applicability-control-mapping:create\")"
+},
+v19 = {
+  "alias": "canDeleteStateOfApplicabilityMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:state-of-applicability-control-mapping:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:state-of-applicability-control-mapping:delete\")"
+},
+v20 = {
+  "alias": "canCreateObligationMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:obligation-control-mapping:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:obligation-control-mapping:create\")"
+},
+v21 = {
+  "alias": "canDeleteObligationMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:control:obligation-control-mapping:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:control:obligation-control-mapping:delete\")"
+},
+v22 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v23 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v24 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v25 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v26 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+],
+v27 = [
+  (v2/*: any*/),
+  (v3/*: any*/)
+],
+v28 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "state",
+  "storageKey": null
+},
+v29 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkGraphControlNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/),
+              (v20/*: any*/),
+              (v21/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "FrameworkControlDialogFragment"
+              },
+              {
+                "alias": "stateOfApplicabilityControls",
+                "args": null,
+                "concreteType": "StateOfApplicabilityControlConnection",
+                "kind": "LinkedField",
+                "name": "__FrameworkGraphControl_stateOfApplicabilityControls_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "StateOfApplicabilityControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "StateOfApplicabilityControl",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "LinkedStatesOfApplicabilityCardFragment"
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": "measures",
+                "args": null,
+                "concreteType": "MeasureConnection",
+                "kind": "LinkedField",
+                "name": "__FrameworkGraphControl_measures_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeasureEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Measure",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "LinkedMeasuresCardFragment"
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": "documents",
+                "args": null,
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "__FrameworkGraphControl_documents_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "LinkedDocumentsCardFragment"
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": "audits",
+                "args": null,
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "__FrameworkGraphControl_audits_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "LinkedAuditsCardFragment"
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": "obligations",
+                "args": null,
+                "concreteType": "ObligationConnection",
+                "kind": "LinkedField",
+                "name": "__FrameworkGraphControl_obligations_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ObligationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Obligation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "LinkedObligationsCardFragment"
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": "snapshots",
+                "args": null,
+                "concreteType": "SnapshotConnection",
+                "kind": "LinkedField",
+                "name": "__FrameworkGraphControl_snapshots_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SnapshotEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Snapshot",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "LinkedSnapshotsCardFragment"
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Control",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkGraphControlNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v22/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/),
+              (v20/*: any*/),
+              (v21/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "bestPractice",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "concreteType": "StateOfApplicabilityControlConnection",
+                "kind": "LinkedField",
+                "name": "stateOfApplicabilityControls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "StateOfApplicabilityControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "StateOfApplicabilityControl",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "stateOfApplicabilityId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "controlId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "StateOfApplicability",
+                            "kind": "LinkedField",
+                            "name": "stateOfApplicability",
+                            "plural": false,
+                            "selections": (v27/*: any*/),
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "applicability",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "justification",
+                            "storageKey": null
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": "stateOfApplicabilityControls(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "FrameworkGraphControl_stateOfApplicabilityControls",
+                "kind": "LinkedHandle",
+                "name": "stateOfApplicabilityControls"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "concreteType": "MeasureConnection",
+                "kind": "LinkedField",
+                "name": "measures",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeasureEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Measure",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v3/*: any*/),
+                          (v28/*: any*/),
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": "measures(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "FrameworkGraphControl_measures",
+                "kind": "LinkedHandle",
+                "name": "measures"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          (v29/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              }
+                            ],
+                            "concreteType": "DocumentVersionConnection",
+                            "kind": "LinkedField",
+                            "name": "versions",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersion",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v2/*: any*/),
+                                      (v6/*: any*/)
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "versions(first:1)"
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": "documents(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "FrameworkGraphControl_documents",
+                "kind": "LinkedHandle",
+                "name": "documents"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "audits",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v3/*: any*/),
+                          (v29/*: any*/),
+                          (v28/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validFrom",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": (v27/*: any*/),
+                            "storageKey": null
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": "audits(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "FrameworkGraphControl_audits",
+                "kind": "LinkedHandle",
+                "name": "audits"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "concreteType": "ObligationConnection",
+                "kind": "LinkedField",
+                "name": "obligations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ObligationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Obligation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requirement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "area",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          (v6/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              },
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": "obligations(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "FrameworkGraphControl_obligations",
+                "kind": "LinkedHandle",
+                "name": "obligations"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "concreteType": "SnapshotConnection",
+                "kind": "LinkedField",
+                "name": "snapshots",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SnapshotEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Snapshot",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v3/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "type",
+                            "storageKey": null
+                          },
+                          (v29/*: any*/),
+                          (v22/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v23/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v24/*: any*/),
+                  (v25/*: any*/)
+                ],
+                "storageKey": "snapshots(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v26/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "FrameworkGraphControl_snapshots",
+                "kind": "LinkedHandle",
+                "name": "snapshots"
+              }
+            ],
+            "type": "Control",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "83f936f5dced0f50c645aa6ef30efedc",
+    "id": null,
+    "metadata": {
+      "connection": [
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "stateOfApplicabilityControls"
+          ]
+        },
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "measures"
+          ]
+        },
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "documents"
+          ]
+        },
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "audits"
+          ]
+        },
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "obligations"
+          ]
+        },
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "snapshots"
+          ]
+        }
+      ]
+    },
+    "name": "FrameworkGraphControlNodeQuery",
+    "operationKind": "query",
+    "text": "query FrameworkGraphControlNodeQuery(\n  $controlId: ID!\n) {\n  node(id: $controlId) {\n    __typename\n    ... on Control {\n      id\n      name\n      sectionTitle\n      description\n      status\n      exclusionJustification\n      canUpdate: permission(action: \"core:control:update\")\n      canDelete: permission(action: \"core:control:delete\")\n      canCreateMeasureMapping: permission(action: \"core:control:create-measure-mapping\")\n      canDeleteMeasureMapping: permission(action: \"core:control:delete-measure-mapping\")\n      canCreateDocumentMapping: permission(action: \"core:control:create-document-mapping\")\n      canDeleteDocumentMapping: permission(action: \"core:control:delete-document-mapping\")\n      canCreateAuditMapping: permission(action: \"core:control:create-audit-mapping\")\n      canDeleteAuditMapping: permission(action: \"core:control:delete-audit-mapping\")\n      canCreateSnapshotMapping: permission(action: \"core:control:create-snapshot-mapping\")\n      canDeleteSnapshotMapping: permission(action: \"core:control:delete-snapshot-mapping\")\n      canCreateStateOfApplicabilityMapping: permission(action: \"core:control:state-of-applicability-control-mapping:create\")\n      canDeleteStateOfApplicabilityMapping: permission(action: \"core:control:state-of-applicability-control-mapping:delete\")\n      canCreateObligationMapping: permission(action: \"core:control:obligation-control-mapping:create\")\n      canDeleteObligationMapping: permission(action: \"core:control:obligation-control-mapping:delete\")\n      ...FrameworkControlDialogFragment\n      stateOfApplicabilityControls(first: 100) {\n        edges {\n          node {\n            id\n            ...LinkedStatesOfApplicabilityCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n      measures(first: 100) {\n        edges {\n          node {\n            id\n            ...LinkedMeasuresCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n      documents(first: 100) {\n        edges {\n          node {\n            id\n            ...LinkedDocumentsCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n      audits(first: 100) {\n        edges {\n          node {\n            id\n            ...LinkedAuditsCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n      obligations(first: 100) {\n        edges {\n          node {\n            id\n            ...LinkedObligationsCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n      snapshots(first: 100) {\n        edges {\n          node {\n            id\n            ...LinkedSnapshotsCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment FrameworkControlDialogFragment on Control {\n  id\n  name\n  description\n  sectionTitle\n  status\n  exclusionJustification\n  bestPractice\n}\n\nfragment LinkedAuditsCardFragment on Audit {\n  id\n  name\n  createdAt\n  state\n  validFrom\n  validUntil\n  framework {\n    id\n    name\n  }\n}\n\nfragment LinkedDocumentsCardFragment on Document {\n  id\n  title\n  createdAt\n  documentType\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n      }\n    }\n  }\n}\n\nfragment LinkedMeasuresCardFragment on Measure {\n  id\n  name\n  state\n}\n\nfragment LinkedObligationsCardFragment on Obligation {\n  id\n  requirement\n  area\n  source\n  status\n  owner {\n    fullName\n    id\n  }\n}\n\nfragment LinkedSnapshotsCardFragment on Snapshot {\n  id\n  name\n  description\n  type\n  createdAt\n}\n\nfragment LinkedStatesOfApplicabilityCardFragment on StateOfApplicabilityControl {\n  id\n  stateOfApplicabilityId\n  controlId\n  stateOfApplicability {\n    id\n    name\n  }\n  applicability\n  justification\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "755f62f220b1a05bf44dd770974691a9";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworkGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..040bd7711
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<05d197ce59adad67cfb89dff4c502c58>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteFrameworkInput = {
+  frameworkId: string;
+};
+export type FrameworkGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteFrameworkInput;
+};
+export type FrameworkGraphDeleteMutation$data = {
+  readonly deleteFramework: {
+    readonly deletedFrameworkId: string;
+  };
+};
+export type FrameworkGraphDeleteMutation = {
+  response: FrameworkGraphDeleteMutation$data;
+  variables: FrameworkGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedFrameworkId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteFrameworkPayload",
+        "kind": "LinkedField",
+        "name": "deleteFramework",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworkGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteFrameworkPayload",
+        "kind": "LinkedField",
+        "name": "deleteFramework",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedFrameworkId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "761a391f497aa0e2e03d0db958089712",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworkGraphDeleteMutation(\n  $input: DeleteFrameworkInput!\n) {\n  deleteFramework(input: $input) {\n    deletedFrameworkId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6ebefeb003ce3a27bd134651e1b5c94b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/FrameworkGraphListQuery.graphql.ts
new file mode 100644
index 000000000..4fa9695f2
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkGraphListQuery.graphql.ts
@@ -0,0 +1,364 @@
+/**
+ * @generated SignedSource<<063d92802621a02aff6b40a9cb2266c2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type FrameworkGraphListQuery$variables = {
+  organizationId: string;
+};
+export type FrameworkGraphListQuery$data = {
+  readonly organization: {
+    readonly canCreateFramework?: boolean;
+    readonly frameworks?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly canDelete: boolean;
+          readonly canUpdate: boolean;
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"FrameworksPageCardFragment">;
+        };
+      }>;
+    };
+    readonly id?: string;
+  };
+};
+export type FrameworkGraphListQuery = {
+  response: FrameworkGraphListQuery$data;
+  variables: FrameworkGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": "canCreateFramework",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:framework:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:framework:create\")"
+},
+v4 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:framework:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:framework:update\")"
+},
+v5 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:framework:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:framework:delete\")"
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v9 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v10 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "alias": "frameworks",
+                "args": null,
+                "concreteType": "FrameworkConnection",
+                "kind": "LinkedField",
+                "name": "__FrameworksListQuery_frameworks_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "FrameworkEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Framework",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v4/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "FrameworksPageCardFragment"
+                          },
+                          (v6/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v7/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v8/*: any*/),
+                  (v9/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v6/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "concreteType": "FrameworkConnection",
+                "kind": "LinkedField",
+                "name": "frameworks",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "FrameworkEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Framework",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v4/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "lightLogoURL",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "darkLogoURL",
+                            "storageKey": null
+                          },
+                          (v6/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v7/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v8/*: any*/),
+                  (v9/*: any*/)
+                ],
+                "storageKey": "frameworks(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "FrameworksListQuery_frameworks",
+                "kind": "LinkedHandle",
+                "name": "frameworks"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "2d16147e68885223a69b3597e96d694b",
+    "id": null,
+    "metadata": {
+      "connection": [
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "organization",
+            "frameworks"
+          ]
+        }
+      ]
+    },
+    "name": "FrameworkGraphListQuery",
+    "operationKind": "query",
+    "text": "query FrameworkGraphListQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      canCreateFramework: permission(action: \"core:framework:create\")\n      frameworks(first: 100) {\n        edges {\n          node {\n            id\n            canUpdate: permission(action: \"core:framework:update\")\n            canDelete: permission(action: \"core:framework:delete\")\n            ...FrameworksPageCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment FrameworksPageCardFragment on Framework {\n  id\n  name\n  description\n  lightLogoURL\n  darkLogoURL\n  canUpdate: permission(action: \"core:framework:update\")\n  canDelete: permission(action: \"core:framework:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f8d3a38faddf4285b8f495f54f3d988e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworkGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/FrameworkGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..1a33095dc
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworkGraphNodeQuery.graphql.ts
@@ -0,0 +1,316 @@
+/**
+ * @generated SignedSource<<bbc7e1cc0c5c3f72d0297ff14a1dff77>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type FrameworkGraphNodeQuery$variables = {
+  frameworkId: string;
+};
+export type FrameworkGraphNodeQuery$data = {
+  readonly node: {
+    readonly id?: string;
+    readonly name?: string;
+    readonly " $fragmentSpreads": FragmentRefs<"FrameworkDetailPageFragment">;
+  };
+};
+export type FrameworkGraphNodeQuery = {
+  response: FrameworkGraphNodeQuery$data;
+  variables: FrameworkGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "frameworkId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "frameworkId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworkGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "FrameworkDetailPageFragment"
+              }
+            ],
+            "type": "Framework",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "FrameworkGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "lightLogoURL",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "darkLogoURL",
+                "storageKey": null
+              },
+              {
+                "alias": "canExport",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:franework:export"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:franework:export\")"
+              },
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:framework:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:framework:update\")"
+              },
+              {
+                "alias": "canDelete",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:framework:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:framework:delete\")"
+              },
+              {
+                "alias": "canCreateControl",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:control:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:control:create\")"
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Organization",
+                "kind": "LinkedField",
+                "name": "organization",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v2/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "first",
+                    "value": 250
+                  },
+                  {
+                    "kind": "Literal",
+                    "name": "orderBy",
+                    "value": {
+                      "direction": "ASC",
+                      "field": "SECTION_TITLE"
+                    }
+                  }
+                ],
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "exclusionJustification",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "bestPractice",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "controls(first:250,orderBy:{\"direction\":\"ASC\",\"field\":\"SECTION_TITLE\"})"
+              }
+            ],
+            "type": "Framework",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "2a82ae6447b93b0fa6b570571694052b",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworkGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query FrameworkGraphNodeQuery(\n  $frameworkId: ID!\n) {\n  node(id: $frameworkId) {\n    __typename\n    ... on Framework {\n      id\n      name\n      ...FrameworkDetailPageFragment\n    }\n    id\n  }\n}\n\nfragment FrameworkDetailPageFragment on Framework {\n  id\n  name\n  description\n  lightLogoURL\n  darkLogoURL\n  canExport: permission(action: \"core:franework:export\")\n  canUpdate: permission(action: \"core:framework:update\")\n  canDelete: permission(action: \"core:framework:delete\")\n  canCreateControl: permission(action: \"core:control:create\")\n  organization {\n    name\n    id\n  }\n  controls(first: 250, orderBy: {field: SECTION_TITLE, direction: ASC}) {\n    edges {\n      node {\n        id\n        sectionTitle\n        name\n        status\n        exclusionJustification\n        bestPractice\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "69a32dc8fbcaefbbaeb02dd2b89752c4";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworksPageCardFragment.graphql.ts b/apps/console/src/__generated__/core/FrameworksPageCardFragment.graphql.ts
new file mode 100644
index 000000000..7198defb9
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworksPageCardFragment.graphql.ts
@@ -0,0 +1,102 @@
+/**
+ * @generated SignedSource<<d797330ab78ac421e3c64cebdb2ec975>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type FrameworksPageCardFragment$data = {
+  readonly canDelete: boolean;
+  readonly canUpdate: boolean;
+  readonly darkLogoURL: string | null | undefined;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly lightLogoURL: string | null | undefined;
+  readonly name: string;
+  readonly " $fragmentType": "FrameworksPageCardFragment";
+};
+export type FrameworksPageCardFragment$key = {
+  readonly " $data"?: FrameworksPageCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"FrameworksPageCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "FrameworksPageCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "lightLogoURL",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "darkLogoURL",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:framework:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:framework:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:framework:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:framework:delete\")"
+    }
+  ],
+  "type": "Framework",
+  "abstractKey": null
+};
+
+(node as any).hash = "dfb64192cedec377c8df8a6d8251e815";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/FrameworksPageImportMutation.graphql.ts b/apps/console/src/__generated__/core/FrameworksPageImportMutation.graphql.ts
new file mode 100644
index 000000000..6919d5b2d
--- /dev/null
+++ b/apps/console/src/__generated__/core/FrameworksPageImportMutation.graphql.ts
@@ -0,0 +1,242 @@
+/**
+ * @generated SignedSource<<b24323b7c04c927d73fb16ffe3c86532>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ImportFrameworkInput = {
+  file: any;
+  organizationId: string;
+};
+export type FrameworksPageImportMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: ImportFrameworkInput;
+};
+export type FrameworksPageImportMutation$data = {
+  readonly importFramework: {
+    readonly frameworkEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"FrameworksPageCardFragment">;
+      };
+    };
+  };
+};
+export type FrameworksPageImportMutation = {
+  response: FrameworksPageImportMutation$data;
+  variables: FrameworksPageImportMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "FrameworksPageImportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "ImportFrameworkPayload",
+        "kind": "LinkedField",
+        "name": "importFramework",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "FrameworkEdge",
+            "kind": "LinkedField",
+            "name": "frameworkEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Framework",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "FrameworksPageCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "FrameworksPageImportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "ImportFrameworkPayload",
+        "kind": "LinkedField",
+        "name": "importFramework",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "FrameworkEdge",
+            "kind": "LinkedField",
+            "name": "frameworkEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Framework",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "lightLogoURL",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "darkLogoURL",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canUpdate",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:framework:update"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:framework:update\")"
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:framework:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:framework:delete\")"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "frameworkEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6521d91ba0bd6d9d59567cd2a05d0f35",
+    "id": null,
+    "metadata": {},
+    "name": "FrameworksPageImportMutation",
+    "operationKind": "mutation",
+    "text": "mutation FrameworksPageImportMutation(\n  $input: ImportFrameworkInput!\n) {\n  importFramework(input: $input) {\n    frameworkEdge {\n      node {\n        id\n        ...FrameworksPageCardFragment\n      }\n    }\n  }\n}\n\nfragment FrameworksPageCardFragment on Framework {\n  id\n  name\n  description\n  lightLogoURL\n  darkLogoURL\n  canUpdate: permission(action: \"core:framework:update\")\n  canDelete: permission(action: \"core:framework:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e2ff0f6d6780cf967a021a093542dab9";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ImportAssessmentDialogMutation.graphql.ts b/apps/console/src/__generated__/core/ImportAssessmentDialogMutation.graphql.ts
new file mode 100644
index 000000000..298e13cd2
--- /dev/null
+++ b/apps/console/src/__generated__/core/ImportAssessmentDialogMutation.graphql.ts
@@ -0,0 +1,570 @@
+/**
+ * @generated SignedSource<<da4cb1788d09bf3876d561062ad92880>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type AssessVendorInput = {
+  id: string;
+  websiteUrl: string;
+};
+export type ImportAssessmentDialogMutation$variables = {
+  input: AssessVendorInput;
+};
+export type ImportAssessmentDialogMutation$data = {
+  readonly assessVendor: {
+    readonly vendor: {
+      readonly id: string;
+      readonly name: string;
+      readonly websiteUrl: string | null | undefined;
+      readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment" | "VendorRiskAssessmentTabFragment" | "useVendorFormFragment">;
+    };
+  };
+};
+export type ImportAssessmentDialogMutation = {
+  response: ImportAssessmentDialogMutation$data;
+  variables: ImportAssessmentDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "websiteUrl",
+  "storageKey": null
+},
+v5 = [
+  (v2/*: any*/)
+],
+v6 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "endCursor",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasNextPage",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasPreviousPage",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "startCursor",
+  "storageKey": null
+},
+v13 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v14 = [
+  "orderBy"
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ImportAssessmentDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "AssessVendorPayload",
+        "kind": "LinkedField",
+        "name": "assessVendor",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Vendor",
+            "kind": "LinkedField",
+            "name": "vendor",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "useVendorFormFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorComplianceTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorRiskAssessmentTabFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ImportAssessmentDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "AssessVendorPayload",
+        "kind": "LinkedField",
+        "name": "assessVendor",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Vendor",
+            "kind": "LinkedField",
+            "name": "vendor",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "category",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "statusPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "termsOfServiceUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "privacyPolicyUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "serviceLevelAgreementUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "dataProcessingAgreementUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "legalName",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "headquarterAddress",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "certifications",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "countries",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "securityPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "trustPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "businessOwner",
+                "plural": false,
+                "selections": (v5/*: any*/),
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "securityOwner",
+                "plural": false,
+                "selections": (v5/*: any*/),
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "VendorComplianceReportConnection",
+                "kind": "LinkedField",
+                "name": "complianceReports",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorComplianceReportEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorComplianceReport",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-compliance-report:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-compliance-report:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "reportDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "reportName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "File",
+                            "kind": "LinkedField",
+                            "name": "file",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fileName",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "mimeType",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "size",
+                                "storageKey": null
+                              },
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v7/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v8/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      (v9/*: any*/),
+                      (v10/*: any*/),
+                      (v11/*: any*/),
+                      (v12/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v13/*: any*/)
+                ],
+                "storageKey": "complianceReports(first:50)"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": (v14/*: any*/),
+                "handle": "connection",
+                "key": "VendorComplianceTabFragment_complianceReports",
+                "kind": "LinkedHandle",
+                "name": "complianceReports"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "VendorRiskAssessmentConnection",
+                "kind": "LinkedField",
+                "name": "riskAssessments",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorRiskAssessmentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorRiskAssessment",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "expiresAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSensitivity",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "businessImpact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "notes",
+                            "storageKey": null
+                          },
+                          (v7/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v8/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      (v10/*: any*/),
+                      (v9/*: any*/),
+                      (v11/*: any*/),
+                      (v12/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v13/*: any*/)
+                ],
+                "storageKey": "riskAssessments(first:50)"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": (v14/*: any*/),
+                "handle": "connection",
+                "key": "VendorRiskAssessmentTabFragment_riskAssessments",
+                "kind": "LinkedHandle",
+                "name": "riskAssessments"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b5d6ce081b43c94793be27d4fc87e39d",
+    "id": null,
+    "metadata": {},
+    "name": "ImportAssessmentDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation ImportAssessmentDialogMutation(\n  $input: AssessVendorInput!\n) {\n  assessVendor(input: $input) {\n    vendor {\n      id\n      name\n      websiteUrl\n      ...useVendorFormFragment\n      ...VendorComplianceTabFragment\n      ...VendorRiskAssessmentTabFragment\n    }\n  }\n}\n\nfragment VendorComplianceTabFragment on Vendor {\n  complianceReports(first: 50) {\n    edges {\n      node {\n        id\n        canDelete: permission(action: \"core:vendor-compliance-report:delete\")\n        ...VendorComplianceTabFragment_report\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment VendorComplianceTabFragment_report on VendorComplianceReport {\n  id\n  reportDate\n  validUntil\n  reportName\n  file {\n    fileName\n    mimeType\n    size\n    id\n  }\n  canDelete: permission(action: \"core:vendor-compliance-report:delete\")\n}\n\nfragment VendorRiskAssessmentTabFragment on Vendor {\n  id\n  riskAssessments(first: 50) {\n    edges {\n      node {\n        id\n        ...VendorRiskAssessmentTabFragment_assessment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment VendorRiskAssessmentTabFragment_assessment on VendorRiskAssessment {\n  id\n  createdAt\n  expiresAt\n  dataSensitivity\n  businessImpact\n  notes\n}\n\nfragment useVendorFormFragment on Vendor {\n  id\n  name\n  description\n  category\n  statusPageUrl\n  termsOfServiceUrl\n  privacyPolicyUrl\n  serviceLevelAgreementUrl\n  dataProcessingAgreementUrl\n  websiteUrl\n  legalName\n  headquarterAddress\n  certifications\n  countries\n  securityPageUrl\n  trustPageUrl\n  businessOwner {\n    id\n  }\n  securityOwner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d740639450b37e427fad42d04c4aef70";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkControlDialogLinkMutation.graphql.ts b/apps/console/src/__generated__/core/LinkControlDialogLinkMutation.graphql.ts
new file mode 100644
index 000000000..f812abd12
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkControlDialogLinkMutation.graphql.ts
@@ -0,0 +1,194 @@
+/**
+ * @generated SignedSource<<ab6168a4560a52cdd137c9090c37dacc>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateStateOfApplicabilityControlMappingInput = {
+  applicability: boolean;
+  controlId: string;
+  justification?: string | null | undefined;
+  stateOfApplicabilityId: string;
+};
+export type LinkControlDialogLinkMutation$variables = {
+  input: CreateStateOfApplicabilityControlMappingInput;
+};
+export type LinkControlDialogLinkMutation$data = {
+  readonly createStateOfApplicabilityControlMapping: {
+    readonly stateOfApplicabilityControlEdge: {
+      readonly node: {
+        readonly applicability: boolean;
+        readonly controlId: string;
+        readonly justification: string | null | undefined;
+        readonly stateOfApplicabilityId: string;
+      };
+    };
+  };
+};
+export type LinkControlDialogLinkMutation = {
+  response: LinkControlDialogLinkMutation$data;
+  variables: LinkControlDialogLinkMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "stateOfApplicabilityId",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "controlId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "applicability",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "justification",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkControlDialogLinkMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "StateOfApplicabilityControlEdge",
+            "kind": "LinkedField",
+            "name": "stateOfApplicabilityControlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "StateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkControlDialogLinkMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityControlMappingPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicabilityControlMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "StateOfApplicabilityControlEdge",
+            "kind": "LinkedField",
+            "name": "stateOfApplicabilityControlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "StateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "id",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "59e215d4f18e0429cbf813aae4db8c94",
+    "id": null,
+    "metadata": {},
+    "name": "LinkControlDialogLinkMutation",
+    "operationKind": "mutation",
+    "text": "mutation LinkControlDialogLinkMutation(\n  $input: CreateStateOfApplicabilityControlMappingInput!\n) {\n  createStateOfApplicabilityControlMapping(input: $input) {\n    stateOfApplicabilityControlEdge {\n      node {\n        stateOfApplicabilityId\n        controlId\n        applicability\n        justification\n        id\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "47757e096c6beeba6be6290a2154f841";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkControlDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkControlDialogQuery.graphql.ts
new file mode 100644
index 000000000..993856949
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkControlDialogQuery.graphql.ts
@@ -0,0 +1,211 @@
+/**
+ * @generated SignedSource<<feca91fd2418eba0f5714a2c76346d08>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type LinkControlDialogQuery$variables = {
+  stateOfApplicabilityId: string;
+};
+export type LinkControlDialogQuery$data = {
+  readonly node: {
+    readonly availableControls?: ReadonlyArray<{
+      readonly applicability: boolean | null | undefined;
+      readonly controlId: string;
+      readonly frameworkId: string;
+      readonly frameworkName: string;
+      readonly justification: string | null | undefined;
+      readonly name: string;
+      readonly organizationId: string;
+      readonly sectionTitle: string;
+      readonly stateOfApplicabilityId: string | null | undefined;
+    }>;
+    readonly id?: string;
+  };
+};
+export type LinkControlDialogQuery = {
+  response: LinkControlDialogQuery$data;
+  variables: LinkControlDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "stateOfApplicabilityId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "stateOfApplicabilityId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "AvailableStateOfApplicabilityControl",
+  "kind": "LinkedField",
+  "name": "availableControls",
+  "plural": true,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "controlId",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "sectionTitle",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "frameworkId",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "frameworkName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "organizationId",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "stateOfApplicabilityId",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "applicability",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "justification",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkControlDialogQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/)
+            ],
+            "type": "StateOfApplicability",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkControlDialogQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/)
+            ],
+            "type": "StateOfApplicability",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a0d70e15a1236fe0e8626e685ea16a15",
+    "id": null,
+    "metadata": {},
+    "name": "LinkControlDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkControlDialogQuery(\n  $stateOfApplicabilityId: ID!\n) {\n  node(id: $stateOfApplicabilityId) {\n    __typename\n    ... on StateOfApplicability {\n      id\n      availableControls {\n        controlId\n        sectionTitle\n        name\n        frameworkId\n        frameworkName\n        organizationId\n        stateOfApplicabilityId\n        applicability\n        justification\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "26daf3c064517bdbbf025da7ce5fc30f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkControlDialogUnlinkMutation.graphql.ts b/apps/console/src/__generated__/core/LinkControlDialogUnlinkMutation.graphql.ts
new file mode 100644
index 000000000..5beb60c97
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkControlDialogUnlinkMutation.graphql.ts
@@ -0,0 +1,109 @@
+/**
+ * @generated SignedSource<<3bb4d04e228ac7dbda8ebfb8b7c2567f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteStateOfApplicabilityControlMappingInput = {
+  controlId: string;
+  stateOfApplicabilityId: string;
+};
+export type LinkControlDialogUnlinkMutation$variables = {
+  input: DeleteStateOfApplicabilityControlMappingInput;
+};
+export type LinkControlDialogUnlinkMutation$data = {
+  readonly deleteStateOfApplicabilityControlMapping: {
+    readonly deletedControlId: string;
+    readonly deletedStateOfApplicabilityControlId: string;
+    readonly deletedStateOfApplicabilityId: string;
+  };
+};
+export type LinkControlDialogUnlinkMutation = {
+  response: LinkControlDialogUnlinkMutation$data;
+  variables: LinkControlDialogUnlinkMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteStateOfApplicabilityControlMappingPayload",
+    "kind": "LinkedField",
+    "name": "deleteStateOfApplicabilityControlMapping",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedStateOfApplicabilityId",
+        "storageKey": null
+      },
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedControlId",
+        "storageKey": null
+      },
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedStateOfApplicabilityControlId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkControlDialogUnlinkMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkControlDialogUnlinkMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "766d15d5071197ed2907d876caf37995",
+    "id": null,
+    "metadata": {},
+    "name": "LinkControlDialogUnlinkMutation",
+    "operationKind": "mutation",
+    "text": "mutation LinkControlDialogUnlinkMutation(\n  $input: DeleteStateOfApplicabilityControlMappingInput!\n) {\n  deleteStateOfApplicabilityControlMapping(input: $input) {\n    deletedStateOfApplicabilityId\n    deletedControlId\n    deletedStateOfApplicabilityControlId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a184d521b495bf3ff76796530e9eb0e1";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedAuditsCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedAuditsCardFragment.graphql.ts
new file mode 100644
index 000000000..8953e7509
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedAuditsCardFragment.graphql.ts
@@ -0,0 +1,104 @@
+/**
+ * @generated SignedSource<<903698144cc9c26d698f573b64544e17>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedAuditsCardFragment$data = {
+  readonly createdAt: string;
+  readonly framework: {
+    readonly id: string;
+    readonly name: string;
+  };
+  readonly id: string;
+  readonly name: string | null | undefined;
+  readonly state: AuditState;
+  readonly validFrom: string | null | undefined;
+  readonly validUntil: string | null | undefined;
+  readonly " $fragmentType": "LinkedAuditsCardFragment";
+};
+export type LinkedAuditsCardFragment$key = {
+  readonly " $data"?: LinkedAuditsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedAuditsCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedAuditsCardFragment",
+  "selections": [
+    (v0/*: any*/),
+    (v1/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "state",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "validFrom",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "validUntil",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Framework",
+      "kind": "LinkedField",
+      "name": "framework",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        (v1/*: any*/)
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Audit",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "9ff9367a1f0668a8537bdd5bf5c7233d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedAuditsDialogFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedAuditsDialogFragment.graphql.ts
new file mode 100644
index 000000000..3db52b8bc
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedAuditsDialogFragment.graphql.ts
@@ -0,0 +1,257 @@
+/**
+ * @generated SignedSource<<0ba30b05b62bf6a4b76a17fb1a6db467>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedAuditsDialogFragment$data = {
+  readonly audits: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly framework: {
+          readonly id: string;
+          readonly name: string;
+        };
+        readonly id: string;
+        readonly name: string | null | undefined;
+        readonly state: AuditState;
+        readonly validFrom: string | null | undefined;
+        readonly validUntil: string | null | undefined;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "LinkedAuditsDialogFragment";
+};
+export type LinkedAuditsDialogFragment$key = {
+  readonly " $data"?: LinkedAuditsDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedAuditsDialogFragment">;
+};
+
+import LinkedAuditsDialogQuery_fragment_graphql from './LinkedAuditsDialogQuery_fragment.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "audits"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": LinkedAuditsDialogQuery_fragment_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "LinkedAuditsDialogFragment",
+  "selections": [
+    {
+      "alias": "audits",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "AuditConnection",
+      "kind": "LinkedField",
+      "name": "__LinkedAuditsDialogQuery_audits_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "AuditEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Audit",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "state",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "validFrom",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "validUntil",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Framework",
+                  "kind": "LinkedField",
+                  "name": "framework",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    (v2/*: any*/)
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "d58fca9b4fb36a24ded1858b632f5acf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedAuditsDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedAuditsDialogQuery.graphql.ts
new file mode 100644
index 000000000..ee21a096d
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedAuditsDialogQuery.graphql.ts
@@ -0,0 +1,273 @@
+/**
+ * @generated SignedSource<<1f9d92c4803d49c216fef6447a59c779>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedAuditsDialogQuery$variables = {
+  organizationId: string;
+};
+export type LinkedAuditsDialogQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedAuditsDialogFragment">;
+  };
+};
+export type LinkedAuditsDialogQuery = {
+  response: LinkedAuditsDialogQuery$data;
+  variables: LinkedAuditsDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+],
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedAuditsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "LinkedAuditsDialogFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkedAuditsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "audits",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validFrom",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              (v5/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "audits(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedAuditsDialogQuery_audits",
+                "kind": "LinkedHandle",
+                "name": "audits"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "0daa6dc9bebd2677cc0c36e819631f9c",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedAuditsDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkedAuditsDialogQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      ...LinkedAuditsDialogFragment\n    }\n  }\n}\n\nfragment LinkedAuditsDialogFragment on Organization {\n  audits(first: 20) {\n    edges {\n      node {\n        id\n        name\n        state\n        validFrom\n        validUntil\n        framework {\n          id\n          name\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a6f87b771862cc24fee101cc924a57b2";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedAuditsDialogQuery_fragment.graphql.ts b/apps/console/src/__generated__/core/LinkedAuditsDialogQuery_fragment.graphql.ts
new file mode 100644
index 000000000..e0f2bad22
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedAuditsDialogQuery_fragment.graphql.ts
@@ -0,0 +1,346 @@
+/**
+ * @generated SignedSource<<87ff7faae25faa23e9832a7457605a2e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type AuditOrderField = "CREATED_AT" | "STATE" | "VALID_FROM" | "VALID_UNTIL";
+export type OrderDirection = "ASC" | "DESC";
+export type AuditOrder = {
+  direction: OrderDirection;
+  field: AuditOrderField;
+};
+export type LinkedAuditsDialogQuery_fragment$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: AuditOrder | null | undefined;
+};
+export type LinkedAuditsDialogQuery_fragment$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedAuditsDialogFragment">;
+  };
+};
+export type LinkedAuditsDialogQuery_fragment = {
+  response: LinkedAuditsDialogQuery_fragment$data;
+  variables: LinkedAuditsDialogQuery_fragment$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+],
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedAuditsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "LinkedAuditsDialogFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "LinkedAuditsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "audits",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validFrom",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v12/*: any*/),
+                              (v14/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedAuditsDialogQuery_audits",
+                "kind": "LinkedHandle",
+                "name": "audits"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "26f1cad4cab5157a2d9e10d4b89114ec",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedAuditsDialogQuery_fragment",
+    "operationKind": "query",
+    "text": "query LinkedAuditsDialogQuery_fragment(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $order: AuditOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...LinkedAuditsDialogFragment_16fISc\n    id\n  }\n}\n\nfragment LinkedAuditsDialogFragment_16fISc on Organization {\n  audits(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        name\n        state\n        validFrom\n        validUntil\n        framework {\n          id\n          name\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d58fca9b4fb36a24ded1858b632f5acf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedControlsCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedControlsCardFragment.graphql.ts
new file mode 100644
index 000000000..e4a620a85
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedControlsCardFragment.graphql.ts
@@ -0,0 +1,79 @@
+/**
+ * @generated SignedSource<<780834b432440afd9363100bb20f2529>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedControlsCardFragment$data = {
+  readonly framework: {
+    readonly id: string;
+    readonly name: string;
+  };
+  readonly id: string;
+  readonly name: string;
+  readonly sectionTitle: string;
+  readonly " $fragmentType": "LinkedControlsCardFragment";
+};
+export type LinkedControlsCardFragment$key = {
+  readonly " $data"?: LinkedControlsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedControlsCardFragment",
+  "selections": [
+    (v0/*: any*/),
+    (v1/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "sectionTitle",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Framework",
+      "kind": "LinkedField",
+      "name": "framework",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        (v1/*: any*/)
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Control",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "741820c65c4317cac48693023c3f9bcc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedControlsDialogControlsQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedControlsDialogControlsQuery.graphql.ts
new file mode 100644
index 000000000..18b144d97
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedControlsDialogControlsQuery.graphql.ts
@@ -0,0 +1,351 @@
+/**
+ * @generated SignedSource<<22d3ddb8ba270ff44f043ccdd8bbdd7d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ControlOrderField = "CREATED_AT" | "SECTION_TITLE";
+export type OrderDirection = "ASC" | "DESC";
+export type ControlFilter = {
+  query?: string | null | undefined;
+};
+export type ControlOrder = {
+  direction: OrderDirection;
+  field: ControlOrderField;
+};
+export type LinkedControlsDialogControlsQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  filter?: ControlFilter | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: ControlOrder | null | undefined;
+};
+export type LinkedControlsDialogControlsQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsDialogFragment">;
+  };
+};
+export type LinkedControlsDialogControlsQuery = {
+  response: LinkedControlsDialogControlsQuery$data;
+  variables: LinkedControlsDialogControlsQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "filter"
+},
+v3 = {
+  "defaultValue": 1,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "filter",
+  "variableName": "filter"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  (v11/*: any*/),
+  (v12/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+],
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedControlsDialogControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "LinkedControlsDialogFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v4/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "LinkedControlsDialogControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          (v16/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v16/*: any*/),
+                              (v14/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "LinkedControlsDialogControlsQuery_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e9bcdc36129e6a05c59f344433459b66",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedControlsDialogControlsQuery",
+    "operationKind": "query",
+    "text": "query LinkedControlsDialogControlsQuery(\n  $after: CursorKey\n  $before: CursorKey = null\n  $filter: ControlFilter = null\n  $first: Int = 1\n  $last: Int = null\n  $order: ControlOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...LinkedControlsDialogFragment_4cFWzS\n    id\n  }\n}\n\nfragment LinkedControlsDialogFragment_4cFWzS on Organization {\n  controls(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: $filter) {\n    edges {\n      node {\n        id\n        name\n        sectionTitle\n        framework {\n          name\n          id\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9fc0bfbfc461d56748750b180bc232fc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedControlsDialogFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedControlsDialogFragment.graphql.ts
new file mode 100644
index 000000000..da0419ae8
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedControlsDialogFragment.graphql.ts
@@ -0,0 +1,248 @@
+/**
+ * @generated SignedSource<<06b39b49e82019064bd42a03c903fd93>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedControlsDialogFragment$data = {
+  readonly controls: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly framework: {
+          readonly name: string;
+        };
+        readonly id: string;
+        readonly name: string;
+        readonly sectionTitle: string;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "LinkedControlsDialogFragment";
+};
+export type LinkedControlsDialogFragment$key = {
+  readonly " $data"?: LinkedControlsDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsDialogFragment">;
+};
+
+import LinkedControlsDialogControlsQuery_graphql from './LinkedControlsDialogControlsQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "controls"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "filter"
+    },
+    {
+      "defaultValue": 1,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": LinkedControlsDialogControlsQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "LinkedControlsDialogFragment",
+  "selections": [
+    {
+      "alias": "controls",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "filter"
+        },
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "ControlConnection",
+      "kind": "LinkedField",
+      "name": "__LinkedControlsDialogControlsQuery_controls_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ControlEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Control",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "sectionTitle",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Framework",
+                  "kind": "LinkedField",
+                  "name": "framework",
+                  "plural": false,
+                  "selections": [
+                    (v2/*: any*/)
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "9fc0bfbfc461d56748750b180bc232fc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedControlsDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedControlsDialogQuery.graphql.ts
new file mode 100644
index 000000000..5d245c2aa
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedControlsDialogQuery.graphql.ts
@@ -0,0 +1,253 @@
+/**
+ * @generated SignedSource<<f8a28e26c1260135c13f22f9d35019c2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedControlsDialogQuery$variables = {
+  organizationId: string;
+};
+export type LinkedControlsDialogQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsDialogFragment">;
+  };
+};
+export type LinkedControlsDialogQuery = {
+  response: LinkedControlsDialogQuery$data;
+  variables: LinkedControlsDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1
+  }
+],
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedControlsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "LinkedControlsDialogFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkedControlsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v5/*: any*/),
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "controls(first:1)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "LinkedControlsDialogControlsQuery_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a36d424a3b8a087dbb40149bdbc2b6a2",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedControlsDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkedControlsDialogQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ...LinkedControlsDialogFragment\n  }\n}\n\nfragment LinkedControlsDialogFragment on Organization {\n  controls(first: 1) {\n    edges {\n      node {\n        id\n        name\n        sectionTitle\n        framework {\n          name\n          id\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "1be60a2dc1efbd8992472862ca32910e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedDocumentsCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedDocumentsCardFragment.graphql.ts
new file mode 100644
index 000000000..65cb83f14
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedDocumentsCardFragment.graphql.ts
@@ -0,0 +1,126 @@
+/**
+ * @generated SignedSource<<9fd60ce5ad80ada10eafed963ea0adb3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentStatus = "DRAFT" | "PUBLISHED";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedDocumentsCardFragment$data = {
+  readonly createdAt: string;
+  readonly documentType: DocumentType;
+  readonly id: string;
+  readonly title: string;
+  readonly versions: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly status: DocumentStatus;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "LinkedDocumentsCardFragment";
+};
+export type LinkedDocumentsCardFragment$key = {
+  readonly " $data"?: LinkedDocumentsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedDocumentsCardFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "title",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "documentType",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 1
+        }
+      ],
+      "concreteType": "DocumentVersionConnection",
+      "kind": "LinkedField",
+      "name": "versions",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentVersionEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "DocumentVersion",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "versions(first:1)"
+    }
+  ],
+  "type": "Document",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "952e653849ce0b1b693de8d7e3086e3f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedDocumentsDialogFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedDocumentsDialogFragment.graphql.ts
new file mode 100644
index 000000000..1a451f958
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedDocumentsDialogFragment.graphql.ts
@@ -0,0 +1,223 @@
+/**
+ * @generated SignedSource<<096eea04ea39ac931b8627aee0ebb26c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedDocumentsDialogFragment$data = {
+  readonly documents: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly documentType: DocumentType;
+        readonly id: string;
+        readonly title: string;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "LinkedDocumentsDialogFragment";
+};
+export type LinkedDocumentsDialogFragment$key = {
+  readonly " $data"?: LinkedDocumentsDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsDialogFragment">;
+};
+
+import LinkedDocumentsDialogQuery_fragment_graphql from './LinkedDocumentsDialogQuery_fragment.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "documents"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": LinkedDocumentsDialogQuery_fragment_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "LinkedDocumentsDialogFragment",
+  "selections": [
+    {
+      "alias": "documents",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "DocumentConnection",
+      "kind": "LinkedField",
+      "name": "__LinkedDocumentsDialogQuery_documents_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Document",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "title",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "documentType",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "392d33b379a58cb3da08ab783c1cda5d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedDocumentsDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedDocumentsDialogQuery.graphql.ts
new file mode 100644
index 000000000..25b076fc5
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedDocumentsDialogQuery.graphql.ts
@@ -0,0 +1,245 @@
+/**
+ * @generated SignedSource<<6316cd819a27efb5989750b5f8de0444>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedDocumentsDialogQuery$variables = {
+  organizationId: string;
+};
+export type LinkedDocumentsDialogQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsDialogFragment">;
+  };
+};
+export type LinkedDocumentsDialogQuery = {
+  response: LinkedDocumentsDialogQuery$data;
+  variables: LinkedDocumentsDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedDocumentsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "LinkedDocumentsDialogFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkedDocumentsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "documents(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedDocumentsDialogQuery_documents",
+                "kind": "LinkedHandle",
+                "name": "documents"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "fd4ab41131ead5f74dceb4610ef3f2c5",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedDocumentsDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkedDocumentsDialogQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      ...LinkedDocumentsDialogFragment\n    }\n  }\n}\n\nfragment LinkedDocumentsDialogFragment on Organization {\n  documents(first: 20) {\n    edges {\n      node {\n        id\n        title\n        documentType\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f97a3016285b1a39cc6925ac39d82acc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedDocumentsDialogQuery_fragment.graphql.ts b/apps/console/src/__generated__/core/LinkedDocumentsDialogQuery_fragment.graphql.ts
new file mode 100644
index 000000000..1eb47b4c9
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedDocumentsDialogQuery_fragment.graphql.ts
@@ -0,0 +1,318 @@
+/**
+ * @generated SignedSource<<54810545432d02fdcd0b3b02f47bf489>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentOrderField = "CREATED_AT" | "DOCUMENT_TYPE" | "TITLE";
+export type OrderDirection = "ASC" | "DESC";
+export type DocumentOrder = {
+  direction: OrderDirection;
+  field: DocumentOrderField;
+};
+export type LinkedDocumentsDialogQuery_fragment$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: DocumentOrder | null | undefined;
+};
+export type LinkedDocumentsDialogQuery_fragment$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsDialogFragment">;
+  };
+};
+export type LinkedDocumentsDialogQuery_fragment = {
+  response: LinkedDocumentsDialogQuery_fragment$data;
+  variables: LinkedDocumentsDialogQuery_fragment$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedDocumentsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "LinkedDocumentsDialogFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "LinkedDocumentsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedDocumentsDialogQuery_documents",
+                "kind": "LinkedHandle",
+                "name": "documents"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e72639ede26aa4300b69ba3181de482b",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedDocumentsDialogQuery_fragment",
+    "operationKind": "query",
+    "text": "query LinkedDocumentsDialogQuery_fragment(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $order: DocumentOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...LinkedDocumentsDialogFragment_16fISc\n    id\n  }\n}\n\nfragment LinkedDocumentsDialogFragment_16fISc on Organization {\n  documents(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        title\n        documentType\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "392d33b379a58cb3da08ab783c1cda5d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedMeasuresCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedMeasuresCardFragment.graphql.ts
new file mode 100644
index 000000000..c4fb8097d
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedMeasuresCardFragment.graphql.ts
@@ -0,0 +1,59 @@
+/**
+ * @generated SignedSource<<b7482b43ce0f4dfab470c35e806acf50>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type MeasureState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedMeasuresCardFragment$data = {
+  readonly id: string;
+  readonly name: string;
+  readonly state: MeasureState;
+  readonly " $fragmentType": "LinkedMeasuresCardFragment";
+};
+export type LinkedMeasuresCardFragment$key = {
+  readonly " $data"?: LinkedMeasuresCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedMeasuresCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedMeasuresCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "state",
+      "storageKey": null
+    }
+  ],
+  "type": "Measure",
+  "abstractKey": null
+};
+
+(node as any).hash = "741a216c02732c1ff97b265ac8dbf39b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedObligationsCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedObligationsCardFragment.graphql.ts
new file mode 100644
index 000000000..7adc626fc
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedObligationsCardFragment.graphql.ts
@@ -0,0 +1,96 @@
+/**
+ * @generated SignedSource<<1126620dba70ca7a331c00347217eaa8>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type ObligationStatus = "COMPLIANT" | "NON_COMPLIANT" | "PARTIALLY_COMPLIANT";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedObligationsCardFragment$data = {
+  readonly area: string | null | undefined;
+  readonly id: string;
+  readonly owner: {
+    readonly fullName: string;
+  };
+  readonly requirement: string | null | undefined;
+  readonly source: string | null | undefined;
+  readonly status: ObligationStatus;
+  readonly " $fragmentType": "LinkedObligationsCardFragment";
+};
+export type LinkedObligationsCardFragment$key = {
+  readonly " $data"?: LinkedObligationsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedObligationsCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "requirement",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "area",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "source",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "status",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "owner",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Obligation",
+  "abstractKey": null
+};
+
+(node as any).hash = "67ae0e6b0df090bb5a708bf7e029f4c5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedObligationsDialogFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedObligationsDialogFragment.graphql.ts
new file mode 100644
index 000000000..f82aed3f3
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedObligationsDialogFragment.graphql.ts
@@ -0,0 +1,260 @@
+/**
+ * @generated SignedSource<<4569a09dbc9fbf80fb787da46d0d058f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type ObligationStatus = "COMPLIANT" | "NON_COMPLIANT" | "PARTIALLY_COMPLIANT";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedObligationsDialogFragment$data = {
+  readonly id: string;
+  readonly obligations: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly area: string | null | undefined;
+        readonly id: string;
+        readonly owner: {
+          readonly fullName: string;
+        };
+        readonly requirement: string | null | undefined;
+        readonly source: string | null | undefined;
+        readonly status: ObligationStatus;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "LinkedObligationsDialogFragment";
+};
+export type LinkedObligationsDialogFragment$key = {
+  readonly " $data"?: LinkedObligationsDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsDialogFragment">;
+};
+
+import LinkedObligationsDialogQuery_fragment_graphql from './LinkedObligationsDialogQuery_fragment.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "obligations"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": LinkedObligationsDialogQuery_fragment_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "LinkedObligationsDialogFragment",
+  "selections": [
+    {
+      "alias": "obligations",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "ObligationConnection",
+      "kind": "LinkedField",
+      "name": "__LinkedObligationsDialogQuery_obligations_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ObligationEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Obligation",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "requirement",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "area",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "source",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "owner",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "6e686f2a4bce776146b1985df2863e73";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedObligationsDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedObligationsDialogQuery.graphql.ts
new file mode 100644
index 000000000..ee8f959c9
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedObligationsDialogQuery.graphql.ts
@@ -0,0 +1,278 @@
+/**
+ * @generated SignedSource<<44ee1c9c1b8d060d03736d1703d2a68a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedObligationsDialogQuery$variables = {
+  organizationId: string;
+};
+export type LinkedObligationsDialogQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsDialogFragment">;
+  };
+};
+export type LinkedObligationsDialogQuery = {
+  response: LinkedObligationsDialogQuery$data;
+  variables: LinkedObligationsDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedObligationsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "LinkedObligationsDialogFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkedObligationsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "ObligationConnection",
+                "kind": "LinkedField",
+                "name": "obligations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ObligationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Obligation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requirement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "area",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              },
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "obligations(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedObligationsDialogQuery_obligations",
+                "kind": "LinkedHandle",
+                "name": "obligations"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "8d4a5e57f79ae207dd1e27c436e49bd5",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedObligationsDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkedObligationsDialogQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      ...LinkedObligationsDialogFragment\n    }\n  }\n}\n\nfragment LinkedObligationsDialogFragment on Organization {\n  obligations(first: 20) {\n    edges {\n      node {\n        id\n        requirement\n        area\n        source\n        status\n        owner {\n          fullName\n          id\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "afd36a8a7dbe29044d2aefc3e3820fc8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedObligationsDialogQuery_fragment.graphql.ts b/apps/console/src/__generated__/core/LinkedObligationsDialogQuery_fragment.graphql.ts
new file mode 100644
index 000000000..bf84cb1fa
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedObligationsDialogQuery_fragment.graphql.ts
@@ -0,0 +1,351 @@
+/**
+ * @generated SignedSource<<18d4d04e3149486db39e2376613f845a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ObligationOrderField = "CREATED_AT" | "DUE_DATE" | "LAST_REVIEW_DATE" | "STATUS";
+export type OrderDirection = "ASC" | "DESC";
+export type ObligationOrder = {
+  direction: OrderDirection;
+  field: ObligationOrderField;
+};
+export type LinkedObligationsDialogQuery_fragment$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: ObligationOrder | null | undefined;
+};
+export type LinkedObligationsDialogQuery_fragment$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsDialogFragment">;
+  };
+};
+export type LinkedObligationsDialogQuery_fragment = {
+  response: LinkedObligationsDialogQuery_fragment$data;
+  variables: LinkedObligationsDialogQuery_fragment$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedObligationsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "LinkedObligationsDialogFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "LinkedObligationsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "ObligationConnection",
+                "kind": "LinkedField",
+                "name": "obligations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ObligationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Obligation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requirement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "area",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              },
+                              (v12/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedObligationsDialogQuery_obligations",
+                "kind": "LinkedHandle",
+                "name": "obligations"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a4640b163a373e0420a9fb1108ce7b3a",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedObligationsDialogQuery_fragment",
+    "operationKind": "query",
+    "text": "query LinkedObligationsDialogQuery_fragment(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $order: ObligationOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...LinkedObligationsDialogFragment_16fISc\n    id\n  }\n}\n\nfragment LinkedObligationsDialogFragment_16fISc on Organization {\n  obligations(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        requirement\n        area\n        source\n        status\n        owner {\n          fullName\n          id\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6e686f2a4bce776146b1985df2863e73";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedRisksCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedRisksCardFragment.graphql.ts
new file mode 100644
index 000000000..262289f0b
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedRisksCardFragment.graphql.ts
@@ -0,0 +1,66 @@
+/**
+ * @generated SignedSource<<6e092be20526b76ee767836880803c34>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedRisksCardFragment$data = {
+  readonly id: string;
+  readonly inherentRiskScore: number;
+  readonly name: string;
+  readonly residualRiskScore: number;
+  readonly " $fragmentType": "LinkedRisksCardFragment";
+};
+export type LinkedRisksCardFragment$key = {
+  readonly " $data"?: LinkedRisksCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedRisksCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedRisksCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "inherentRiskScore",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualRiskScore",
+      "storageKey": null
+    }
+  ],
+  "type": "Risk",
+  "abstractKey": null
+};
+
+(node as any).hash = "32a84445ae1cc071f56139fa44d67690";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedRisksDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedRisksDialogQuery.graphql.ts
new file mode 100644
index 000000000..c760b3564
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedRisksDialogQuery.graphql.ts
@@ -0,0 +1,206 @@
+/**
+ * @generated SignedSource<<b39754dc6d5d5f02e4310f0db334add3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type LinkedRisksDialogQuery$variables = {
+  organizationId: string;
+};
+export type LinkedRisksDialogQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly risks?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly category: string;
+          readonly description: string | null | undefined;
+          readonly id: string;
+          readonly inherentRiskScore: number;
+          readonly name: string;
+          readonly residualRiskScore: number;
+        };
+      }>;
+    };
+  };
+};
+export type LinkedRisksDialogQuery = {
+  response: LinkedRisksDialogQuery$data;
+  variables: LinkedRisksDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 100
+        }
+      ],
+      "concreteType": "RiskConnection",
+      "kind": "LinkedField",
+      "name": "risks",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "RiskEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Risk",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "category",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "description",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "inherentRiskScore",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "residualRiskScore",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "risks(first:100)"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedRisksDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkedRisksDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "ccac9f72628186de135aeb2ee176207d",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedRisksDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkedRisksDialogQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      risks(first: 100) {\n        edges {\n          node {\n            id\n            name\n            category\n            description\n            inherentRiskScore\n            residualRiskScore\n          }\n        }\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a0a7e39135cc4c1a4a74c4728902f944";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedSnapshotsCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedSnapshotsCardFragment.graphql.ts
new file mode 100644
index 000000000..71afbe682
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedSnapshotsCardFragment.graphql.ts
@@ -0,0 +1,75 @@
+/**
+ * @generated SignedSource<<659b07d2d3bf4c7527c44c7d1e830138>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type SnapshotsType = "ASSETS" | "CONTINUAL_IMPROVEMENTS" | "DATA" | "NONCONFORMITIES" | "OBLIGATIONS" | "PROCESSING_ACTIVITIES" | "RISKS" | "STATES_OF_APPLICABILITY" | "VENDORS";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedSnapshotsCardFragment$data = {
+  readonly createdAt: string;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly name: string;
+  readonly type: SnapshotsType;
+  readonly " $fragmentType": "LinkedSnapshotsCardFragment";
+};
+export type LinkedSnapshotsCardFragment$key = {
+  readonly " $data"?: LinkedSnapshotsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedSnapshotsCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedSnapshotsCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "type",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    }
+  ],
+  "type": "Snapshot",
+  "abstractKey": null
+};
+
+(node as any).hash = "b9b682f8e57082c98d8b0460155757fb";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedSnapshotsDialogFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedSnapshotsDialogFragment.graphql.ts
new file mode 100644
index 000000000..23493b874
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedSnapshotsDialogFragment.graphql.ts
@@ -0,0 +1,239 @@
+/**
+ * @generated SignedSource<<b4b4aeb13d7fb4b87a0a07ae5cf54aea>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type SnapshotsType = "ASSETS" | "CONTINUAL_IMPROVEMENTS" | "DATA" | "NONCONFORMITIES" | "OBLIGATIONS" | "PROCESSING_ACTIVITIES" | "RISKS" | "STATES_OF_APPLICABILITY" | "VENDORS";
+import { FragmentRefs } from "relay-runtime";
+export type LinkedSnapshotsDialogFragment$data = {
+  readonly id: string;
+  readonly snapshots: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly name: string;
+        readonly type: SnapshotsType;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "LinkedSnapshotsDialogFragment";
+};
+export type LinkedSnapshotsDialogFragment$key = {
+  readonly " $data"?: LinkedSnapshotsDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedSnapshotsDialogFragment">;
+};
+
+import LinkedSnapshotsDialogQuery_fragment_graphql from './LinkedSnapshotsDialogQuery_fragment.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "snapshots"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": LinkedSnapshotsDialogQuery_fragment_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "LinkedSnapshotsDialogFragment",
+  "selections": [
+    {
+      "alias": "snapshots",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "SnapshotConnection",
+      "kind": "LinkedField",
+      "name": "__LinkedSnapshotsDialogQuery_snapshots_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "SnapshotEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Snapshot",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "description",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "type",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "bdc77ee756ac59c099caa8765403cd22";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery.graphql.ts
new file mode 100644
index 000000000..2898d4fcc
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery.graphql.ts
@@ -0,0 +1,259 @@
+/**
+ * @generated SignedSource<<78d7f0f48f20187e9eef7744a19d8e1e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedSnapshotsDialogQuery$variables = {
+  organizationId: string;
+};
+export type LinkedSnapshotsDialogQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedSnapshotsDialogFragment">;
+  };
+};
+export type LinkedSnapshotsDialogQuery = {
+  response: LinkedSnapshotsDialogQuery$data;
+  variables: LinkedSnapshotsDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedSnapshotsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "LinkedSnapshotsDialogFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkedSnapshotsDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "SnapshotConnection",
+                "kind": "LinkedField",
+                "name": "snapshots",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SnapshotEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Snapshot",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "type",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "snapshots(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedSnapshotsDialogQuery_snapshots",
+                "kind": "LinkedHandle",
+                "name": "snapshots"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "200a82b795d348f0d8a63a3b2b779d7c",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedSnapshotsDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkedSnapshotsDialogQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      ...LinkedSnapshotsDialogFragment\n    }\n  }\n}\n\nfragment LinkedSnapshotsDialogFragment on Organization {\n  snapshots(first: 20) {\n    edges {\n      node {\n        id\n        name\n        description\n        type\n        createdAt\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b91ff32883e1f6e83d9b43251fc83001";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery_fragment.graphql.ts b/apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery_fragment.graphql.ts
new file mode 100644
index 000000000..8b9935048
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedSnapshotsDialogQuery_fragment.graphql.ts
@@ -0,0 +1,332 @@
+/**
+ * @generated SignedSource<<23f3f100c0665c79a15c78ddbe5284af>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type SnapshotOrderField = "CREATED_AT" | "NAME" | "TYPE";
+export type SnapshotOrder = {
+  direction: OrderDirection;
+  field: SnapshotOrderField;
+};
+export type LinkedSnapshotsDialogQuery_fragment$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: SnapshotOrder | null | undefined;
+};
+export type LinkedSnapshotsDialogQuery_fragment$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"LinkedSnapshotsDialogFragment">;
+  };
+};
+export type LinkedSnapshotsDialogQuery_fragment = {
+  response: LinkedSnapshotsDialogQuery_fragment$data;
+  variables: LinkedSnapshotsDialogQuery_fragment$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedSnapshotsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "LinkedSnapshotsDialogFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "LinkedSnapshotsDialogQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "SnapshotConnection",
+                "kind": "LinkedField",
+                "name": "snapshots",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SnapshotEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Snapshot",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "type",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "LinkedSnapshotsDialogQuery_snapshots",
+                "kind": "LinkedHandle",
+                "name": "snapshots"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e4c40c765a5b6ef4ba63a6343c76e6e0",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedSnapshotsDialogQuery_fragment",
+    "operationKind": "query",
+    "text": "query LinkedSnapshotsDialogQuery_fragment(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $order: SnapshotOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...LinkedSnapshotsDialogFragment_16fISc\n    id\n  }\n}\n\nfragment LinkedSnapshotsDialogFragment_16fISc on Organization {\n  snapshots(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        name\n        description\n        type\n        createdAt\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "bdc77ee756ac59c099caa8765403cd22";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedStatesOfApplicabilityCardFragment.graphql.ts b/apps/console/src/__generated__/core/LinkedStatesOfApplicabilityCardFragment.graphql.ts
new file mode 100644
index 000000000..fafe0d8cb
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedStatesOfApplicabilityCardFragment.graphql.ts
@@ -0,0 +1,100 @@
+/**
+ * @generated SignedSource<<fa19c3e1b91d31188625e48b8b6db7e9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type LinkedStatesOfApplicabilityCardFragment$data = {
+  readonly applicability: boolean;
+  readonly controlId: string;
+  readonly id: string;
+  readonly justification: string | null | undefined;
+  readonly stateOfApplicability: {
+    readonly id: string;
+    readonly name: string;
+  };
+  readonly stateOfApplicabilityId: string;
+  readonly " $fragmentType": "LinkedStatesOfApplicabilityCardFragment";
+};
+export type LinkedStatesOfApplicabilityCardFragment$key = {
+  readonly " $data"?: LinkedStatesOfApplicabilityCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"LinkedStatesOfApplicabilityCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "LinkedStatesOfApplicabilityCardFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "stateOfApplicabilityId",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "controlId",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "StateOfApplicability",
+      "kind": "LinkedField",
+      "name": "stateOfApplicability",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "applicability",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "justification",
+      "storageKey": null
+    }
+  ],
+  "type": "StateOfApplicabilityControl",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "b9a9922b27f277a769025f11b0829bdc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/LinkedStatesOfApplicabilityDialogQuery.graphql.ts b/apps/console/src/__generated__/core/LinkedStatesOfApplicabilityDialogQuery.graphql.ts
new file mode 100644
index 000000000..766977433
--- /dev/null
+++ b/apps/console/src/__generated__/core/LinkedStatesOfApplicabilityDialogQuery.graphql.ts
@@ -0,0 +1,172 @@
+/**
+ * @generated SignedSource<<a49fb511ab396ea46b199b2ae08edfff>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type LinkedStatesOfApplicabilityDialogQuery$variables = {
+  organizationId: string;
+};
+export type LinkedStatesOfApplicabilityDialogQuery$data = {
+  readonly organization: {
+    readonly statesOfApplicability?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly name: string;
+        };
+      }>;
+    };
+  };
+};
+export type LinkedStatesOfApplicabilityDialogQuery = {
+  response: LinkedStatesOfApplicabilityDialogQuery$data;
+  variables: LinkedStatesOfApplicabilityDialogQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 100
+        }
+      ],
+      "concreteType": "StateOfApplicabilityConnection",
+      "kind": "LinkedField",
+      "name": "statesOfApplicability",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "StateOfApplicabilityEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "StateOfApplicability",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "statesOfApplicability(first:100)"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "LinkedStatesOfApplicabilityDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "LinkedStatesOfApplicabilityDialogQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v3/*: any*/),
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b36c3216f309865885892fce0d52eac9",
+    "id": null,
+    "metadata": {},
+    "name": "LinkedStatesOfApplicabilityDialogQuery",
+    "operationKind": "query",
+    "text": "query LinkedStatesOfApplicabilityDialogQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      statesOfApplicability(first: 100) {\n        edges {\n          node {\n            id\n            name\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a6ed2cd0171d834480319779e11fce99";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureControlsTabAttachMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureControlsTabAttachMutation.graphql.ts
new file mode 100644
index 000000000..838040060
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureControlsTabAttachMutation.graphql.ts
@@ -0,0 +1,216 @@
+/**
+ * @generated SignedSource<<957f5a27f6ad551be453f1c2b9e6b94d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateControlMeasureMappingInput = {
+  controlId: string;
+  measureId: string;
+};
+export type MeasureControlsTabAttachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateControlMeasureMappingInput;
+};
+export type MeasureControlsTabAttachMutation$data = {
+  readonly createControlMeasureMapping: {
+    readonly controlEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsCardFragment">;
+      };
+    };
+  };
+};
+export type MeasureControlsTabAttachMutation = {
+  response: MeasureControlsTabAttachMutation$data;
+  variables: MeasureControlsTabAttachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureControlsTabAttachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ControlEdge",
+            "kind": "LinkedField",
+            "name": "controlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Control",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedControlsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureControlsTabAttachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ControlEdge",
+            "kind": "LinkedField",
+            "name": "controlEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Control",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "sectionTitle",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Framework",
+                    "kind": "LinkedField",
+                    "name": "framework",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      (v4/*: any*/)
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "controlEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "4cb037f0d6be0338fb838653d7460d59",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureControlsTabAttachMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureControlsTabAttachMutation(\n  $input: CreateControlMeasureMappingInput!\n) {\n  createControlMeasureMapping(input: $input) {\n    controlEdge {\n      node {\n        id\n        ...LinkedControlsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedControlsCardFragment on Control {\n  id\n  name\n  sectionTitle\n  framework {\n    id\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "010619cccaa46b2e02738bb0148341c0";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureControlsTabControlsQuery.graphql.ts b/apps/console/src/__generated__/core/MeasureControlsTabControlsQuery.graphql.ts
new file mode 100644
index 000000000..b8556a446
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureControlsTabControlsQuery.graphql.ts
@@ -0,0 +1,389 @@
+/**
+ * @generated SignedSource<<dfac9f61dc942eb4d9fa426b09f98b10>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ControlOrderField = "CREATED_AT" | "SECTION_TITLE";
+export type OrderDirection = "ASC" | "DESC";
+export type ControlFilter = {
+  query?: string | null | undefined;
+};
+export type ControlOrder = {
+  direction: OrderDirection;
+  field: ControlOrderField;
+};
+export type MeasureControlsTabControlsQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  filter?: ControlFilter | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: ControlOrder | null | undefined;
+};
+export type MeasureControlsTabControlsQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"MeasureControlsTabFragment">;
+  };
+};
+export type MeasureControlsTabControlsQuery = {
+  response: MeasureControlsTabControlsQuery$data;
+  variables: MeasureControlsTabControlsQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "filter"
+},
+v3 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "filter",
+  "variableName": "filter"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  (v11/*: any*/),
+  (v12/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+],
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureControlsTabControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "MeasureControlsTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v4/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureControlsTabControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          {
+                            "alias": "canCreateMeasureMapping",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:control:create-measure-mapping"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:control:create-measure-mapping\")"
+                          },
+                          {
+                            "alias": "canDeleteMeasureMapping",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:control:delete-measure-mapping"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:control:delete-measure-mapping\")"
+                          },
+                          (v16/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v14/*: any*/),
+                              (v16/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "MeasureControlsTab_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              }
+            ],
+            "type": "Measure",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "61b16a84cb9903560d86e0b5ee031abe",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureControlsTabControlsQuery",
+    "operationKind": "query",
+    "text": "query MeasureControlsTabControlsQuery(\n  $after: CursorKey\n  $before: CursorKey = null\n  $filter: ControlFilter = null\n  $first: Int = 20\n  $last: Int = null\n  $order: ControlOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...MeasureControlsTabFragment_4cFWzS\n    id\n  }\n}\n\nfragment LinkedControlsCardFragment on Control {\n  id\n  name\n  sectionTitle\n  framework {\n    id\n    name\n  }\n}\n\nfragment MeasureControlsTabFragment_4cFWzS on Measure {\n  id\n  controls(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: $filter) {\n    edges {\n      node {\n        id\n        canCreateMeasureMapping: permission(action: \"core:control:create-measure-mapping\")\n        canDeleteMeasureMapping: permission(action: \"core:control:delete-measure-mapping\")\n        ...LinkedControlsCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6cd1d286921188abc2a9fdc1c1e0ed08";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureControlsTabDetachMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureControlsTabDetachMutation.graphql.ts
new file mode 100644
index 000000000..768848944
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureControlsTabDetachMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<63367052d20bc149e2d4f86adbf3c735>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteControlMeasureMappingInput = {
+  controlId: string;
+  measureId: string;
+};
+export type MeasureControlsTabDetachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteControlMeasureMappingInput;
+};
+export type MeasureControlsTabDetachMutation$data = {
+  readonly deleteControlMeasureMapping: {
+    readonly deletedControlId: string;
+  };
+};
+export type MeasureControlsTabDetachMutation = {
+  response: MeasureControlsTabDetachMutation$data;
+  variables: MeasureControlsTabDetachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedControlId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureControlsTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureControlsTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteControlMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteControlMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedControlId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "158225e40cb2e95be134e59a4647ff69",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureControlsTabDetachMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureControlsTabDetachMutation(\n  $input: DeleteControlMeasureMappingInput!\n) {\n  deleteControlMeasureMapping(input: $input) {\n    deletedControlId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d800ddbcf4b4c24ae945447d710be209";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureControlsTabFragment.graphql.ts b/apps/console/src/__generated__/core/MeasureControlsTabFragment.graphql.ts
new file mode 100644
index 000000000..75dea0ac5
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureControlsTabFragment.graphql.ts
@@ -0,0 +1,263 @@
+/**
+ * @generated SignedSource<<414658fc55873606e711cc4571e9fd9b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeasureControlsTabFragment$data = {
+  readonly controls: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canCreateMeasureMapping: boolean;
+        readonly canDeleteMeasureMapping: boolean;
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedControlsCardFragment">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "MeasureControlsTabFragment";
+};
+export type MeasureControlsTabFragment$key = {
+  readonly " $data"?: MeasureControlsTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeasureControlsTabFragment">;
+};
+
+import MeasureControlsTabControlsQuery_graphql from './MeasureControlsTabControlsQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "controls"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "filter"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": MeasureControlsTabControlsQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "MeasureControlsTabFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "controls",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "filter"
+        },
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "ControlConnection",
+      "kind": "LinkedField",
+      "name": "__MeasureControlsTab_controls_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ControlEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Control",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": "canCreateMeasureMapping",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:control:create-measure-mapping"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:control:create-measure-mapping\")"
+                },
+                {
+                  "alias": "canDeleteMeasureMapping",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:control:delete-measure-mapping"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:control:delete-measure-mapping\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "LinkedControlsCardFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Measure",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "6cd1d286921188abc2a9fdc1c1e0ed08";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureDetailPageTasksCountQuery.graphql.ts b/apps/console/src/__generated__/core/MeasureDetailPageTasksCountQuery.graphql.ts
new file mode 100644
index 000000000..51e021349
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureDetailPageTasksCountQuery.graphql.ts
@@ -0,0 +1,143 @@
+/**
+ * @generated SignedSource<<c14e7d1b8a5a8d23dbe52637610f13f7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type MeasureDetailPageTasksCountQuery$variables = {
+  measureId: string;
+};
+export type MeasureDetailPageTasksCountQuery$data = {
+  readonly node: {
+    readonly tasks?: {
+      readonly totalCount: number;
+    };
+  };
+};
+export type MeasureDetailPageTasksCountQuery = {
+  response: MeasureDetailPageTasksCountQuery$data;
+  variables: MeasureDetailPageTasksCountQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "measureId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "measureId"
+  }
+],
+v2 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 0
+        }
+      ],
+      "concreteType": "TaskConnection",
+      "kind": "LinkedField",
+      "name": "tasks",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        }
+      ],
+      "storageKey": "tasks(first:0)"
+    }
+  ],
+  "type": "Measure",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureDetailPageTasksCountQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeasureDetailPageTasksCountQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "36a1d5cf32d07ed5d76e5e64e7f19005",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureDetailPageTasksCountQuery",
+    "operationKind": "query",
+    "text": "query MeasureDetailPageTasksCountQuery(\n  $measureId: ID!\n) {\n  node(id: $measureId) {\n    __typename\n    ... on Measure {\n      tasks(first: 0) {\n        totalCount\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f0a8dde53529b525f3fe9aa35dee9e8a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureEvidencesTabDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureEvidencesTabDeleteMutation.graphql.ts
new file mode 100644
index 000000000..3bfa141bb
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureEvidencesTabDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<1123080dba735de72e2440f5dec008b5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteEvidenceInput = {
+  evidenceId: string;
+};
+export type MeasureEvidencesTabDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteEvidenceInput;
+};
+export type MeasureEvidencesTabDeleteMutation$data = {
+  readonly deleteEvidence: {
+    readonly deletedEvidenceId: string;
+  };
+};
+export type MeasureEvidencesTabDeleteMutation = {
+  response: MeasureEvidencesTabDeleteMutation$data;
+  variables: MeasureEvidencesTabDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedEvidenceId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureEvidencesTabDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteEvidencePayload",
+        "kind": "LinkedField",
+        "name": "deleteEvidence",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureEvidencesTabDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteEvidencePayload",
+        "kind": "LinkedField",
+        "name": "deleteEvidence",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedEvidenceId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "7c9ea7e14d3a342d9108026da877a854",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureEvidencesTabDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureEvidencesTabDeleteMutation(\n  $input: DeleteEvidenceInput!\n) {\n  deleteEvidence(input: $input) {\n    deletedEvidenceId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5b78978395d1b8a165a078f60f6aa001";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureEvidencesTabFragment.graphql.ts b/apps/console/src/__generated__/core/MeasureEvidencesTabFragment.graphql.ts
new file mode 100644
index 000000000..77a0454d1
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureEvidencesTabFragment.graphql.ts
@@ -0,0 +1,276 @@
+/**
+ * @generated SignedSource<<ea635dd1a341c798d9f410ae862901f2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeasureEvidencesTabFragment$data = {
+  readonly canUploadEvidence: boolean;
+  readonly evidences: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly file: {
+          readonly fileName: string;
+          readonly mimeType: string;
+          readonly size: number;
+        } | null | undefined;
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"MeasureEvidencesTabFragment_evidence">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "MeasureEvidencesTabFragment";
+};
+export type MeasureEvidencesTabFragment$key = {
+  readonly " $data"?: MeasureEvidencesTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeasureEvidencesTabFragment">;
+};
+
+import MeasureEvidencesTabQuery_graphql from './MeasureEvidencesTabQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "evidences"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": MeasureEvidencesTabQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "MeasureEvidencesTabFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "canUploadEvidence",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:measure:upload-evidence"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:measure:upload-evidence\")"
+    },
+    {
+      "alias": "evidences",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "EvidenceConnection",
+      "kind": "LinkedField",
+      "name": "__MeasureEvidencesTabFragment_evidences_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "EvidenceEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Evidence",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "File",
+                  "kind": "LinkedField",
+                  "name": "file",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fileName",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "mimeType",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "size",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "MeasureEvidencesTabFragment_evidence"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Measure",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "b281a36db45b03e86ec56097b6b9b296";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureEvidencesTabFragment_evidence.graphql.ts b/apps/console/src/__generated__/core/MeasureEvidencesTabFragment_evidence.graphql.ts
new file mode 100644
index 000000000..838596c0a
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureEvidencesTabFragment_evidence.graphql.ts
@@ -0,0 +1,110 @@
+/**
+ * @generated SignedSource<<b69ceb13c09f597365a10a68e277d535>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type EvidenceType = "FILE" | "LINK";
+import { FragmentRefs } from "relay-runtime";
+export type MeasureEvidencesTabFragment_evidence$data = {
+  readonly canDelete: boolean;
+  readonly createdAt: string;
+  readonly file: {
+    readonly fileName: string;
+    readonly mimeType: string;
+    readonly size: number;
+  } | null | undefined;
+  readonly id: string;
+  readonly type: EvidenceType;
+  readonly " $fragmentType": "MeasureEvidencesTabFragment_evidence";
+};
+export type MeasureEvidencesTabFragment_evidence$key = {
+  readonly " $data"?: MeasureEvidencesTabFragment_evidence$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeasureEvidencesTabFragment_evidence">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MeasureEvidencesTabFragment_evidence",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "File",
+      "kind": "LinkedField",
+      "name": "file",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fileName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "mimeType",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "size",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "type",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:evidence:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:evidence:delete\")"
+    }
+  ],
+  "type": "Evidence",
+  "abstractKey": null
+};
+
+(node as any).hash = "af214cdfe077ad77326c65f33ce3ca1f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureEvidencesTabQuery.graphql.ts b/apps/console/src/__generated__/core/MeasureEvidencesTabQuery.graphql.ts
new file mode 100644
index 000000000..869a33ab9
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureEvidencesTabQuery.graphql.ts
@@ -0,0 +1,389 @@
+/**
+ * @generated SignedSource<<b3796796f510af61420955a6fde12fe2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type EvidenceOrderField = "CREATED_AT";
+export type OrderDirection = "ASC" | "DESC";
+export type EvidenceOrder = {
+  direction: OrderDirection;
+  field: EvidenceOrderField;
+};
+export type MeasureEvidencesTabQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: EvidenceOrder | null | undefined;
+};
+export type MeasureEvidencesTabQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"MeasureEvidencesTabFragment">;
+  };
+};
+export type MeasureEvidencesTabQuery = {
+  response: MeasureEvidencesTabQuery$data;
+  variables: MeasureEvidencesTabQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureEvidencesTabQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "MeasureEvidencesTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureEvidencesTabQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "canUploadEvidence",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:measure:upload-evidence"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:measure:upload-evidence\")"
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "EvidenceConnection",
+                "kind": "LinkedField",
+                "name": "evidences",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "EvidenceEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Evidence",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "File",
+                            "kind": "LinkedField",
+                            "name": "file",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fileName",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "mimeType",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "size",
+                                "storageKey": null
+                              },
+                              (v12/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "type",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:evidence:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:evidence:delete\")"
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "MeasureEvidencesTabFragment_evidences",
+                "kind": "LinkedHandle",
+                "name": "evidences"
+              }
+            ],
+            "type": "Measure",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "61235868d1100317d143c9510c047558",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureEvidencesTabQuery",
+    "operationKind": "query",
+    "text": "query MeasureEvidencesTabQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: EvidenceOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...MeasureEvidencesTabFragment_16fISc\n    id\n  }\n}\n\nfragment MeasureEvidencesTabFragment_16fISc on Measure {\n  id\n  canUploadEvidence: permission(action: \"core:measure:upload-evidence\")\n  evidences(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        file {\n          fileName\n          mimeType\n          size\n          id\n        }\n        ...MeasureEvidencesTabFragment_evidence\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n  id\n  file {\n    fileName\n    mimeType\n    size\n    id\n  }\n  type\n  createdAt\n  canDelete: permission(action: \"core:evidence:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b281a36db45b03e86ec56097b6b9b296";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureFormDialogCreateMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureFormDialogCreateMutation.graphql.ts
new file mode 100644
index 000000000..47509bd2c
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureFormDialogCreateMutation.graphql.ts
@@ -0,0 +1,215 @@
+/**
+ * @generated SignedSource<<a1cf7f654fe2f662c446e60ce82e3ae9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateMeasureInput = {
+  category: string;
+  description?: string | null | undefined;
+  name: string;
+  organizationId: string;
+};
+export type MeasureFormDialogCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateMeasureInput;
+};
+export type MeasureFormDialogCreateMutation$data = {
+  readonly createMeasure: {
+    readonly measureEdge: {
+      readonly node: {
+        readonly " $fragmentSpreads": FragmentRefs<"MeasureFormDialogMeasureFragment">;
+      };
+    };
+  };
+};
+export type MeasureFormDialogCreateMutation = {
+  response: MeasureFormDialogCreateMutation$data;
+  variables: MeasureFormDialogCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureFormDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateMeasurePayload",
+        "kind": "LinkedField",
+        "name": "createMeasure",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "MeasureEdge",
+            "kind": "LinkedField",
+            "name": "measureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Measure",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "MeasureFormDialogMeasureFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureFormDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateMeasurePayload",
+        "kind": "LinkedField",
+        "name": "createMeasure",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "MeasureEdge",
+            "kind": "LinkedField",
+            "name": "measureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Measure",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "id",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "category",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "state",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "measureEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6ee48b7249e180aafe2f40c120ec1195",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureFormDialogCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureFormDialogCreateMutation(\n  $input: CreateMeasureInput!\n) {\n  createMeasure(input: $input) {\n    measureEdge {\n      node {\n        ...MeasureFormDialogMeasureFragment\n        id\n      }\n    }\n  }\n}\n\nfragment MeasureFormDialogMeasureFragment on Measure {\n  id\n  description\n  name\n  category\n  state\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "242f974b9926705919bf030281363dfc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureFormDialogMeasureFragment.graphql.ts b/apps/console/src/__generated__/core/MeasureFormDialogMeasureFragment.graphql.ts
new file mode 100644
index 000000000..71a1d89d2
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureFormDialogMeasureFragment.graphql.ts
@@ -0,0 +1,75 @@
+/**
+ * @generated SignedSource<<d4866432b6b5c9e71e6e4893062c1809>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type MeasureState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
+import { FragmentRefs } from "relay-runtime";
+export type MeasureFormDialogMeasureFragment$data = {
+  readonly category: string;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly name: string;
+  readonly state: MeasureState;
+  readonly " $fragmentType": "MeasureFormDialogMeasureFragment";
+};
+export type MeasureFormDialogMeasureFragment$key = {
+  readonly " $data"?: MeasureFormDialogMeasureFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeasureFormDialogMeasureFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MeasureFormDialogMeasureFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "category",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "state",
+      "storageKey": null
+    }
+  ],
+  "type": "Measure",
+  "abstractKey": null
+};
+
+(node as any).hash = "4266d43b90952814d68b5425f65c10be";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..869c4fcb3
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<caf1a99300d26a5163d5b46577734f90>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteMeasureInput = {
+  measureId: string;
+};
+export type MeasureGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteMeasureInput;
+};
+export type MeasureGraphDeleteMutation$data = {
+  readonly deleteMeasure: {
+    readonly deletedMeasureId: string;
+  };
+};
+export type MeasureGraphDeleteMutation = {
+  response: MeasureGraphDeleteMutation$data;
+  variables: MeasureGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedMeasureId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteMeasurePayload",
+        "kind": "LinkedField",
+        "name": "deleteMeasure",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteMeasurePayload",
+        "kind": "LinkedField",
+        "name": "deleteMeasure",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedMeasureId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "415f19e622fe431330deca8d3d10f121",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureGraphDeleteMutation(\n  $input: DeleteMeasureInput!\n) {\n  deleteMeasure(input: $input) {\n    deletedMeasureId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "867f5fe6142e2900147cb2f7492b22d3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/MeasureGraphListQuery.graphql.ts
new file mode 100644
index 000000000..7a6d99dbe
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureGraphListQuery.graphql.ts
@@ -0,0 +1,307 @@
+/**
+ * @generated SignedSource<<587b1edc25e82b42dd300f9fe7424bc3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeasureGraphListQuery$variables = {
+  organizationId: string;
+};
+export type MeasureGraphListQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly canCreateMeasure: boolean;
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"MeasuresPageFragment">;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type MeasureGraphListQuery = {
+  response: MeasureGraphListQuery$data;
+  variables: MeasureGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": "canCreateMeasure",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:measure:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:measure:create\")"
+},
+v5 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 500
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureGraphListQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": "organization",
+          "args": (v1/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                (v3/*: any*/),
+                (v4/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "MeasuresPageFragment"
+                }
+              ],
+              "type": "Organization",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeasureGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "concreteType": "MeasureConnection",
+                "kind": "LinkedField",
+                "name": "measures",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeasureEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Measure",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "category",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:measure:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:measure:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:measure:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:measure:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "measures(first:500)"
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "MeasuresGraphListQuery__measures",
+                "kind": "LinkedHandle",
+                "name": "measures"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "28d1efc46af83ac0b77b4bbf254ead9f",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureGraphListQuery",
+    "operationKind": "query",
+    "text": "query MeasureGraphListQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      canCreateMeasure: permission(action: \"core:measure:create\")\n      ...MeasuresPageFragment\n    }\n    id\n  }\n}\n\nfragment MeasureFormDialogMeasureFragment on Measure {\n  id\n  description\n  name\n  category\n  state\n}\n\nfragment MeasuresPageFragment on Organization {\n  measures(first: 500) {\n    edges {\n      node {\n        id\n        name\n        category\n        state\n        canUpdate: permission(action: \"core:measure:update\")\n        canDelete: permission(action: \"core:measure:delete\")\n        ...MeasureFormDialogMeasureFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "291184a9b739da290f087db35714ba6b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/MeasureGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..9995b7c88
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureGraphNodeQuery.graphql.ts
@@ -0,0 +1,697 @@
+/**
+ * @generated SignedSource<<bf973ac1452f812480abe7160f4529e8>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeasureState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
+export type MeasureGraphNodeQuery$variables = {
+  measureId: string;
+};
+export type MeasureGraphNodeQuery$data = {
+  readonly node: {
+    readonly canDelete?: boolean;
+    readonly canListTasks?: boolean;
+    readonly canUpdate?: boolean;
+    readonly category?: string;
+    readonly controlsInfos?: {
+      readonly totalCount: number;
+    };
+    readonly description?: string | null | undefined;
+    readonly evidencesInfos?: {
+      readonly totalCount: number;
+    };
+    readonly id?: string;
+    readonly name?: string;
+    readonly risksInfos?: {
+      readonly totalCount: number;
+    };
+    readonly state?: MeasureState;
+    readonly " $fragmentSpreads": FragmentRefs<"MeasureControlsTabFragment" | "MeasureEvidencesTabFragment" | "MeasureFormDialogMeasureFragment" | "MeasureRisksTabFragment">;
+  };
+};
+export type MeasureGraphNodeQuery = {
+  response: MeasureGraphNodeQuery$data;
+  variables: MeasureGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "measureId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "measureId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "state",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "category",
+  "storageKey": null
+},
+v7 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:measure:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:measure:update\")"
+},
+v8 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:measure:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:measure:delete\")"
+},
+v9 = {
+  "alias": "canListTasks",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:task:list"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:task:list\")"
+},
+v10 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 0
+  }
+],
+v11 = [
+  {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "totalCount",
+    "storageKey": null
+  }
+],
+v12 = {
+  "alias": "evidencesInfos",
+  "args": (v10/*: any*/),
+  "concreteType": "EvidenceConnection",
+  "kind": "LinkedField",
+  "name": "evidences",
+  "plural": false,
+  "selections": (v11/*: any*/),
+  "storageKey": "evidences(first:0)"
+},
+v13 = {
+  "alias": "risksInfos",
+  "args": (v10/*: any*/),
+  "concreteType": "RiskConnection",
+  "kind": "LinkedField",
+  "name": "risks",
+  "plural": false,
+  "selections": (v11/*: any*/),
+  "storageKey": "risks(first:0)"
+},
+v14 = {
+  "alias": "controlsInfos",
+  "args": (v10/*: any*/),
+  "concreteType": "ControlConnection",
+  "kind": "LinkedField",
+  "name": "controls",
+  "plural": false,
+  "selections": (v11/*: any*/),
+  "storageKey": "controls(first:0)"
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v16 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+],
+v17 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v18 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "endCursor",
+  "storageKey": null
+},
+v19 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasNextPage",
+  "storageKey": null
+},
+v20 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v21 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+],
+v22 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    (v18/*: any*/),
+    (v19/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasPreviousPage",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "startCursor",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v23 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "MeasureRisksTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "MeasureControlsTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "MeasureFormDialogMeasureFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "MeasureEvidencesTabFragment"
+              }
+            ],
+            "type": "Measure",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeasureGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v15/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              {
+                "alias": null,
+                "args": (v16/*: any*/),
+                "concreteType": "RiskConnection",
+                "kind": "LinkedField",
+                "name": "risks",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "RiskEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Risk",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": "canCreateMeasureMapping",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:risk:create-measure-mapping"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:risk:create-measure-mapping\")"
+                          },
+                          {
+                            "alias": "canDeleteMeasureMapping",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:risk:delete-measure-mapping"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:risk:delete-measure-mapping\")"
+                          },
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "inherentRiskScore",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualRiskScore",
+                            "storageKey": null
+                          },
+                          (v15/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v17/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      (v18/*: any*/),
+                      (v19/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v20/*: any*/)
+                ],
+                "storageKey": "risks(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v16/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "Measure__risks",
+                "kind": "LinkedHandle",
+                "name": "risks"
+              },
+              {
+                "alias": null,
+                "args": (v21/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": "canCreateMeasureMapping",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:control:create-measure-mapping"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:control:create-measure-mapping\")"
+                          },
+                          {
+                            "alias": "canDeleteMeasureMapping",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:control:delete-measure-mapping"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:control:delete-measure-mapping\")"
+                          },
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              (v3/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v15/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v17/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v22/*: any*/),
+                  (v20/*: any*/)
+                ],
+                "storageKey": "controls(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v21/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "MeasureControlsTab_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              },
+              {
+                "alias": "canUploadEvidence",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:measure:upload-evidence"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:measure:upload-evidence\")"
+              },
+              {
+                "alias": null,
+                "args": (v23/*: any*/),
+                "concreteType": "EvidenceConnection",
+                "kind": "LinkedField",
+                "name": "evidences",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "EvidenceEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Evidence",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "File",
+                            "kind": "LinkedField",
+                            "name": "file",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fileName",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "mimeType",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "size",
+                                "storageKey": null
+                              },
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "type",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:evidence:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:evidence:delete\")"
+                          },
+                          (v15/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v17/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v22/*: any*/),
+                  (v20/*: any*/)
+                ],
+                "storageKey": "evidences(first:50)"
+              },
+              {
+                "alias": null,
+                "args": (v23/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "MeasureEvidencesTabFragment_evidences",
+                "kind": "LinkedHandle",
+                "name": "evidences"
+              }
+            ],
+            "type": "Measure",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "d8ac1210636ffd91eacb1bfe3452e26c",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query MeasureGraphNodeQuery(\n  $measureId: ID!\n) {\n  node(id: $measureId) {\n    __typename\n    ... on Measure {\n      id\n      name\n      description\n      state\n      category\n      canUpdate: permission(action: \"core:measure:update\")\n      canDelete: permission(action: \"core:measure:delete\")\n      canListTasks: permission(action: \"core:task:list\")\n      evidencesInfos: evidences(first: 0) {\n        totalCount\n      }\n      risksInfos: risks(first: 0) {\n        totalCount\n      }\n      controlsInfos: controls(first: 0) {\n        totalCount\n      }\n      ...MeasureRisksTabFragment\n      ...MeasureControlsTabFragment\n      ...MeasureFormDialogMeasureFragment\n      ...MeasureEvidencesTabFragment\n    }\n    id\n  }\n}\n\nfragment LinkedControlsCardFragment on Control {\n  id\n  name\n  sectionTitle\n  framework {\n    id\n    name\n  }\n}\n\nfragment LinkedRisksCardFragment on Risk {\n  id\n  name\n  inherentRiskScore\n  residualRiskScore\n}\n\nfragment MeasureControlsTabFragment on Measure {\n  id\n  controls(first: 20) {\n    edges {\n      node {\n        id\n        canCreateMeasureMapping: permission(action: \"core:control:create-measure-mapping\")\n        canDeleteMeasureMapping: permission(action: \"core:control:delete-measure-mapping\")\n        ...LinkedControlsCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment MeasureEvidencesTabFragment on Measure {\n  id\n  canUploadEvidence: permission(action: \"core:measure:upload-evidence\")\n  evidences(first: 50) {\n    edges {\n      node {\n        id\n        file {\n          fileName\n          mimeType\n          size\n          id\n        }\n        ...MeasureEvidencesTabFragment_evidence\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment MeasureEvidencesTabFragment_evidence on Evidence {\n  id\n  file {\n    fileName\n    mimeType\n    size\n    id\n  }\n  type\n  createdAt\n  canDelete: permission(action: \"core:evidence:delete\")\n}\n\nfragment MeasureFormDialogMeasureFragment on Measure {\n  id\n  description\n  name\n  category\n  state\n}\n\nfragment MeasureRisksTabFragment on Measure {\n  id\n  risks(first: 100) {\n    edges {\n      node {\n        id\n        canCreateMeasureMapping: permission(action: \"core:risk:create-measure-mapping\")\n        canDeleteMeasureMapping: permission(action: \"core:risk:delete-measure-mapping\")\n        ...LinkedRisksCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0d55da2c159f16130dd3aaf232103b0f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..3a8aed82a
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureGraphUpdateMutation.graphql.ts
@@ -0,0 +1,167 @@
+/**
+ * @generated SignedSource<<0568c40c0caa32ce6daf11d414e2cc72>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeasureState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
+export type UpdateMeasureInput = {
+  category?: string | null | undefined;
+  description?: string | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+  state?: MeasureState | null | undefined;
+};
+export type MeasureGraphUpdateMutation$variables = {
+  input: UpdateMeasureInput;
+};
+export type MeasureGraphUpdateMutation$data = {
+  readonly updateMeasure: {
+    readonly measure: {
+      readonly " $fragmentSpreads": FragmentRefs<"MeasureFormDialogMeasureFragment">;
+    };
+  };
+};
+export type MeasureGraphUpdateMutation = {
+  response: MeasureGraphUpdateMutation$data;
+  variables: MeasureGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateMeasurePayload",
+        "kind": "LinkedField",
+        "name": "updateMeasure",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Measure",
+            "kind": "LinkedField",
+            "name": "measure",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "MeasureFormDialogMeasureFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeasureGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateMeasurePayload",
+        "kind": "LinkedField",
+        "name": "updateMeasure",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Measure",
+            "kind": "LinkedField",
+            "name": "measure",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "id",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "category",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "state",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "17d35db59a42796407f7f0d6bb4798ba",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureGraphUpdateMutation(\n  $input: UpdateMeasureInput!\n) {\n  updateMeasure(input: $input) {\n    measure {\n      ...MeasureFormDialogMeasureFragment\n      id\n    }\n  }\n}\n\nfragment MeasureFormDialogMeasureFragment on Measure {\n  id\n  description\n  name\n  category\n  state\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9f74c8c6cea82050d077d26e6b7547f6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureRisksTabCreateMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureRisksTabCreateMutation.graphql.ts
new file mode 100644
index 000000000..5373192f6
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureRisksTabCreateMutation.graphql.ts
@@ -0,0 +1,209 @@
+/**
+ * @generated SignedSource<<9af67842ec7b635682d0c10d86385b88>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateRiskMeasureMappingInput = {
+  measureId: string;
+  riskId: string;
+};
+export type MeasureRisksTabCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateRiskMeasureMappingInput;
+};
+export type MeasureRisksTabCreateMutation$data = {
+  readonly createRiskMeasureMapping: {
+    readonly riskEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedRisksCardFragment">;
+      };
+    };
+  };
+};
+export type MeasureRisksTabCreateMutation = {
+  response: MeasureRisksTabCreateMutation$data;
+  variables: MeasureRisksTabCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureRisksTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "RiskEdge",
+            "kind": "LinkedField",
+            "name": "riskEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Risk",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedRisksCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureRisksTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "RiskEdge",
+            "kind": "LinkedField",
+            "name": "riskEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Risk",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "inherentRiskScore",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "residualRiskScore",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "riskEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "53097378652dfdfc8505535921234ade",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureRisksTabCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureRisksTabCreateMutation(\n  $input: CreateRiskMeasureMappingInput!\n) {\n  createRiskMeasureMapping(input: $input) {\n    riskEdge {\n      node {\n        id\n        ...LinkedRisksCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedRisksCardFragment on Risk {\n  id\n  name\n  inherentRiskScore\n  residualRiskScore\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c167b300964866d886760968abaa014f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureRisksTabDetachMutation.graphql.ts b/apps/console/src/__generated__/core/MeasureRisksTabDetachMutation.graphql.ts
new file mode 100644
index 000000000..db61974fe
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureRisksTabDetachMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<f9c0e3868814f7247aee411c93d7a5eb>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteRiskMeasureMappingInput = {
+  measureId: string;
+  riskId: string;
+};
+export type MeasureRisksTabDetachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteRiskMeasureMappingInput;
+};
+export type MeasureRisksTabDetachMutation$data = {
+  readonly deleteRiskMeasureMapping: {
+    readonly deletedRiskId: string;
+  };
+};
+export type MeasureRisksTabDetachMutation = {
+  response: MeasureRisksTabDetachMutation$data;
+  variables: MeasureRisksTabDetachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedRiskId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureRisksTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasureRisksTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedRiskId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "ac75591b5e166b2ee994bd99a0afc29a",
+    "id": null,
+    "metadata": {},
+    "name": "MeasureRisksTabDetachMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasureRisksTabDetachMutation(\n  $input: DeleteRiskMeasureMappingInput!\n) {\n  deleteRiskMeasureMapping(input: $input) {\n    deletedRiskId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5b42a2d7e8a78ff4c674ce6612df537c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureRisksTabFragment.graphql.ts b/apps/console/src/__generated__/core/MeasureRisksTabFragment.graphql.ts
new file mode 100644
index 000000000..9080685fc
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureRisksTabFragment.graphql.ts
@@ -0,0 +1,183 @@
+/**
+ * @generated SignedSource<<4f367882dc2cd7bb8a8605d9192cd7f5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeasureRisksTabFragment$data = {
+  readonly id: string;
+  readonly risks: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canCreateMeasureMapping: boolean;
+        readonly canDeleteMeasureMapping: boolean;
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedRisksCardFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "MeasureRisksTabFragment";
+};
+export type MeasureRisksTabFragment$key = {
+  readonly " $data"?: MeasureRisksTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeasureRisksTabFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "risks"
+        ]
+      }
+    ]
+  },
+  "name": "MeasureRisksTabFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": "risks",
+      "args": null,
+      "concreteType": "RiskConnection",
+      "kind": "LinkedField",
+      "name": "__Measure__risks_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "RiskEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Risk",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "alias": "canCreateMeasureMapping",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:risk:create-measure-mapping"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:risk:create-measure-mapping\")"
+                },
+                {
+                  "alias": "canDeleteMeasureMapping",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:risk:delete-measure-mapping"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:risk:delete-measure-mapping\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "LinkedRisksCardFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Measure",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "a837a187026f5c75c67efcb4831d0b76";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasureTasksTabQuery.graphql.ts b/apps/console/src/__generated__/core/MeasureTasksTabQuery.graphql.ts
new file mode 100644
index 000000000..3f643fd11
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasureTasksTabQuery.graphql.ts
@@ -0,0 +1,425 @@
+/**
+ * @generated SignedSource<<07e722a4da8a25668cd0e49cc07598f9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TaskState = "DONE" | "TODO";
+export type MeasureTasksTabQuery$variables = {
+  measureId: string;
+};
+export type MeasureTasksTabQuery$data = {
+  readonly node: {
+    readonly __typename: "Measure";
+    readonly canCreateTask: boolean;
+    readonly id: string;
+    readonly tasks: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly state: TaskState;
+          readonly " $fragmentSpreads": FragmentRefs<"TaskFormDialogFragment" | "TasksCard_TaskRowFragment">;
+        };
+      }>;
+    };
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type MeasureTasksTabQuery = {
+  response: MeasureTasksTabQuery$data;
+  variables: MeasureTasksTabQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "measureId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "measureId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": "canCreateTask",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:task:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:task:create\")"
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "state",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v8 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v9 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+],
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasureTasksTabQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": null,
+          "args": (v1/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                (v3/*: any*/),
+                (v4/*: any*/),
+                {
+                  "kind": "RequiredField",
+                  "field": {
+                    "alias": "tasks",
+                    "args": null,
+                    "concreteType": "TaskConnection",
+                    "kind": "LinkedField",
+                    "name": "__Measure__tasks_connection",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "kind": "RequiredField",
+                        "field": {
+                          "alias": null,
+                          "args": null,
+                          "concreteType": "TaskEdge",
+                          "kind": "LinkedField",
+                          "name": "edges",
+                          "plural": true,
+                          "selections": [
+                            {
+                              "alias": null,
+                              "args": null,
+                              "concreteType": "Task",
+                              "kind": "LinkedField",
+                              "name": "node",
+                              "plural": false,
+                              "selections": [
+                                (v3/*: any*/),
+                                (v5/*: any*/),
+                                {
+                                  "args": null,
+                                  "kind": "FragmentSpread",
+                                  "name": "TaskFormDialogFragment"
+                                },
+                                {
+                                  "args": null,
+                                  "kind": "FragmentSpread",
+                                  "name": "TasksCard_TaskRowFragment"
+                                },
+                                (v2/*: any*/)
+                              ],
+                              "storageKey": null
+                            },
+                            (v6/*: any*/)
+                          ],
+                          "storageKey": null
+                        },
+                        "action": "THROW"
+                      },
+                      (v7/*: any*/),
+                      (v8/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  "action": "THROW"
+                }
+              ],
+              "type": "Measure",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeasureTasksTabQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "TaskConnection",
+                "kind": "LinkedField",
+                "name": "tasks",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TaskEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Task",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v3/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          (v10/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "timeEstimate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "deadline",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "assignedTo",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Measure",
+                            "kind": "LinkedField",
+                            "name": "measure",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              (v10/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:task:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:task:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:task:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:task:delete\")"
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v6/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v7/*: any*/),
+                  (v8/*: any*/)
+                ],
+                "storageKey": "tasks(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "Measure__tasks",
+                "kind": "LinkedHandle",
+                "name": "tasks"
+              }
+            ],
+            "type": "Measure",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "45dadcc414507aa7ccaab436cd5081c7",
+    "id": null,
+    "metadata": {
+      "connection": [
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "tasks"
+          ]
+        }
+      ]
+    },
+    "name": "MeasureTasksTabQuery",
+    "operationKind": "query",
+    "text": "query MeasureTasksTabQuery(\n  $measureId: ID!\n) {\n  node(id: $measureId) {\n    __typename\n    ... on Measure {\n      id\n      canCreateTask: permission(action: \"core:task:create\")\n      tasks(first: 100) {\n        edges {\n          node {\n            id\n            state\n            ...TaskFormDialogFragment\n            ...TasksCard_TaskRowFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment TaskFormDialogFragment on Task {\n  id\n  description\n  name\n  state\n  timeEstimate\n  deadline\n  assignedTo {\n    id\n  }\n  measure {\n    id\n  }\n}\n\nfragment TasksCard_TaskRowFragment on Task {\n  id\n  name\n  state\n  description\n  timeEstimate\n  deadline\n  canUpdate: permission(action: \"core:task:update\")\n  canDelete: permission(action: \"core:task:delete\")\n  assignedTo {\n    id\n    fullName\n  }\n  measure {\n    id\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a2dcb46b0d6a1a26b4e23db5c44c5d65";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasuresPageFragment.graphql.ts b/apps/console/src/__generated__/core/MeasuresPageFragment.graphql.ts
new file mode 100644
index 000000000..4ac966c33
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasuresPageFragment.graphql.ts
@@ -0,0 +1,203 @@
+/**
+ * @generated SignedSource<<2332fd6939942a5ee3d32511feffa42e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type MeasureState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
+import { FragmentRefs } from "relay-runtime";
+export type MeasuresPageFragment$data = {
+  readonly measures: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly category: string;
+        readonly id: string;
+        readonly name: string;
+        readonly state: MeasureState;
+        readonly " $fragmentSpreads": FragmentRefs<"MeasureFormDialogMeasureFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "MeasuresPageFragment";
+};
+export type MeasuresPageFragment$key = {
+  readonly " $data"?: MeasuresPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeasuresPageFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "measures"
+        ]
+      }
+    ]
+  },
+  "name": "MeasuresPageFragment",
+  "selections": [
+    {
+      "alias": "measures",
+      "args": null,
+      "concreteType": "MeasureConnection",
+      "kind": "LinkedField",
+      "name": "__MeasuresGraphListQuery__measures_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "MeasureEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Measure",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "id",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "category",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "state",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:measure:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:measure:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:measure:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:measure:delete\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "MeasureFormDialogMeasureFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "e9d543c6f68f5c205ba55f6d77206091";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeasuresPageImportMutation.graphql.ts b/apps/console/src/__generated__/core/MeasuresPageImportMutation.graphql.ts
new file mode 100644
index 000000000..65721978c
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeasuresPageImportMutation.graphql.ts
@@ -0,0 +1,184 @@
+/**
+ * @generated SignedSource<<c0e424b8b0ec7becf9ac2930c6e81b56>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type MeasureState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
+export type ImportMeasureInput = {
+  file: any;
+  organizationId: string;
+};
+export type MeasuresPageImportMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: ImportMeasureInput;
+};
+export type MeasuresPageImportMutation$data = {
+  readonly importMeasure: {
+    readonly measureEdges: ReadonlyArray<{
+      readonly node: {
+        readonly category: string;
+        readonly id: string;
+        readonly name: string;
+        readonly state: MeasureState;
+      };
+    }>;
+  };
+};
+export type MeasuresPageImportMutation = {
+  response: MeasuresPageImportMutation$data;
+  variables: MeasuresPageImportMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "MeasureEdge",
+  "kind": "LinkedField",
+  "name": "measureEdges",
+  "plural": true,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Measure",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "category",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "state",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeasuresPageImportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "ImportMeasurePayload",
+        "kind": "LinkedField",
+        "name": "importMeasure",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeasuresPageImportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "ImportMeasurePayload",
+        "kind": "LinkedField",
+        "name": "importMeasure",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "appendEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "measureEdges",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "13a5799ca6febcfb85294f75456deffb",
+    "id": null,
+    "metadata": {},
+    "name": "MeasuresPageImportMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeasuresPageImportMutation(\n  $input: ImportMeasureInput!\n) {\n  importMeasure(input: $input) {\n    measureEdges {\n      node {\n        id\n        name\n        category\n        state\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6419f51d00f273c824038e7f2d4c65ba";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingDetailPageMeetingFragment.graphql.ts b/apps/console/src/__generated__/core/MeetingDetailPageMeetingFragment.graphql.ts
new file mode 100644
index 000000000..17a9ae9af
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingDetailPageMeetingFragment.graphql.ts
@@ -0,0 +1,120 @@
+/**
+ * @generated SignedSource<<02d4857a47adc2625d9cbdca077ea713>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeetingDetailPageMeetingFragment$data = {
+  readonly attendees: ReadonlyArray<{
+    readonly fullName: string;
+    readonly id: string;
+  }>;
+  readonly canDelete: boolean;
+  readonly canUpdate: boolean;
+  readonly date: string;
+  readonly id: string;
+  readonly minutes: string | null | undefined;
+  readonly name: string;
+  readonly " $fragmentType": "MeetingDetailPageMeetingFragment";
+};
+export type MeetingDetailPageMeetingFragment$key = {
+  readonly " $data"?: MeetingDetailPageMeetingFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeetingDetailPageMeetingFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MeetingDetailPageMeetingFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "date",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "minutes",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:meeting:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:meeting:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:meeting:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:meeting:delete\")"
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "attendees",
+      "plural": true,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Meeting",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "16fcd4d8cc7dbe80bc7fd37ac5e824e8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/MeetingGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..7f9332bcb
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingGraphCreateMutation.graphql.ts
@@ -0,0 +1,210 @@
+/**
+ * @generated SignedSource<<6e51f615961af796c6bd13eb3cf0b305>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateMeetingInput = {
+  attendeeIds?: ReadonlyArray<string> | null | undefined;
+  date: string;
+  minutes?: string | null | undefined;
+  name: string;
+  organizationId: string;
+};
+export type MeetingGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateMeetingInput;
+};
+export type MeetingGraphCreateMutation$data = {
+  readonly createMeeting: {
+    readonly meetingEdge: {
+      readonly node: {
+        readonly attendees: ReadonlyArray<{
+          readonly fullName: string;
+          readonly id: string;
+        }>;
+        readonly date: string;
+        readonly id: string;
+        readonly minutes: string | null | undefined;
+        readonly name: string;
+      };
+    };
+  };
+};
+export type MeetingGraphCreateMutation = {
+  response: MeetingGraphCreateMutation$data;
+  variables: MeetingGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "MeetingEdge",
+  "kind": "LinkedField",
+  "name": "meetingEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Meeting",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "date",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "minutes",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "People",
+          "kind": "LinkedField",
+          "name": "attendees",
+          "plural": true,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeetingGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateMeetingPayload",
+        "kind": "LinkedField",
+        "name": "createMeeting",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeetingGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateMeetingPayload",
+        "kind": "LinkedField",
+        "name": "createMeeting",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "meetingEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1d0c66e942482f999e3b986af16df678",
+    "id": null,
+    "metadata": {},
+    "name": "MeetingGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeetingGraphCreateMutation(\n  $input: CreateMeetingInput!\n) {\n  createMeeting(input: $input) {\n    meetingEdge {\n      node {\n        id\n        name\n        date\n        minutes\n        attendees {\n          id\n          fullName\n        }\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "27fd6781022144fe6fd247b7e2ce1aaf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/MeetingGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..d344fc4ac
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingGraphDeleteMutation.graphql.ts
@@ -0,0 +1,115 @@
+/**
+ * @generated SignedSource<<f903f8daaf7c28c3d165a215c98e05b6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteMeetingInput = {
+  meetingId: string;
+};
+export type MeetingGraphDeleteMutation$variables = {
+  input: DeleteMeetingInput;
+};
+export type MeetingGraphDeleteMutation$data = {
+  readonly deleteMeeting: {
+    readonly deletedMeetingId: string;
+  };
+};
+export type MeetingGraphDeleteMutation = {
+  response: MeetingGraphDeleteMutation$data;
+  variables: MeetingGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedMeetingId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeetingGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "DeleteMeetingPayload",
+        "kind": "LinkedField",
+        "name": "deleteMeeting",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeetingGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "DeleteMeetingPayload",
+        "kind": "LinkedField",
+        "name": "deleteMeeting",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteRecord",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedMeetingId"
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f88bdc6e79cef363e7c2aaf91dce1d16",
+    "id": null,
+    "metadata": {},
+    "name": "MeetingGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeetingGraphDeleteMutation(\n  $input: DeleteMeetingInput!\n) {\n  deleteMeeting(input: $input) {\n    deletedMeetingId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4d70861c6a4d4b06c753863cba054fc8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/MeetingGraphListQuery.graphql.ts
new file mode 100644
index 000000000..aec7822b7
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingGraphListQuery.graphql.ts
@@ -0,0 +1,331 @@
+/**
+ * @generated SignedSource<<7ac900885cf356d87efb7496bd37bbad>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeetingGraphListQuery$variables = {
+  organizationId: string;
+};
+export type MeetingGraphListQuery$data = {
+  readonly organization: {
+    readonly canCreateMeeting?: boolean;
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"MeetingsPageListFragment">;
+  };
+};
+export type MeetingGraphListQuery = {
+  response: MeetingGraphListQuery$data;
+  variables: MeetingGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": "canCreateMeeting",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:meeting:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:meeting:create\")"
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "DATE"
+    }
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeetingGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/)
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          },
+          {
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "MeetingsPageListFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeetingGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "OrganizationContext",
+                "kind": "LinkedField",
+                "name": "context",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "summary",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "concreteType": "MeetingConnection",
+                "kind": "LinkedField",
+                "name": "meetings",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeetingEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Meeting",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "date",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "attendees",
+                            "plural": true,
+                            "selections": [
+                              (v2/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:meeting:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:meeting:delete\")"
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "meetings(first:50,orderBy:{\"direction\":\"DESC\",\"field\":\"DATE\"})"
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "MeetingsListQuery_meetings",
+                "kind": "LinkedHandle",
+                "name": "meetings"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "68a020e412baf691d3ce96eff5817190",
+    "id": null,
+    "metadata": {},
+    "name": "MeetingGraphListQuery",
+    "operationKind": "query",
+    "text": "query MeetingGraphListQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      canCreateMeeting: permission(action: \"core:meeting:create\")\n    }\n    ...MeetingsPageListFragment\n  }\n}\n\nfragment MeetingsPageListFragment on Organization {\n  id\n  context {\n    summary\n  }\n  meetings(first: 50, orderBy: {field: DATE, direction: DESC}) {\n    edges {\n      node {\n        id\n        ...MeetingsPageRowFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment MeetingsPageRowFragment on Meeting {\n  id\n  name\n  date\n  attendees {\n    id\n    fullName\n  }\n  canDelete: permission(action: \"core:meeting:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3ec4cedaa00b3109b79df0425db7f094";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/MeetingGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..f04a59156
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingGraphNodeQuery.graphql.ts
@@ -0,0 +1,188 @@
+/**
+ * @generated SignedSource<<75a92b14ee7a1d73c9dde3d9d8d76de6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeetingGraphNodeQuery$variables = {
+  meetingId: string;
+};
+export type MeetingGraphNodeQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"MeetingDetailPageMeetingFragment">;
+  };
+};
+export type MeetingGraphNodeQuery = {
+  response: MeetingGraphNodeQuery$data;
+  variables: MeetingGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "meetingId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "meetingId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeetingGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "MeetingDetailPageMeetingFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeetingGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "date",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "minutes",
+                "storageKey": null
+              },
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:meeting:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:meeting:update\")"
+              },
+              {
+                "alias": "canDelete",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:meeting:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:meeting:delete\")"
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "attendees",
+                "plural": true,
+                "selections": [
+                  (v2/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "fullName",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Meeting",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "efaa301fdd6d05385d7858d182d4b2ec",
+    "id": null,
+    "metadata": {},
+    "name": "MeetingGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query MeetingGraphNodeQuery(\n  $meetingId: ID!\n) {\n  node(id: $meetingId) {\n    __typename\n    ...MeetingDetailPageMeetingFragment\n    id\n  }\n}\n\nfragment MeetingDetailPageMeetingFragment on Meeting {\n  id\n  name\n  date\n  minutes\n  canUpdate: permission(action: \"core:meeting:update\")\n  canDelete: permission(action: \"core:meeting:delete\")\n  attendees {\n    id\n    fullName\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "08844ea87fd5de5c7fe55583373e0468";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/MeetingGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..fa73cea33
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingGraphUpdateMutation.graphql.ts
@@ -0,0 +1,157 @@
+/**
+ * @generated SignedSource<<f2352b27b79021bcd62b36ef246bc084>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateMeetingInput = {
+  attendeeIds?: ReadonlyArray<string> | null | undefined;
+  date?: string | null | undefined;
+  meetingId: string;
+  minutes?: string | null | undefined;
+  name?: string | null | undefined;
+};
+export type MeetingGraphUpdateMutation$variables = {
+  input: UpdateMeetingInput;
+};
+export type MeetingGraphUpdateMutation$data = {
+  readonly updateMeeting: {
+    readonly meeting: {
+      readonly attendees: ReadonlyArray<{
+        readonly fullName: string;
+        readonly id: string;
+      }>;
+      readonly date: string;
+      readonly id: string;
+      readonly minutes: string | null | undefined;
+      readonly name: string;
+    };
+  };
+};
+export type MeetingGraphUpdateMutation = {
+  response: MeetingGraphUpdateMutation$data;
+  variables: MeetingGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateMeetingPayload",
+    "kind": "LinkedField",
+    "name": "updateMeeting",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Meeting",
+        "kind": "LinkedField",
+        "name": "meeting",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "date",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "minutes",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "attendees",
+            "plural": true,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeetingGraphUpdateMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeetingGraphUpdateMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "e40a6b6cf200c6c90ca61a21c15452c1",
+    "id": null,
+    "metadata": {},
+    "name": "MeetingGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeetingGraphUpdateMutation(\n  $input: UpdateMeetingInput!\n) {\n  updateMeeting(input: $input) {\n    meeting {\n      id\n      name\n      date\n      minutes\n      attendees {\n        id\n        fullName\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b3d9ca4361201376b0d5ab78ec1ef316";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingsListQuery.graphql.ts b/apps/console/src/__generated__/core/MeetingsListQuery.graphql.ts
new file mode 100644
index 000000000..a771dc9b7
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingsListQuery.graphql.ts
@@ -0,0 +1,383 @@
+/**
+ * @generated SignedSource<<6d71d2d88b695492ef93e2b213fc14d3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeetingOrderField = "CREATED_AT" | "DATE" | "NAME";
+export type OrderDirection = "ASC" | "DESC";
+export type MeetingOrder = {
+  direction: OrderDirection;
+  field: MeetingOrderField;
+};
+export type MeetingsListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: MeetingOrder | null | undefined;
+};
+export type MeetingsListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"MeetingsPageListFragment">;
+  };
+};
+export type MeetingsListQuery = {
+  response: MeetingsListQuery$data;
+  variables: MeetingsListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": {
+    "direction": "DESC",
+    "field": "DATE"
+  },
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeetingsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "MeetingsPageListFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MeetingsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "OrganizationContext",
+                "kind": "LinkedField",
+                "name": "context",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "summary",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "MeetingConnection",
+                "kind": "LinkedField",
+                "name": "meetings",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeetingEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Meeting",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "date",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "attendees",
+                            "plural": true,
+                            "selections": [
+                              (v12/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:meeting:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:meeting:delete\")"
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "MeetingsListQuery_meetings",
+                "kind": "LinkedHandle",
+                "name": "meetings"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f4135654e654bbaa31192269ff567752",
+    "id": null,
+    "metadata": {},
+    "name": "MeetingsListQuery",
+    "operationKind": "query",
+    "text": "query MeetingsListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: MeetingOrder = {field: DATE, direction: DESC}\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...MeetingsPageListFragment_16fISc\n    id\n  }\n}\n\nfragment MeetingsPageListFragment_16fISc on Organization {\n  id\n  context {\n    summary\n  }\n  meetings(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        ...MeetingsPageRowFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment MeetingsPageRowFragment on Meeting {\n  id\n  name\n  date\n  attendees {\n    id\n    fullName\n  }\n  canDelete: permission(action: \"core:meeting:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2fe5f058a857ddd4566169d220fb3310";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingsPageListFragment.graphql.ts b/apps/console/src/__generated__/core/MeetingsPageListFragment.graphql.ts
new file mode 100644
index 000000000..7f18f4893
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingsPageListFragment.graphql.ts
@@ -0,0 +1,249 @@
+/**
+ * @generated SignedSource<<5609ac7dd3b3fb18c95cfa91381582cf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeetingsPageListFragment$data = {
+  readonly context: {
+    readonly summary: string | null | undefined;
+  } | null | undefined;
+  readonly id: string;
+  readonly meetings: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"MeetingsPageRowFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "MeetingsPageListFragment";
+};
+export type MeetingsPageListFragment$key = {
+  readonly " $data"?: MeetingsPageListFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeetingsPageListFragment">;
+};
+
+import MeetingsListQuery_graphql from './MeetingsListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "meetings"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": {
+        "direction": "DESC",
+        "field": "DATE"
+      },
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": MeetingsListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "MeetingsPageListFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "OrganizationContext",
+      "kind": "LinkedField",
+      "name": "context",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "summary",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": "meetings",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "MeetingConnection",
+      "kind": "LinkedField",
+      "name": "__MeetingsListQuery_meetings_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "MeetingEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Meeting",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "MeetingsPageRowFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "2fe5f058a857ddd4566169d220fb3310";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingsPageRowFragment.graphql.ts b/apps/console/src/__generated__/core/MeetingsPageRowFragment.graphql.ts
new file mode 100644
index 000000000..10aae18bd
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingsPageRowFragment.graphql.ts
@@ -0,0 +1,98 @@
+/**
+ * @generated SignedSource<<e8de023c889edc6ca714311bf3249ddf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeetingsPageRowFragment$data = {
+  readonly attendees: ReadonlyArray<{
+    readonly fullName: string;
+    readonly id: string;
+  }>;
+  readonly canDelete: boolean;
+  readonly date: string;
+  readonly id: string;
+  readonly name: string;
+  readonly " $fragmentType": "MeetingsPageRowFragment";
+};
+export type MeetingsPageRowFragment$key = {
+  readonly " $data"?: MeetingsPageRowFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MeetingsPageRowFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MeetingsPageRowFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "date",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "attendees",
+      "plural": true,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:meeting:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:meeting:delete\")"
+    }
+  ],
+  "type": "Meeting",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "22a8c7132716408a17d39ea5ff36a38d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/MeetingsPage_UpdateSummaryMutation.graphql.ts b/apps/console/src/__generated__/core/MeetingsPage_UpdateSummaryMutation.graphql.ts
new file mode 100644
index 000000000..63a0187d9
--- /dev/null
+++ b/apps/console/src/__generated__/core/MeetingsPage_UpdateSummaryMutation.graphql.ts
@@ -0,0 +1,114 @@
+/**
+ * @generated SignedSource<<1fff8c5cca1610284185c485630e84de>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateOrganizationContextInput = {
+  organizationId: string;
+  summary?: string | null | undefined;
+};
+export type MeetingsPage_UpdateSummaryMutation$variables = {
+  input: UpdateOrganizationContextInput;
+};
+export type MeetingsPage_UpdateSummaryMutation$data = {
+  readonly updateOrganizationContext: {
+    readonly context: {
+      readonly organizationId: string;
+      readonly summary: string | null | undefined;
+    };
+  };
+};
+export type MeetingsPage_UpdateSummaryMutation = {
+  response: MeetingsPage_UpdateSummaryMutation$data;
+  variables: MeetingsPage_UpdateSummaryMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateOrganizationContextPayload",
+    "kind": "LinkedField",
+    "name": "updateOrganizationContext",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "OrganizationContext",
+        "kind": "LinkedField",
+        "name": "context",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "organizationId",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "summary",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MeetingsPage_UpdateSummaryMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MeetingsPage_UpdateSummaryMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "cb37cdde6dc5ac655a7cefc63d9e72e7",
+    "id": null,
+    "metadata": {},
+    "name": "MeetingsPage_UpdateSummaryMutation",
+    "operationKind": "mutation",
+    "text": "mutation MeetingsPage_UpdateSummaryMutation(\n  $input: UpdateOrganizationContextInput!\n) {\n  updateOrganizationContext(input: $input) {\n    context {\n      organizationId\n      summary\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "8bfa5b636dbc3535dbed22e1869bc941";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NewDomainDialogMutation.graphql.ts b/apps/console/src/__generated__/core/NewDomainDialogMutation.graphql.ts
new file mode 100644
index 000000000..560c63bdb
--- /dev/null
+++ b/apps/console/src/__generated__/core/NewDomainDialogMutation.graphql.ts
@@ -0,0 +1,200 @@
+/**
+ * @generated SignedSource<<098714fcfe212fae40bdad19b10f8a00>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SSLStatus = "ACTIVE" | "EXPIRED" | "FAILED" | "PENDING" | "PROVISIONING" | "RENEWING";
+export type CreateCustomDomainInput = {
+  domain: string;
+  organizationId: string;
+};
+export type NewDomainDialogMutation$variables = {
+  input: CreateCustomDomainInput;
+};
+export type NewDomainDialogMutation$data = {
+  readonly createCustomDomain: {
+    readonly customDomain: {
+      readonly createdAt: string;
+      readonly dnsRecords: ReadonlyArray<{
+        readonly name: string;
+        readonly purpose: string;
+        readonly ttl: number;
+        readonly type: string;
+        readonly value: string;
+      }>;
+      readonly domain: string;
+      readonly id: string;
+      readonly sslExpiresAt: string | null | undefined;
+      readonly sslStatus: SSLStatus;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type NewDomainDialogMutation = {
+  response: NewDomainDialogMutation$data;
+  variables: NewDomainDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "CreateCustomDomainPayload",
+    "kind": "LinkedField",
+    "name": "createCustomDomain",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "CustomDomain",
+        "kind": "LinkedField",
+        "name": "customDomain",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "domain",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "sslStatus",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DNSRecordInstruction",
+            "kind": "LinkedField",
+            "name": "dnsRecords",
+            "plural": true,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "type",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "value",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "ttl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "purpose",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "sslExpiresAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NewDomainDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "NewDomainDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "b8aa27fe9ab3442dea9b96a70966524b",
+    "id": null,
+    "metadata": {},
+    "name": "NewDomainDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation NewDomainDialogMutation(\n  $input: CreateCustomDomainInput!\n) {\n  createCustomDomain(input: $input) {\n    customDomain {\n      id\n      domain\n      sslStatus\n      dnsRecords {\n        type\n        name\n        value\n        ttl\n        purpose\n      }\n      createdAt\n      updatedAt\n      sslExpiresAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f49cd22c5d6656e662fad5afab6fc344";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NonconformitiesPageFragment.graphql.ts b/apps/console/src/__generated__/core/NonconformitiesPageFragment.graphql.ts
new file mode 100644
index 000000000..822b77ca5
--- /dev/null
+++ b/apps/console/src/__generated__/core/NonconformitiesPageFragment.graphql.ts
@@ -0,0 +1,391 @@
+/**
+ * @generated SignedSource<<995f84eb7ea5dddf0b3166230a9a969e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type NonconformityStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+import { FragmentRefs } from "relay-runtime";
+export type NonconformitiesPageFragment$data = {
+  readonly id: string;
+  readonly nonconformities: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly audit: {
+          readonly framework: {
+            readonly id: string;
+            readonly name: string;
+          };
+          readonly id: string;
+          readonly name: string | null | undefined;
+        } | null | undefined;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly correctiveAction: string | null | undefined;
+        readonly createdAt: string;
+        readonly dateIdentified: string | null | undefined;
+        readonly description: string | null | undefined;
+        readonly dueDate: string | null | undefined;
+        readonly effectivenessCheck: string | null | undefined;
+        readonly id: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly referenceId: string;
+        readonly rootCause: string;
+        readonly snapshotId: string | null | undefined;
+        readonly status: NonconformityStatus;
+        readonly updatedAt: string;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+    readonly totalCount: number;
+  };
+  readonly " $fragmentType": "NonconformitiesPageFragment";
+};
+export type NonconformitiesPageFragment$key = {
+  readonly " $data"?: NonconformitiesPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"NonconformitiesPageFragment">;
+};
+
+import NonconformitiesPageRefetchQuery_graphql from './NonconformitiesPageRefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "nonconformities"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": NonconformitiesPageRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "NonconformitiesPageFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "nonconformities",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "NonconformityConnection",
+      "kind": "LinkedField",
+      "name": "__NonconformitiesPage_nonconformities_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "NonconformityEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Nonconformity",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "referenceId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "description",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dateIdentified",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dueDate",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "rootCause",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "correctiveAction",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "effectivenessCheck",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Audit",
+                  "kind": "LinkedField",
+                  "name": "audit",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    (v2/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "Framework",
+                      "kind": "LinkedField",
+                      "name": "framework",
+                      "plural": false,
+                      "selections": [
+                        (v1/*: any*/),
+                        (v2/*: any*/)
+                      ],
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "owner",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:nonconformity:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:nonconformity:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:nonconformity:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:nonconformity:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "57f7e0fb2efff357af936edf90e14876";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NonconformitiesPageRefetchQuery.graphql.ts b/apps/console/src/__generated__/core/NonconformitiesPageRefetchQuery.graphql.ts
new file mode 100644
index 000000000..548c62fcc
--- /dev/null
+++ b/apps/console/src/__generated__/core/NonconformitiesPageRefetchQuery.graphql.ts
@@ -0,0 +1,431 @@
+/**
+ * @generated SignedSource<<464a73547f605ed418f7e4e87b65032b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type NonconformitiesPageRefetchQuery$variables = {
+  after?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  snapshotId?: string | null | undefined;
+};
+export type NonconformitiesPageRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"NonconformitiesPageFragment">;
+  };
+};
+export type NonconformitiesPageRefetchQuery = {
+  response: NonconformitiesPageRefetchQuery$data;
+  variables: NonconformitiesPageRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v5 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v6 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v7 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v10 = [
+  (v5/*: any*/),
+  {
+    "fields": [
+      (v7/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v6/*: any*/)
+],
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NonconformitiesPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "NonconformitiesPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v3/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "NonconformitiesPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v8/*: any*/),
+          (v9/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "concreteType": "NonconformityConnection",
+                "kind": "LinkedField",
+                "name": "nonconformities",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "NonconformityEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Nonconformity",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v9/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "referenceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dateIdentified",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dueDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "rootCause",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "correctiveAction",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "effectivenessCheck",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Audit",
+                            "kind": "LinkedField",
+                            "name": "audit",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              (v11/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "Framework",
+                                "kind": "LinkedField",
+                                "name": "framework",
+                                "plural": false,
+                                "selections": [
+                                  (v9/*: any*/),
+                                  (v11/*: any*/)
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:nonconformity:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:nonconformity:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:nonconformity:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:nonconformity:delete\")"
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "NonconformitiesPage_nonconformities",
+                "kind": "LinkedHandle",
+                "name": "nonconformities"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3876389521eec8e9737e5939cff3d95a",
+    "id": null,
+    "metadata": {},
+    "name": "NonconformitiesPageRefetchQuery",
+    "operationKind": "query",
+    "text": "query NonconformitiesPageRefetchQuery(\n  $after: CursorKey\n  $first: Int = 10\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...NonconformitiesPageFragment_35e0S5\n    id\n  }\n}\n\nfragment NonconformitiesPageFragment_35e0S5 on Organization {\n  id\n  nonconformities(first: $first, after: $after, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        referenceId\n        snapshotId\n        description\n        status\n        dateIdentified\n        dueDate\n        rootCause\n        correctiveAction\n        effectivenessCheck\n        audit {\n          id\n          name\n          framework {\n            id\n            name\n          }\n        }\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:nonconformity:update\")\n        canDelete: permission(action: \"core:nonconformity:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "57f7e0fb2efff357af936edf90e14876";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NonconformityGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/NonconformityGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..ed842c9d8
--- /dev/null
+++ b/apps/console/src/__generated__/core/NonconformityGraphCreateMutation.graphql.ts
@@ -0,0 +1,380 @@
+/**
+ * @generated SignedSource<<38092f8f7826b528d94c597c1edfb150>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type NonconformityStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+export type CreateNonconformityInput = {
+  auditId?: string | null | undefined;
+  correctiveAction?: string | null | undefined;
+  dateIdentified?: string | null | undefined;
+  description?: string | null | undefined;
+  dueDate?: string | null | undefined;
+  effectivenessCheck?: string | null | undefined;
+  organizationId: string;
+  ownerId: string;
+  referenceId: string;
+  rootCause: string;
+  status: NonconformityStatus;
+};
+export type NonconformityGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateNonconformityInput;
+};
+export type NonconformityGraphCreateMutation$data = {
+  readonly createNonconformity: {
+    readonly nonconformityEdge: {
+      readonly node: {
+        readonly audit: {
+          readonly framework: {
+            readonly name: string;
+          };
+          readonly id: string;
+        } | null | undefined;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dateIdentified: string | null | undefined;
+        readonly description: string | null | undefined;
+        readonly dueDate: string | null | undefined;
+        readonly id: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly referenceId: string;
+        readonly rootCause: string;
+        readonly status: NonconformityStatus;
+      };
+    };
+  };
+};
+export type NonconformityGraphCreateMutation = {
+  response: NonconformityGraphCreateMutation$data;
+  variables: NonconformityGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "referenceId",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "status",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dateIdentified",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dueDate",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "rootCause",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v3/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v13 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:nonconformity:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:nonconformity:update\")"
+},
+v14 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:nonconformity:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:nonconformity:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NonconformityGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateNonconformityPayload",
+        "kind": "LinkedField",
+        "name": "createNonconformity",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "NonconformityEdge",
+            "kind": "LinkedField",
+            "name": "nonconformityEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Nonconformity",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/),
+                  (v6/*: any*/),
+                  (v7/*: any*/),
+                  (v8/*: any*/),
+                  (v9/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Audit",
+                    "kind": "LinkedField",
+                    "name": "audit",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Framework",
+                        "kind": "LinkedField",
+                        "name": "framework",
+                        "plural": false,
+                        "selections": [
+                          (v10/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  (v11/*: any*/),
+                  (v12/*: any*/),
+                  (v13/*: any*/),
+                  (v14/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "NonconformityGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateNonconformityPayload",
+        "kind": "LinkedField",
+        "name": "createNonconformity",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "NonconformityEdge",
+            "kind": "LinkedField",
+            "name": "nonconformityEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Nonconformity",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  (v4/*: any*/),
+                  (v5/*: any*/),
+                  (v6/*: any*/),
+                  (v7/*: any*/),
+                  (v8/*: any*/),
+                  (v9/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Audit",
+                    "kind": "LinkedField",
+                    "name": "audit",
+                    "plural": false,
+                    "selections": [
+                      (v3/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Framework",
+                        "kind": "LinkedField",
+                        "name": "framework",
+                        "plural": false,
+                        "selections": [
+                          (v10/*: any*/),
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  (v11/*: any*/),
+                  (v12/*: any*/),
+                  (v13/*: any*/),
+                  (v14/*: any*/)
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "nonconformityEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a6643ead6aba7ef0e9e25dcf889c51e5",
+    "id": null,
+    "metadata": {},
+    "name": "NonconformityGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation NonconformityGraphCreateMutation(\n  $input: CreateNonconformityInput!\n) {\n  createNonconformity(input: $input) {\n    nonconformityEdge {\n      node {\n        id\n        referenceId\n        description\n        status\n        dateIdentified\n        dueDate\n        rootCause\n        audit {\n          id\n          framework {\n            name\n            id\n          }\n        }\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        canUpdate: permission(action: \"core:nonconformity:update\")\n        canDelete: permission(action: \"core:nonconformity:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "198593806928185e34490d5c656e70ca";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NonconformityGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/NonconformityGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..8363d5eb2
--- /dev/null
+++ b/apps/console/src/__generated__/core/NonconformityGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<5b430cf79f9527c247a0262d039f9603>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteNonconformityInput = {
+  nonconformityId: string;
+};
+export type NonconformityGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteNonconformityInput;
+};
+export type NonconformityGraphDeleteMutation$data = {
+  readonly deleteNonconformity: {
+    readonly deletedNonconformityId: string;
+  };
+};
+export type NonconformityGraphDeleteMutation = {
+  response: NonconformityGraphDeleteMutation$data;
+  variables: NonconformityGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedNonconformityId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NonconformityGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteNonconformityPayload",
+        "kind": "LinkedField",
+        "name": "deleteNonconformity",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "NonconformityGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteNonconformityPayload",
+        "kind": "LinkedField",
+        "name": "deleteNonconformity",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedNonconformityId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "2e421cc7eb59884d8eeb7b8856f36142",
+    "id": null,
+    "metadata": {},
+    "name": "NonconformityGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation NonconformityGraphDeleteMutation(\n  $input: DeleteNonconformityInput!\n) {\n  deleteNonconformity(input: $input) {\n    deletedNonconformityId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d9d2303a4235301061e976771043d18a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NonconformityGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/NonconformityGraphListQuery.graphql.ts
new file mode 100644
index 000000000..0ded8c1c5
--- /dev/null
+++ b/apps/console/src/__generated__/core/NonconformityGraphListQuery.graphql.ts
@@ -0,0 +1,423 @@
+/**
+ * @generated SignedSource<<0da0e157ba973f1ae3e2a60d750b8c0d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type NonconformityGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type NonconformityGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateNonconformity?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"NonconformitiesPageFragment">;
+  };
+};
+export type NonconformityGraphListQuery = {
+  response: NonconformityGraphListQuery$data;
+  variables: NonconformityGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateNonconformity",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:nonconformity:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:nonconformity:create\")"
+},
+v3 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v6 = [
+  {
+    "fields": (v3/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NonconformityGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": (v3/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "NonconformitiesPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "NonconformityGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v5/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "NonconformityConnection",
+                "kind": "LinkedField",
+                "name": "nonconformities",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "NonconformityEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Nonconformity",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "referenceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dateIdentified",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dueDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "rootCause",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "correctiveAction",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "effectivenessCheck",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Audit",
+                            "kind": "LinkedField",
+                            "name": "audit",
+                            "plural": false,
+                            "selections": [
+                              (v5/*: any*/),
+                              (v7/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "Framework",
+                                "kind": "LinkedField",
+                                "name": "framework",
+                                "plural": false,
+                                "selections": [
+                                  (v5/*: any*/),
+                                  (v7/*: any*/)
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v5/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:nonconformity:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:nonconformity:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:nonconformity:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:nonconformity:delete\")"
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "NonconformitiesPage_nonconformities",
+                "kind": "LinkedHandle",
+                "name": "nonconformities"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "96b967c48f7366ffeab39d39fa7221b2",
+    "id": null,
+    "metadata": {},
+    "name": "NonconformityGraphListQuery",
+    "operationKind": "query",
+    "text": "query NonconformityGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateNonconformity: permission(action: \"core:nonconformity:create\")\n      ...NonconformitiesPageFragment_3iomuz\n    }\n    id\n  }\n}\n\nfragment NonconformitiesPageFragment_3iomuz on Organization {\n  id\n  nonconformities(first: 10, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        referenceId\n        snapshotId\n        description\n        status\n        dateIdentified\n        dueDate\n        rootCause\n        correctiveAction\n        effectivenessCheck\n        audit {\n          id\n          name\n          framework {\n            id\n            name\n          }\n        }\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:nonconformity:update\")\n        canDelete: permission(action: \"core:nonconformity:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "535dfc28b086e0f5a0ffb2f40cac2d89";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NonconformityGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/NonconformityGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..426167659
--- /dev/null
+++ b/apps/console/src/__generated__/core/NonconformityGraphNodeQuery.graphql.ts
@@ -0,0 +1,349 @@
+/**
+ * @generated SignedSource<<6a3589d799bf9319227833a4356864b2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type NonconformityStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+export type NonconformityGraphNodeQuery$variables = {
+  nonconformityId: string;
+};
+export type NonconformityGraphNodeQuery$data = {
+  readonly node: {
+    readonly audit?: {
+      readonly framework: {
+        readonly id: string;
+        readonly name: string;
+      };
+      readonly id: string;
+    } | null | undefined;
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly correctiveAction?: string | null | undefined;
+    readonly createdAt?: string;
+    readonly dateIdentified?: string | null | undefined;
+    readonly description?: string | null | undefined;
+    readonly dueDate?: string | null | undefined;
+    readonly effectivenessCheck?: string | null | undefined;
+    readonly id?: string;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+    readonly owner?: {
+      readonly fullName: string;
+      readonly id: string;
+    };
+    readonly referenceId?: string;
+    readonly rootCause?: string;
+    readonly snapshotId?: string | null | undefined;
+    readonly status?: NonconformityStatus;
+    readonly updatedAt?: string;
+  };
+};
+export type NonconformityGraphNodeQuery = {
+  response: NonconformityGraphNodeQuery$data;
+  variables: NonconformityGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "nonconformityId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "nonconformityId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "referenceId",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dateIdentified",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "rootCause",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "correctiveAction",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dueDate",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "status",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "effectivenessCheck",
+  "storageKey": null
+},
+v12 = [
+  (v2/*: any*/),
+  {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "name",
+    "storageKey": null
+  }
+],
+v13 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Audit",
+  "kind": "LinkedField",
+  "name": "audit",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Framework",
+      "kind": "LinkedField",
+      "name": "framework",
+      "plural": false,
+      "selections": (v12/*: any*/),
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": (v12/*: any*/),
+  "storageKey": null
+},
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v17 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v18 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:nonconformity:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:nonconformity:update\")"
+},
+v19 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:nonconformity:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:nonconformity:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NonconformityGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/)
+            ],
+            "type": "Nonconformity",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "NonconformityGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/)
+            ],
+            "type": "Nonconformity",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f917aa1ad5d7628a6193743a18c9aab9",
+    "id": null,
+    "metadata": {},
+    "name": "NonconformityGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query NonconformityGraphNodeQuery(\n  $nonconformityId: ID!\n) {\n  node(id: $nonconformityId) {\n    __typename\n    ... on Nonconformity {\n      id\n      snapshotId\n      referenceId\n      description\n      dateIdentified\n      rootCause\n      correctiveAction\n      dueDate\n      status\n      effectivenessCheck\n      audit {\n        id\n        framework {\n          id\n          name\n        }\n      }\n      owner {\n        id\n        fullName\n      }\n      organization {\n        id\n        name\n      }\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:nonconformity:update\")\n      canDelete: permission(action: \"core:nonconformity:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6d1ecfb7df432a591c7e16461842796d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/NonconformityGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/NonconformityGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..4c7600dc8
--- /dev/null
+++ b/apps/console/src/__generated__/core/NonconformityGraphUpdateMutation.graphql.ts
@@ -0,0 +1,250 @@
+/**
+ * @generated SignedSource<<b167add8ba44f61fd813e211d2d29c05>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type NonconformityStatus = "CLOSED" | "IN_PROGRESS" | "OPEN";
+export type UpdateNonconformityInput = {
+  auditId?: string | null | undefined;
+  correctiveAction?: string | null | undefined;
+  dateIdentified?: string | null | undefined;
+  description?: string | null | undefined;
+  dueDate?: string | null | undefined;
+  effectivenessCheck?: string | null | undefined;
+  id: string;
+  ownerId?: string | null | undefined;
+  referenceId?: string | null | undefined;
+  rootCause?: string | null | undefined;
+  status?: NonconformityStatus | null | undefined;
+};
+export type NonconformityGraphUpdateMutation$variables = {
+  input: UpdateNonconformityInput;
+};
+export type NonconformityGraphUpdateMutation$data = {
+  readonly updateNonconformity: {
+    readonly nonconformity: {
+      readonly audit: {
+        readonly framework: {
+          readonly id: string;
+          readonly name: string;
+        };
+        readonly id: string;
+      } | null | undefined;
+      readonly correctiveAction: string | null | undefined;
+      readonly dateIdentified: string | null | undefined;
+      readonly description: string | null | undefined;
+      readonly dueDate: string | null | undefined;
+      readonly effectivenessCheck: string | null | undefined;
+      readonly id: string;
+      readonly owner: {
+        readonly fullName: string;
+        readonly id: string;
+      };
+      readonly referenceId: string;
+      readonly rootCause: string;
+      readonly status: NonconformityStatus;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type NonconformityGraphUpdateMutation = {
+  response: NonconformityGraphUpdateMutation$data;
+  variables: NonconformityGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateNonconformityPayload",
+    "kind": "LinkedField",
+    "name": "updateNonconformity",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Nonconformity",
+        "kind": "LinkedField",
+        "name": "nonconformity",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "referenceId",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dateIdentified",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "rootCause",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "correctiveAction",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dueDate",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "status",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "effectivenessCheck",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "owner",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Audit",
+            "kind": "LinkedField",
+            "name": "audit",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Framework",
+                "kind": "LinkedField",
+                "name": "framework",
+                "plural": false,
+                "selections": [
+                  (v1/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NonconformityGraphUpdateMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "NonconformityGraphUpdateMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "db365ab97fb067ad2e9b1daa68f64ed9",
+    "id": null,
+    "metadata": {},
+    "name": "NonconformityGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation NonconformityGraphUpdateMutation(\n  $input: UpdateNonconformityInput!\n) {\n  updateNonconformity(input: $input) {\n    nonconformity {\n      id\n      referenceId\n      description\n      dateIdentified\n      rootCause\n      correctiveAction\n      dueDate\n      status\n      effectivenessCheck\n      owner {\n        id\n        fullName\n      }\n      audit {\n        id\n        framework {\n          id\n          name\n        }\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5803de6f6f017148cca1e3066a6b3967";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ObligationGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/ObligationGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..4e8385369
--- /dev/null
+++ b/apps/console/src/__generated__/core/ObligationGraphCreateMutation.graphql.ts
@@ -0,0 +1,302 @@
+/**
+ * @generated SignedSource<<1f23de4809b353b4b807c3fa85146bf4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ObligationStatus = "COMPLIANT" | "NON_COMPLIANT" | "PARTIALLY_COMPLIANT";
+export type ObligationType = "CONTRACTUAL" | "LEGAL";
+export type CreateObligationInput = {
+  actionsToBeImplemented?: string | null | undefined;
+  area?: string | null | undefined;
+  dueDate?: string | null | undefined;
+  lastReviewDate?: string | null | undefined;
+  organizationId: string;
+  ownerId: string;
+  regulator?: string | null | undefined;
+  requirement?: string | null | undefined;
+  source?: string | null | undefined;
+  status: ObligationStatus;
+  type: ObligationType;
+};
+export type ObligationGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateObligationInput;
+};
+export type ObligationGraphCreateMutation$data = {
+  readonly createObligation: {
+    readonly obligationEdge: {
+      readonly node: {
+        readonly actionsToBeImplemented: string | null | undefined;
+        readonly area: string | null | undefined;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dueDate: string | null | undefined;
+        readonly id: string;
+        readonly lastReviewDate: string | null | undefined;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly regulator: string | null | undefined;
+        readonly requirement: string | null | undefined;
+        readonly source: string | null | undefined;
+        readonly status: ObligationStatus;
+        readonly type: ObligationType;
+      };
+    };
+  };
+};
+export type ObligationGraphCreateMutation = {
+  response: ObligationGraphCreateMutation$data;
+  variables: ObligationGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "ObligationEdge",
+  "kind": "LinkedField",
+  "name": "obligationEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Obligation",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "area",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "source",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "requirement",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "actionsToBeImplemented",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "regulator",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "type",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "lastReviewDate",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "dueDate",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "status",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "People",
+          "kind": "LinkedField",
+          "name": "owner",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:obligation:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:obligation:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:obligation:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:obligation:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ObligationGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateObligationPayload",
+        "kind": "LinkedField",
+        "name": "createObligation",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ObligationGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateObligationPayload",
+        "kind": "LinkedField",
+        "name": "createObligation",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "obligationEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "07c56edca205672276a394e621181187",
+    "id": null,
+    "metadata": {},
+    "name": "ObligationGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation ObligationGraphCreateMutation(\n  $input: CreateObligationInput!\n) {\n  createObligation(input: $input) {\n    obligationEdge {\n      node {\n        id\n        area\n        source\n        requirement\n        actionsToBeImplemented\n        regulator\n        type\n        lastReviewDate\n        dueDate\n        status\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        canUpdate: permission(action: \"core:obligation:update\")\n        canDelete: permission(action: \"core:obligation:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c4ab18948e2f118f433530ba3be77bda";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ObligationGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/ObligationGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..4e6d430c7
--- /dev/null
+++ b/apps/console/src/__generated__/core/ObligationGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<0966beeae022283847f20f63c3303ee2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteObligationInput = {
+  obligationId: string;
+};
+export type ObligationGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteObligationInput;
+};
+export type ObligationGraphDeleteMutation$data = {
+  readonly deleteObligation: {
+    readonly deletedObligationId: string;
+  };
+};
+export type ObligationGraphDeleteMutation = {
+  response: ObligationGraphDeleteMutation$data;
+  variables: ObligationGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedObligationId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ObligationGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteObligationPayload",
+        "kind": "LinkedField",
+        "name": "deleteObligation",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ObligationGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteObligationPayload",
+        "kind": "LinkedField",
+        "name": "deleteObligation",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedObligationId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "d54295be0ffd5722cf2e5408a62be33d",
+    "id": null,
+    "metadata": {},
+    "name": "ObligationGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation ObligationGraphDeleteMutation(\n  $input: DeleteObligationInput!\n) {\n  deleteObligation(input: $input) {\n    deletedObligationId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "224562b4db5e07b2a11aebda97cd0732";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ObligationGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/ObligationGraphListQuery.graphql.ts
new file mode 100644
index 000000000..02b269ff0
--- /dev/null
+++ b/apps/console/src/__generated__/core/ObligationGraphListQuery.graphql.ts
@@ -0,0 +1,397 @@
+/**
+ * @generated SignedSource<<02e8a94b4b1fde8cf24235afcfd5731a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ObligationGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type ObligationGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateObligation?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"ObligationsPageFragment">;
+  };
+};
+export type ObligationGraphListQuery = {
+  response: ObligationGraphListQuery$data;
+  variables: ObligationGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateObligation",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:obligation:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:obligation:create\")"
+},
+v3 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v6 = [
+  {
+    "fields": (v3/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ObligationGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": (v3/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "ObligationsPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ObligationGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v5/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "ObligationConnection",
+                "kind": "LinkedField",
+                "name": "obligations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ObligationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Obligation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "area",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requirement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "lastReviewDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dueDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "actionsToBeImplemented",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "regulator",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v5/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:obligation:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:obligation:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:obligation:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:obligation:delete\")"
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "ObligationsPage_obligations",
+                "kind": "LinkedHandle",
+                "name": "obligations"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "09f360edd84c4db5cf2bc3d01b207d46",
+    "id": null,
+    "metadata": {},
+    "name": "ObligationGraphListQuery",
+    "operationKind": "query",
+    "text": "query ObligationGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateObligation: permission(action: \"core:obligation:create\")\n      ...ObligationsPageFragment_3iomuz\n    }\n    id\n  }\n}\n\nfragment ObligationsPageFragment_3iomuz on Organization {\n  id\n  obligations(first: 10, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        snapshotId\n        sourceId\n        area\n        source\n        requirement\n        status\n        lastReviewDate\n        dueDate\n        actionsToBeImplemented\n        regulator\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:obligation:update\")\n        canDelete: permission(action: \"core:obligation:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a17041086fd110cccb96aab8026d2b4b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ObligationGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/ObligationGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..c26de9518
--- /dev/null
+++ b/apps/console/src/__generated__/core/ObligationGraphNodeQuery.graphql.ts
@@ -0,0 +1,338 @@
+/**
+ * @generated SignedSource<<200a1aba470ed72c73e3542bdc907315>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ObligationStatus = "COMPLIANT" | "NON_COMPLIANT" | "PARTIALLY_COMPLIANT";
+export type ObligationType = "CONTRACTUAL" | "LEGAL";
+export type ObligationGraphNodeQuery$variables = {
+  obligationId: string;
+};
+export type ObligationGraphNodeQuery$data = {
+  readonly node: {
+    readonly actionsToBeImplemented?: string | null | undefined;
+    readonly area?: string | null | undefined;
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly createdAt?: string;
+    readonly dueDate?: string | null | undefined;
+    readonly id?: string;
+    readonly lastReviewDate?: string | null | undefined;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+    readonly owner?: {
+      readonly fullName: string;
+      readonly id: string;
+    };
+    readonly regulator?: string | null | undefined;
+    readonly requirement?: string | null | undefined;
+    readonly snapshotId?: string | null | undefined;
+    readonly source?: string | null | undefined;
+    readonly sourceId?: string | null | undefined;
+    readonly status?: ObligationStatus;
+    readonly type?: ObligationType;
+    readonly updatedAt?: string;
+  };
+};
+export type ObligationGraphNodeQuery = {
+  response: ObligationGraphNodeQuery$data;
+  variables: ObligationGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "obligationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "obligationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "sourceId",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "area",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "source",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "requirement",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "actionsToBeImplemented",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "regulator",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "type",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "lastReviewDate",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dueDate",
+  "storageKey": null
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "status",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v17 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v18 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:obligation:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:obligation:update\")"
+},
+v19 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:obligation:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:obligation:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ObligationGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/)
+            ],
+            "type": "Obligation",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ObligationGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/)
+            ],
+            "type": "Obligation",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "0be8ac1fa76f737698c91c6a8e6cf15b",
+    "id": null,
+    "metadata": {},
+    "name": "ObligationGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query ObligationGraphNodeQuery(\n  $obligationId: ID!\n) {\n  node(id: $obligationId) {\n    __typename\n    ... on Obligation {\n      id\n      snapshotId\n      sourceId\n      area\n      source\n      requirement\n      actionsToBeImplemented\n      regulator\n      type\n      lastReviewDate\n      dueDate\n      status\n      owner {\n        id\n        fullName\n      }\n      organization {\n        id\n        name\n      }\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:obligation:update\")\n      canDelete: permission(action: \"core:obligation:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6587fcee3deaaec8581e5f495b1edadc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ObligationGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/ObligationGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..bf191c20d
--- /dev/null
+++ b/apps/console/src/__generated__/core/ObligationGraphUpdateMutation.graphql.ts
@@ -0,0 +1,221 @@
+/**
+ * @generated SignedSource<<a66add339f1e2e2d4b26b8c963ccd849>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ObligationStatus = "COMPLIANT" | "NON_COMPLIANT" | "PARTIALLY_COMPLIANT";
+export type ObligationType = "CONTRACTUAL" | "LEGAL";
+export type UpdateObligationInput = {
+  actionsToBeImplemented?: string | null | undefined;
+  area?: string | null | undefined;
+  dueDate?: string | null | undefined;
+  id: string;
+  lastReviewDate?: string | null | undefined;
+  ownerId?: string | null | undefined;
+  regulator?: string | null | undefined;
+  requirement?: string | null | undefined;
+  source?: string | null | undefined;
+  status?: ObligationStatus | null | undefined;
+  type?: ObligationType | null | undefined;
+};
+export type ObligationGraphUpdateMutation$variables = {
+  input: UpdateObligationInput;
+};
+export type ObligationGraphUpdateMutation$data = {
+  readonly updateObligation: {
+    readonly obligation: {
+      readonly actionsToBeImplemented: string | null | undefined;
+      readonly area: string | null | undefined;
+      readonly dueDate: string | null | undefined;
+      readonly id: string;
+      readonly lastReviewDate: string | null | undefined;
+      readonly owner: {
+        readonly fullName: string;
+        readonly id: string;
+      };
+      readonly regulator: string | null | undefined;
+      readonly requirement: string | null | undefined;
+      readonly source: string | null | undefined;
+      readonly status: ObligationStatus;
+      readonly type: ObligationType;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type ObligationGraphUpdateMutation = {
+  response: ObligationGraphUpdateMutation$data;
+  variables: ObligationGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateObligationPayload",
+    "kind": "LinkedField",
+    "name": "updateObligation",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Obligation",
+        "kind": "LinkedField",
+        "name": "obligation",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "area",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "source",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "requirement",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "actionsToBeImplemented",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "regulator",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "type",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "lastReviewDate",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dueDate",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "status",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "owner",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ObligationGraphUpdateMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ObligationGraphUpdateMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "f9c2c73fd39c2d25eb6aa8d9e6670652",
+    "id": null,
+    "metadata": {},
+    "name": "ObligationGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation ObligationGraphUpdateMutation(\n  $input: UpdateObligationInput!\n) {\n  updateObligation(input: $input) {\n    obligation {\n      id\n      area\n      source\n      requirement\n      actionsToBeImplemented\n      regulator\n      type\n      lastReviewDate\n      dueDate\n      status\n      owner {\n        id\n        fullName\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "07663daac0c8341a570a0bf3a41c8b77";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ObligationsPageFragment.graphql.ts b/apps/console/src/__generated__/core/ObligationsPageFragment.graphql.ts
new file mode 100644
index 000000000..17029b60e
--- /dev/null
+++ b/apps/console/src/__generated__/core/ObligationsPageFragment.graphql.ts
@@ -0,0 +1,358 @@
+/**
+ * @generated SignedSource<<d603ca6d1736b916a464f3371df7024d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type ObligationStatus = "COMPLIANT" | "NON_COMPLIANT" | "PARTIALLY_COMPLIANT";
+import { FragmentRefs } from "relay-runtime";
+export type ObligationsPageFragment$data = {
+  readonly id: string;
+  readonly obligations: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly actionsToBeImplemented: string | null | undefined;
+        readonly area: string | null | undefined;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dueDate: string | null | undefined;
+        readonly id: string;
+        readonly lastReviewDate: string | null | undefined;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        };
+        readonly regulator: string | null | undefined;
+        readonly requirement: string | null | undefined;
+        readonly snapshotId: string | null | undefined;
+        readonly source: string | null | undefined;
+        readonly sourceId: string | null | undefined;
+        readonly status: ObligationStatus;
+        readonly updatedAt: string;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+    readonly totalCount: number;
+  };
+  readonly " $fragmentType": "ObligationsPageFragment";
+};
+export type ObligationsPageFragment$key = {
+  readonly " $data"?: ObligationsPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"ObligationsPageFragment">;
+};
+
+import ObligationsPageRefetchQuery_graphql from './ObligationsPageRefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "obligations"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": ObligationsPageRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "ObligationsPageFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "obligations",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "ObligationConnection",
+      "kind": "LinkedField",
+      "name": "__ObligationsPage_obligations_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ObligationEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Obligation",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "sourceId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "area",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "source",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "requirement",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "lastReviewDate",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dueDate",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "actionsToBeImplemented",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "regulator",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "owner",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:obligation:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:obligation:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:obligation:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:obligation:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "b80f122b447b6a979b4774851ad11ee5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ObligationsPageRefetchQuery.graphql.ts b/apps/console/src/__generated__/core/ObligationsPageRefetchQuery.graphql.ts
new file mode 100644
index 000000000..323d12b67
--- /dev/null
+++ b/apps/console/src/__generated__/core/ObligationsPageRefetchQuery.graphql.ts
@@ -0,0 +1,405 @@
+/**
+ * @generated SignedSource<<1ac1cfaaf7028d5f1a6f1daf69290cdc>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ObligationsPageRefetchQuery$variables = {
+  after?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  snapshotId?: string | null | undefined;
+};
+export type ObligationsPageRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"ObligationsPageFragment">;
+  };
+};
+export type ObligationsPageRefetchQuery = {
+  response: ObligationsPageRefetchQuery$data;
+  variables: ObligationsPageRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v5 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v6 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v7 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v10 = [
+  (v5/*: any*/),
+  {
+    "fields": [
+      (v7/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v6/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ObligationsPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "ObligationsPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v3/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ObligationsPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v8/*: any*/),
+          (v9/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "concreteType": "ObligationConnection",
+                "kind": "LinkedField",
+                "name": "obligations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ObligationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Obligation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v9/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "area",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requirement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "lastReviewDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dueDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "actionsToBeImplemented",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "regulator",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:obligation:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:obligation:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:obligation:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:obligation:delete\")"
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "ObligationsPage_obligations",
+                "kind": "LinkedHandle",
+                "name": "obligations"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "df1ca965ec380e12537f713ce9786930",
+    "id": null,
+    "metadata": {},
+    "name": "ObligationsPageRefetchQuery",
+    "operationKind": "query",
+    "text": "query ObligationsPageRefetchQuery(\n  $after: CursorKey\n  $first: Int = 10\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...ObligationsPageFragment_35e0S5\n    id\n  }\n}\n\nfragment ObligationsPageFragment_35e0S5 on Organization {\n  id\n  obligations(first: $first, after: $after, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        snapshotId\n        sourceId\n        area\n        source\n        requirement\n        status\n        lastReviewDate\n        dueDate\n        actionsToBeImplemented\n        regulator\n        owner {\n          id\n          fullName\n        }\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:obligation:update\")\n        canDelete: permission(action: \"core:obligation:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b80f122b447b6a979b4774851ad11ee5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PeopleGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/PeopleGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..db7f4db8d
--- /dev/null
+++ b/apps/console/src/__generated__/core/PeopleGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<242c546027e5b7c8410fca920a4dfa3c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeletePeopleInput = {
+  peopleId: string;
+};
+export type PeopleGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeletePeopleInput;
+};
+export type PeopleGraphDeleteMutation$data = {
+  readonly deletePeople: {
+    readonly deletedPeopleId: string;
+  };
+};
+export type PeopleGraphDeleteMutation = {
+  response: PeopleGraphDeleteMutation$data;
+  variables: PeopleGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedPeopleId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PeopleGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeletePeoplePayload",
+        "kind": "LinkedField",
+        "name": "deletePeople",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "PeopleGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeletePeoplePayload",
+        "kind": "LinkedField",
+        "name": "deletePeople",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedPeopleId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "9e0f5fd398468199333312505f258bb2",
+    "id": null,
+    "metadata": {},
+    "name": "PeopleGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation PeopleGraphDeleteMutation(\n  $input: DeletePeopleInput!\n) {\n  deletePeople(input: $input) {\n    deletedPeopleId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "611aa91bbb039c4e5800838f5db7985c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PeopleGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/PeopleGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..1286bf582
--- /dev/null
+++ b/apps/console/src/__generated__/core/PeopleGraphNodeQuery.graphql.ts
@@ -0,0 +1,227 @@
+/**
+ * @generated SignedSource<<9cdea24323a4e31f80ec9a2327d475d5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type PeopleKind = "CONTRACTOR" | "EMPLOYEE" | "SERVICE_ACCOUNT";
+export type PeopleGraphNodeQuery$variables = {
+  peopleId: string;
+};
+export type PeopleGraphNodeQuery$data = {
+  readonly node: {
+    readonly additionalEmailAddresses?: ReadonlyArray<string>;
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly contractEndDate?: string | null | undefined;
+    readonly contractStartDate?: string | null | undefined;
+    readonly fullName?: string;
+    readonly id?: string;
+    readonly kind?: PeopleKind;
+    readonly position?: string | null | undefined;
+    readonly primaryEmailAddress?: string;
+  };
+};
+export type PeopleGraphNodeQuery = {
+  response: PeopleGraphNodeQuery$data;
+  variables: PeopleGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "peopleId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "peopleId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fullName",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "primaryEmailAddress",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "position",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "kind",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "additionalEmailAddresses",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "contractStartDate",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "contractEndDate",
+  "storageKey": null
+},
+v10 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:people:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:people:update\")"
+},
+v11 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:people:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:people:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PeopleGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/)
+            ],
+            "type": "People",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "PeopleGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/)
+            ],
+            "type": "People",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b770515fd005b877138eaddfa7c1bd2f",
+    "id": null,
+    "metadata": {},
+    "name": "PeopleGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query PeopleGraphNodeQuery(\n  $peopleId: ID!\n) {\n  node(id: $peopleId) {\n    __typename\n    ... on People {\n      id\n      fullName\n      primaryEmailAddress\n      position\n      kind\n      additionalEmailAddresses\n      contractStartDate\n      contractEndDate\n      canUpdate: permission(action: \"core:people:update\")\n      canDelete: permission(action: \"core:people:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a2bbe9f5064287c6a6e193c948a2c0cc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PeopleGraphPaginatedFragment.graphql.ts b/apps/console/src/__generated__/core/PeopleGraphPaginatedFragment.graphql.ts
new file mode 100644
index 000000000..75600dd9e
--- /dev/null
+++ b/apps/console/src/__generated__/core/PeopleGraphPaginatedFragment.graphql.ts
@@ -0,0 +1,331 @@
+/**
+ * @generated SignedSource<<59393bd95d26b50bb20f933e548497cb>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type PeopleKind = "CONTRACTOR" | "EMPLOYEE" | "SERVICE_ACCOUNT";
+import { FragmentRefs } from "relay-runtime";
+export type PeopleGraphPaginatedFragment$data = {
+  readonly canCreatePeople: boolean;
+  readonly id: string;
+  readonly peoples: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly additionalEmailAddresses: ReadonlyArray<string>;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly contractEndDate: string | null | undefined;
+        readonly contractStartDate: string | null | undefined;
+        readonly fullName: string;
+        readonly id: string;
+        readonly kind: PeopleKind;
+        readonly position: string | null | undefined;
+        readonly primaryEmailAddress: string;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "PeopleGraphPaginatedFragment";
+};
+export type PeopleGraphPaginatedFragment$key = {
+  readonly " $data"?: PeopleGraphPaginatedFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"PeopleGraphPaginatedFragment">;
+};
+
+import PeopleListQuery_graphql from './PeopleListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "peoples"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "filter"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": {
+        "direction": "ASC",
+        "field": "FULL_NAME"
+      },
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": PeopleListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "PeopleGraphPaginatedFragment",
+  "selections": [
+    {
+      "alias": "canCreatePeople",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:people:create"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:people:create\")"
+    },
+    {
+      "alias": "peoples",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "filter"
+        },
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "PeopleConnection",
+      "kind": "LinkedField",
+      "name": "__PeopleGraphPaginatedQuery_peoples_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PeopleEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "People",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "fullName",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "primaryEmailAddress",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "kind",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "position",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "additionalEmailAddresses",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "contractStartDate",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "contractEndDate",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:people:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:people:delete\")"
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:people:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:people:update\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "199e1751362979bcc7e86e1a90a449d4";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PeopleGraphPaginatedQuery.graphql.ts b/apps/console/src/__generated__/core/PeopleGraphPaginatedQuery.graphql.ts
new file mode 100644
index 000000000..799032911
--- /dev/null
+++ b/apps/console/src/__generated__/core/PeopleGraphPaginatedQuery.graphql.ts
@@ -0,0 +1,340 @@
+/**
+ * @generated SignedSource<<91fb3430f209ed2c0c83b111ca7b3d86>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type PeopleGraphPaginatedQuery$variables = {
+  organizationId: string;
+};
+export type PeopleGraphPaginatedQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"PeopleGraphPaginatedFragment">;
+  };
+};
+export type PeopleGraphPaginatedQuery = {
+  response: PeopleGraphPaginatedQuery$data;
+  variables: PeopleGraphPaginatedQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "ASC",
+      "field": "FULL_NAME"
+    }
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PeopleGraphPaginatedQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "PeopleGraphPaginatedFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "PeopleGraphPaginatedQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "canCreatePeople",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:people:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:people:create\")"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "PeopleConnection",
+                "kind": "LinkedField",
+                "name": "peoples",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PeopleEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "People",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "fullName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "primaryEmailAddress",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "kind",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "position",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "additionalEmailAddresses",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "contractStartDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "contractEndDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:people:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:people:delete\")"
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:people:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:people:update\")"
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "peoples(first:50,orderBy:{\"direction\":\"ASC\",\"field\":\"FULL_NAME\"})"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "PeopleGraphPaginatedQuery_peoples",
+                "kind": "LinkedHandle",
+                "name": "peoples"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "caa828b21b4d035ff5543e6d08355aad",
+    "id": null,
+    "metadata": {},
+    "name": "PeopleGraphPaginatedQuery",
+    "operationKind": "query",
+    "text": "query PeopleGraphPaginatedQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      ...PeopleGraphPaginatedFragment\n    }\n  }\n}\n\nfragment PeopleGraphPaginatedFragment on Organization {\n  canCreatePeople: permission(action: \"core:people:create\")\n  peoples(first: 50, orderBy: {direction: ASC, field: FULL_NAME}) {\n    edges {\n      node {\n        id\n        fullName\n        primaryEmailAddress\n        kind\n        position\n        additionalEmailAddresses\n        contractStartDate\n        contractEndDate\n        canDelete: permission(action: \"core:people:delete\")\n        canUpdate: permission(action: \"core:people:update\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b041fe4775cf12f965d81f243549cab0";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PeopleGraphQuery.graphql.ts b/apps/console/src/__generated__/core/PeopleGraphQuery.graphql.ts
new file mode 100644
index 000000000..2ac5f68b9
--- /dev/null
+++ b/apps/console/src/__generated__/core/PeopleGraphQuery.graphql.ts
@@ -0,0 +1,206 @@
+/**
+ * @generated SignedSource<<3b196ff5779051fcd1ed9cca6b7be112>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type PeopleFilter = {
+  excludeContractEnded?: boolean | null | undefined;
+};
+export type PeopleGraphQuery$variables = {
+  filter?: PeopleFilter | null | undefined;
+  organizationId: string;
+};
+export type PeopleGraphQuery$data = {
+  readonly organization: {
+    readonly peoples?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly fullName: string;
+          readonly id: string;
+          readonly primaryEmailAddress: string;
+        };
+      }>;
+    };
+  };
+};
+export type PeopleGraphQuery = {
+  response: PeopleGraphQuery$data;
+  variables: PeopleGraphQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "filter"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "organizationId"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "filter"
+        },
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 1000
+        },
+        {
+          "kind": "Literal",
+          "name": "orderBy",
+          "value": {
+            "direction": "ASC",
+            "field": "FULL_NAME"
+          }
+        }
+      ],
+      "concreteType": "PeopleConnection",
+      "kind": "LinkedField",
+      "name": "peoples",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PeopleEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "People",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v3/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "fullName",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "primaryEmailAddress",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PeopleGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v2/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "PeopleGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v2/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v4/*: any*/),
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3b6dc3ae9df52a04b5d496b68f8c26f4",
+    "id": null,
+    "metadata": {},
+    "name": "PeopleGraphQuery",
+    "operationKind": "query",
+    "text": "query PeopleGraphQuery(\n  $organizationId: ID!\n  $filter: PeopleFilter\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      peoples(first: 1000, orderBy: {direction: ASC, field: FULL_NAME}, filter: $filter) {\n        edges {\n          node {\n            id\n            fullName\n            primaryEmailAddress\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f1ce35948ab8dcd05c83e13ad83d93cd";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PeopleGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/PeopleGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..c8ae13e0f
--- /dev/null
+++ b/apps/console/src/__generated__/core/PeopleGraphUpdateMutation.graphql.ts
@@ -0,0 +1,169 @@
+/**
+ * @generated SignedSource<<2118560efee5903bb0199e651ac49e2e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type PeopleKind = "CONTRACTOR" | "EMPLOYEE" | "SERVICE_ACCOUNT";
+export type UpdatePeopleInput = {
+  additionalEmailAddresses?: ReadonlyArray<string> | null | undefined;
+  contractEndDate?: string | null | undefined;
+  contractStartDate?: string | null | undefined;
+  fullName?: string | null | undefined;
+  id: string;
+  kind?: PeopleKind | null | undefined;
+  position?: string | null | undefined;
+  primaryEmailAddress?: string | null | undefined;
+};
+export type PeopleGraphUpdateMutation$variables = {
+  input: UpdatePeopleInput;
+};
+export type PeopleGraphUpdateMutation$data = {
+  readonly updatePeople: {
+    readonly people: {
+      readonly additionalEmailAddresses: ReadonlyArray<string>;
+      readonly contractEndDate: string | null | undefined;
+      readonly contractStartDate: string | null | undefined;
+      readonly fullName: string;
+      readonly id: string;
+      readonly kind: PeopleKind;
+      readonly position: string | null | undefined;
+      readonly primaryEmailAddress: string;
+    };
+  };
+};
+export type PeopleGraphUpdateMutation = {
+  response: PeopleGraphUpdateMutation$data;
+  variables: PeopleGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdatePeoplePayload",
+    "kind": "LinkedField",
+    "name": "updatePeople",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "People",
+        "kind": "LinkedField",
+        "name": "people",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fullName",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "primaryEmailAddress",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "position",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "kind",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "additionalEmailAddresses",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "contractStartDate",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "contractEndDate",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PeopleGraphUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "PeopleGraphUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "23c51259f3ff117441f9c6e11de5ba5a",
+    "id": null,
+    "metadata": {},
+    "name": "PeopleGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation PeopleGraphUpdateMutation(\n  $input: UpdatePeopleInput!\n) {\n  updatePeople(input: $input) {\n    people {\n      id\n      fullName\n      primaryEmailAddress\n      position\n      kind\n      additionalEmailAddresses\n      contractStartDate\n      contractEndDate\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "fc0946729d6a2729aa1b7c9b2dfbdf7a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PeopleListQuery.graphql.ts b/apps/console/src/__generated__/core/PeopleListQuery.graphql.ts
new file mode 100644
index 000000000..fd01ca346
--- /dev/null
+++ b/apps/console/src/__generated__/core/PeopleListQuery.graphql.ts
@@ -0,0 +1,426 @@
+/**
+ * @generated SignedSource<<a784f382bb38ee97a08852676bdf78c5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type PeopleOrderField = "CREATED_AT" | "FULL_NAME" | "KIND";
+export type PeopleFilter = {
+  excludeContractEnded?: boolean | null | undefined;
+};
+export type PeopleOrder = {
+  direction: OrderDirection;
+  field: PeopleOrderField;
+};
+export type PeopleListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  filter?: PeopleFilter | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: PeopleOrder | null | undefined;
+};
+export type PeopleListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"PeopleGraphPaginatedFragment">;
+  };
+};
+export type PeopleListQuery = {
+  response: PeopleListQuery$data;
+  variables: PeopleListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "filter"
+},
+v3 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v6 = {
+  "defaultValue": {
+    "direction": "ASC",
+    "field": "FULL_NAME"
+  },
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "filter",
+  "variableName": "filter"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  (v11/*: any*/),
+  (v12/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PeopleListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "PeopleGraphPaginatedFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v4/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "PeopleListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "canCreatePeople",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:people:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:people:create\")"
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "PeopleConnection",
+                "kind": "LinkedField",
+                "name": "peoples",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PeopleEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "People",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "fullName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "primaryEmailAddress",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "kind",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "position",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "additionalEmailAddresses",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "contractStartDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "contractEndDate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:people:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:people:delete\")"
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:people:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:people:update\")"
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "PeopleGraphPaginatedQuery_peoples",
+                "kind": "LinkedHandle",
+                "name": "peoples"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "0ebad3a1b3f8943f1fdc170021089dc8",
+    "id": null,
+    "metadata": {},
+    "name": "PeopleListQuery",
+    "operationKind": "query",
+    "text": "query PeopleListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $filter: PeopleFilter = null\n  $first: Int = 50\n  $last: Int = null\n  $order: PeopleOrder = {direction: ASC, field: FULL_NAME}\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...PeopleGraphPaginatedFragment_4cFWzS\n    id\n  }\n}\n\nfragment PeopleGraphPaginatedFragment_4cFWzS on Organization {\n  canCreatePeople: permission(action: \"core:people:create\")\n  peoples(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: $filter) {\n    edges {\n      node {\n        id\n        fullName\n        primaryEmailAddress\n        kind\n        position\n        additionalEmailAddresses\n        contractStartDate\n        contractEndDate\n        canDelete: permission(action: \"core:people:delete\")\n        canUpdate: permission(action: \"core:people:update\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "199e1751362979bcc7e86e1a90a449d4";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageDPIAFragment.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageDPIAFragment.graphql.ts
new file mode 100644
index 000000000..ada931c35
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageDPIAFragment.graphql.ts
@@ -0,0 +1,274 @@
+/**
+ * @generated SignedSource<<f671b035c79f039c03362a0e6b8d485b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DataProtectionImpactAssessmentResidualRisk = "HIGH" | "LOW" | "MEDIUM";
+import { FragmentRefs } from "relay-runtime";
+export type ProcessingActivitiesPageDPIAFragment$data = {
+  readonly dataProtectionImpactAssessments: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly potentialRisk: string | null | undefined;
+        readonly processingActivity: {
+          readonly id: string;
+          readonly name: string;
+        };
+        readonly residualRisk: DataProtectionImpactAssessmentResidualRisk | null | undefined;
+        readonly updatedAt: string;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+    readonly totalCount: number;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "ProcessingActivitiesPageDPIAFragment";
+};
+export type ProcessingActivitiesPageDPIAFragment$key = {
+  readonly " $data"?: ProcessingActivitiesPageDPIAFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"ProcessingActivitiesPageDPIAFragment">;
+};
+
+import ProcessingActivitiesPageDPIARefetchQuery_graphql from './ProcessingActivitiesPageDPIARefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "dataProtectionImpactAssessments"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": ProcessingActivitiesPageDPIARefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "ProcessingActivitiesPageDPIAFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "dataProtectionImpactAssessments",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "DataProtectionImpactAssessmentConnection",
+      "kind": "LinkedField",
+      "name": "__ProcessingActivitiesPage_dataProtectionImpactAssessments_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DataProtectionImpactAssessmentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "DataProtectionImpactAssessment",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "description",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "potentialRisk",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "residualRisk",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "ProcessingActivity",
+                  "kind": "LinkedField",
+                  "name": "processingActivity",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "name",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "67339e0fd7610409cba00791361c51a2";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageDPIARefetchQuery.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageDPIARefetchQuery.graphql.ts
new file mode 100644
index 000000000..630cfb73f
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageDPIARefetchQuery.graphql.ts
@@ -0,0 +1,330 @@
+/**
+ * @generated SignedSource<<f0bac674d8b20eb24762feabbfb4dc2e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ProcessingActivitiesPageDPIARefetchQuery$variables = {
+  after?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  snapshotId?: string | null | undefined;
+};
+export type ProcessingActivitiesPageDPIARefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"ProcessingActivitiesPageDPIAFragment">;
+  };
+};
+export type ProcessingActivitiesPageDPIARefetchQuery = {
+  response: ProcessingActivitiesPageDPIARefetchQuery$data;
+  variables: ProcessingActivitiesPageDPIARefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v5 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v6 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v7 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v10 = [
+  (v5/*: any*/),
+  {
+    "fields": [
+      (v7/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v6/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivitiesPageDPIARefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "ProcessingActivitiesPageDPIAFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v3/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ProcessingActivitiesPageDPIARefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v8/*: any*/),
+          (v9/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "concreteType": "DataProtectionImpactAssessmentConnection",
+                "kind": "LinkedField",
+                "name": "dataProtectionImpactAssessments",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DataProtectionImpactAssessmentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DataProtectionImpactAssessment",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v9/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "potentialRisk",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualRisk",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "ProcessingActivity",
+                            "kind": "LinkedField",
+                            "name": "processingActivity",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "name",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "ProcessingActivitiesPage_dataProtectionImpactAssessments",
+                "kind": "LinkedHandle",
+                "name": "dataProtectionImpactAssessments"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c1f38ecede914f3c444f313e593baac9",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivitiesPageDPIARefetchQuery",
+    "operationKind": "query",
+    "text": "query ProcessingActivitiesPageDPIARefetchQuery(\n  $after: CursorKey\n  $first: Int = 10\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...ProcessingActivitiesPageDPIAFragment_35e0S5\n    id\n  }\n}\n\nfragment ProcessingActivitiesPageDPIAFragment_35e0S5 on Organization {\n  id\n  dataProtectionImpactAssessments(first: $first, after: $after, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        description\n        potentialRisk\n        residualRisk\n        processingActivity {\n          id\n          name\n        }\n        createdAt\n        updatedAt\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "67339e0fd7610409cba00791361c51a2";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageExportDPIAPDFMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageExportDPIAPDFMutation.graphql.ts
new file mode 100644
index 000000000..ce85042bb
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageExportDPIAPDFMutation.graphql.ts
@@ -0,0 +1,96 @@
+/**
+ * @generated SignedSource<<2f43f6874d8b6d515cf244934b7b19ea>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ExportDataProtectionImpactAssessmentsPDFInput = {
+  filter?: DataProtectionImpactAssessmentFilter | null | undefined;
+  organizationId: string;
+};
+export type DataProtectionImpactAssessmentFilter = {
+  snapshotId?: string | null | undefined;
+};
+export type ProcessingActivitiesPageExportDPIAPDFMutation$variables = {
+  input: ExportDataProtectionImpactAssessmentsPDFInput;
+};
+export type ProcessingActivitiesPageExportDPIAPDFMutation$data = {
+  readonly exportDataProtectionImpactAssessmentsPDF: {
+    readonly data: string;
+  };
+};
+export type ProcessingActivitiesPageExportDPIAPDFMutation = {
+  response: ProcessingActivitiesPageExportDPIAPDFMutation$data;
+  variables: ProcessingActivitiesPageExportDPIAPDFMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "ExportDataProtectionImpactAssessmentsPDFPayload",
+    "kind": "LinkedField",
+    "name": "exportDataProtectionImpactAssessmentsPDF",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "data",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivitiesPageExportDPIAPDFMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivitiesPageExportDPIAPDFMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "851a1c0def7719185cf3a67954696231",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivitiesPageExportDPIAPDFMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivitiesPageExportDPIAPDFMutation(\n  $input: ExportDataProtectionImpactAssessmentsPDFInput!\n) {\n  exportDataProtectionImpactAssessmentsPDF(input: $input) {\n    data\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3c2a96fb29c61791e7df39c7b8174c90";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageExportPDFMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageExportPDFMutation.graphql.ts
new file mode 100644
index 000000000..a29c6936a
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageExportPDFMutation.graphql.ts
@@ -0,0 +1,96 @@
+/**
+ * @generated SignedSource<<82ece1ab5e9585bfcce605e38fe9563a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ExportProcessingActivitiesPDFInput = {
+  filter?: ProcessingActivityFilter | null | undefined;
+  organizationId: string;
+};
+export type ProcessingActivityFilter = {
+  snapshotId?: string | null | undefined;
+};
+export type ProcessingActivitiesPageExportPDFMutation$variables = {
+  input: ExportProcessingActivitiesPDFInput;
+};
+export type ProcessingActivitiesPageExportPDFMutation$data = {
+  readonly exportProcessingActivitiesPDF: {
+    readonly data: string;
+  };
+};
+export type ProcessingActivitiesPageExportPDFMutation = {
+  response: ProcessingActivitiesPageExportPDFMutation$data;
+  variables: ProcessingActivitiesPageExportPDFMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "ExportProcessingActivitiesPDFPayload",
+    "kind": "LinkedField",
+    "name": "exportProcessingActivitiesPDF",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "data",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivitiesPageExportPDFMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivitiesPageExportPDFMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "85140bef5e55c8ae4fdb139965375f13",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivitiesPageExportPDFMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivitiesPageExportPDFMutation(\n  $input: ExportProcessingActivitiesPDFInput!\n) {\n  exportProcessingActivitiesPDF(input: $input) {\n    data\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "cc777bb4440f6aed36c2fb92c1bc7e0b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageExportTIAPDFMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageExportTIAPDFMutation.graphql.ts
new file mode 100644
index 000000000..d40e9f622
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageExportTIAPDFMutation.graphql.ts
@@ -0,0 +1,96 @@
+/**
+ * @generated SignedSource<<b8fb35bae12056fe9451875e34aab319>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ExportTransferImpactAssessmentsPDFInput = {
+  filter?: TransferImpactAssessmentFilter | null | undefined;
+  organizationId: string;
+};
+export type TransferImpactAssessmentFilter = {
+  snapshotId?: string | null | undefined;
+};
+export type ProcessingActivitiesPageExportTIAPDFMutation$variables = {
+  input: ExportTransferImpactAssessmentsPDFInput;
+};
+export type ProcessingActivitiesPageExportTIAPDFMutation$data = {
+  readonly exportTransferImpactAssessmentsPDF: {
+    readonly data: string;
+  };
+};
+export type ProcessingActivitiesPageExportTIAPDFMutation = {
+  response: ProcessingActivitiesPageExportTIAPDFMutation$data;
+  variables: ProcessingActivitiesPageExportTIAPDFMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "ExportTransferImpactAssessmentsPDFPayload",
+    "kind": "LinkedField",
+    "name": "exportTransferImpactAssessmentsPDF",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "data",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivitiesPageExportTIAPDFMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivitiesPageExportTIAPDFMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "b41ab5f56ee5dc4436069c4e2a97f8d8",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivitiesPageExportTIAPDFMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivitiesPageExportTIAPDFMutation(\n  $input: ExportTransferImpactAssessmentsPDFInput!\n) {\n  exportTransferImpactAssessmentsPDF(input: $input) {\n    data\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3fe289d5564d0617074825d8c58f88f8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageFragment.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageFragment.graphql.ts
new file mode 100644
index 000000000..0a632aac7
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageFragment.graphql.ts
@@ -0,0 +1,327 @@
+/**
+ * @generated SignedSource<<7cb2759bd509c11cb25bb1af2a6105cd>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type ProcessingActivityLawfulBasis = "CONSENT" | "CONTRACTUAL_NECESSITY" | "LEGAL_OBLIGATION" | "LEGITIMATE_INTEREST" | "PUBLIC_TASK" | "VITAL_INTERESTS";
+import { FragmentRefs } from "relay-runtime";
+export type ProcessingActivitiesPageFragment$data = {
+  readonly id: string;
+  readonly processingActivities: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly dataSubjectCategory: string | null | undefined;
+        readonly id: string;
+        readonly internationalTransfers: boolean;
+        readonly lawfulBasis: ProcessingActivityLawfulBasis;
+        readonly location: string | null | undefined;
+        readonly name: string;
+        readonly personalDataCategory: string | null | undefined;
+        readonly purpose: string | null | undefined;
+        readonly snapshotId: string | null | undefined;
+        readonly sourceId: string | null | undefined;
+        readonly updatedAt: string;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+    readonly totalCount: number;
+  };
+  readonly " $fragmentType": "ProcessingActivitiesPageFragment";
+};
+export type ProcessingActivitiesPageFragment$key = {
+  readonly " $data"?: ProcessingActivitiesPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"ProcessingActivitiesPageFragment">;
+};
+
+import ProcessingActivitiesPageRefetchQuery_graphql from './ProcessingActivitiesPageRefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "processingActivities"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": ProcessingActivitiesPageRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "ProcessingActivitiesPageFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "processingActivities",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "ProcessingActivityConnection",
+      "kind": "LinkedField",
+      "name": "__ProcessingActivitiesPage_processingActivities_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ProcessingActivityEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "ProcessingActivity",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "sourceId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "purpose",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dataSubjectCategory",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "personalDataCategory",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "lawfulBasis",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "location",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "internationalTransfers",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:processing-activity:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:processing-activity:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:processing-activity:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:processing-activity:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "df348ac63bc56da06da97e484fb2c0e5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageRefetchQuery.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageRefetchQuery.graphql.ts
new file mode 100644
index 000000000..cc62b19e2
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageRefetchQuery.graphql.ts
@@ -0,0 +1,379 @@
+/**
+ * @generated SignedSource<<504b0d0e997eb43eb8d370a21cb3e0fb>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ProcessingActivitiesPageRefetchQuery$variables = {
+  after?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  snapshotId?: string | null | undefined;
+};
+export type ProcessingActivitiesPageRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"ProcessingActivitiesPageFragment">;
+  };
+};
+export type ProcessingActivitiesPageRefetchQuery = {
+  response: ProcessingActivitiesPageRefetchQuery$data;
+  variables: ProcessingActivitiesPageRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v5 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v6 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v7 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v10 = [
+  (v5/*: any*/),
+  {
+    "fields": [
+      (v7/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v6/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivitiesPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "ProcessingActivitiesPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v3/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ProcessingActivitiesPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v8/*: any*/),
+          (v9/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "concreteType": "ProcessingActivityConnection",
+                "kind": "LinkedField",
+                "name": "processingActivities",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ProcessingActivityEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "ProcessingActivity",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v9/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "purpose",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSubjectCategory",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "personalDataCategory",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "lawfulBasis",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "location",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "internationalTransfers",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:processing-activity:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:processing-activity:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:processing-activity:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:processing-activity:delete\")"
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "ProcessingActivitiesPage_processingActivities",
+                "kind": "LinkedHandle",
+                "name": "processingActivities"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "71c255d719fe0ffafda13169e925b4b8",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivitiesPageRefetchQuery",
+    "operationKind": "query",
+    "text": "query ProcessingActivitiesPageRefetchQuery(\n  $after: CursorKey\n  $first: Int = 10\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...ProcessingActivitiesPageFragment_35e0S5\n    id\n  }\n}\n\nfragment ProcessingActivitiesPageFragment_35e0S5 on Organization {\n  id\n  processingActivities(first: $first, after: $after, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        snapshotId\n        sourceId\n        name\n        purpose\n        dataSubjectCategory\n        personalDataCategory\n        lawfulBasis\n        location\n        internationalTransfers\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:processing-activity:update\")\n        canDelete: permission(action: \"core:processing-activity:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "df348ac63bc56da06da97e484fb2c0e5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageTIAFragment.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageTIAFragment.graphql.ts
new file mode 100644
index 000000000..a799112b3
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageTIAFragment.graphql.ts
@@ -0,0 +1,273 @@
+/**
+ * @generated SignedSource<<6f67465a1bac4f3cac9c891b9c4cc9a1>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ProcessingActivitiesPageTIAFragment$data = {
+  readonly id: string;
+  readonly transferImpactAssessments: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly createdAt: string;
+        readonly dataSubjects: string | null | undefined;
+        readonly id: string;
+        readonly localLawRisk: string | null | undefined;
+        readonly processingActivity: {
+          readonly id: string;
+          readonly name: string;
+        };
+        readonly transfer: string | null | undefined;
+        readonly updatedAt: string;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+    readonly totalCount: number;
+  };
+  readonly " $fragmentType": "ProcessingActivitiesPageTIAFragment";
+};
+export type ProcessingActivitiesPageTIAFragment$key = {
+  readonly " $data"?: ProcessingActivitiesPageTIAFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"ProcessingActivitiesPageTIAFragment">;
+};
+
+import ProcessingActivitiesPageTIARefetchQuery_graphql from './ProcessingActivitiesPageTIARefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "transferImpactAssessments"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": ProcessingActivitiesPageTIARefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "ProcessingActivitiesPageTIAFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "transferImpactAssessments",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "TransferImpactAssessmentConnection",
+      "kind": "LinkedField",
+      "name": "__ProcessingActivitiesPage_transferImpactAssessments_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "TransferImpactAssessmentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "TransferImpactAssessment",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dataSubjects",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "transfer",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "localLawRisk",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "ProcessingActivity",
+                  "kind": "LinkedField",
+                  "name": "processingActivity",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "name",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "2c6575fe24698cc6b14d9d7a88cf434b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivitiesPageTIARefetchQuery.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivitiesPageTIARefetchQuery.graphql.ts
new file mode 100644
index 000000000..7f4b13a00
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivitiesPageTIARefetchQuery.graphql.ts
@@ -0,0 +1,330 @@
+/**
+ * @generated SignedSource<<ee1abc6db9644da780dad4e73f52acf6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ProcessingActivitiesPageTIARefetchQuery$variables = {
+  after?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  snapshotId?: string | null | undefined;
+};
+export type ProcessingActivitiesPageTIARefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"ProcessingActivitiesPageTIAFragment">;
+  };
+};
+export type ProcessingActivitiesPageTIARefetchQuery = {
+  response: ProcessingActivitiesPageTIARefetchQuery$data;
+  variables: ProcessingActivitiesPageTIARefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": 10,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v5 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v6 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v7 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v10 = [
+  (v5/*: any*/),
+  {
+    "fields": [
+      (v7/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v6/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivitiesPageTIARefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "ProcessingActivitiesPageTIAFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v3/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ProcessingActivitiesPageTIARefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v4/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v8/*: any*/),
+          (v9/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "concreteType": "TransferImpactAssessmentConnection",
+                "kind": "LinkedField",
+                "name": "transferImpactAssessments",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TransferImpactAssessmentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TransferImpactAssessment",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v9/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSubjects",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "transfer",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "localLawRisk",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "ProcessingActivity",
+                            "kind": "LinkedField",
+                            "name": "processingActivity",
+                            "plural": false,
+                            "selections": [
+                              (v9/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "name",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v10/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "ProcessingActivitiesPage_transferImpactAssessments",
+                "kind": "LinkedHandle",
+                "name": "transferImpactAssessments"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "2dfe163e2a769f6a428b3e259cd6dc39",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivitiesPageTIARefetchQuery",
+    "operationKind": "query",
+    "text": "query ProcessingActivitiesPageTIARefetchQuery(\n  $after: CursorKey\n  $first: Int = 10\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...ProcessingActivitiesPageTIAFragment_35e0S5\n    id\n  }\n}\n\nfragment ProcessingActivitiesPageTIAFragment_35e0S5 on Organization {\n  id\n  transferImpactAssessments(first: $first, after: $after, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        dataSubjects\n        transfer\n        localLawRisk\n        processingActivity {\n          id\n          name\n        }\n        createdAt\n        updatedAt\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2c6575fe24698cc6b14d9d7a88cf434b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphCreateDPIAMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphCreateDPIAMutation.graphql.ts
new file mode 100644
index 000000000..0c517b5c4
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphCreateDPIAMutation.graphql.ts
@@ -0,0 +1,167 @@
+/**
+ * @generated SignedSource<<d993bbef933d660af5aaac0a88d3c7f7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DataProtectionImpactAssessmentResidualRisk = "HIGH" | "LOW" | "MEDIUM";
+export type CreateDataProtectionImpactAssessmentInput = {
+  description?: string | null | undefined;
+  mitigations?: string | null | undefined;
+  necessityAndProportionality?: string | null | undefined;
+  potentialRisk?: string | null | undefined;
+  processingActivityId: string;
+  residualRisk?: DataProtectionImpactAssessmentResidualRisk | null | undefined;
+};
+export type ProcessingActivityGraphCreateDPIAMutation$variables = {
+  input: CreateDataProtectionImpactAssessmentInput;
+};
+export type ProcessingActivityGraphCreateDPIAMutation$data = {
+  readonly createDataProtectionImpactAssessment: {
+    readonly dataProtectionImpactAssessment: {
+      readonly createdAt: string;
+      readonly description: string | null | undefined;
+      readonly id: string;
+      readonly mitigations: string | null | undefined;
+      readonly necessityAndProportionality: string | null | undefined;
+      readonly potentialRisk: string | null | undefined;
+      readonly residualRisk: DataProtectionImpactAssessmentResidualRisk | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type ProcessingActivityGraphCreateDPIAMutation = {
+  response: ProcessingActivityGraphCreateDPIAMutation$data;
+  variables: ProcessingActivityGraphCreateDPIAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "CreateDataProtectionImpactAssessmentPayload",
+    "kind": "LinkedField",
+    "name": "createDataProtectionImpactAssessment",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "DataProtectionImpactAssessment",
+        "kind": "LinkedField",
+        "name": "dataProtectionImpactAssessment",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "necessityAndProportionality",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "potentialRisk",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "mitigations",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "residualRisk",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphCreateDPIAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphCreateDPIAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "71220501284ee2a9761f87d8909fcd00",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphCreateDPIAMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphCreateDPIAMutation(\n  $input: CreateDataProtectionImpactAssessmentInput!\n) {\n  createDataProtectionImpactAssessment(input: $input) {\n    dataProtectionImpactAssessment {\n      id\n      description\n      necessityAndProportionality\n      potentialRisk\n      mitigations\n      residualRisk\n      createdAt\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e7c379b7972e44c5c854cb4fd486f557";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..d65206244
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphCreateMutation.graphql.ts
@@ -0,0 +1,446 @@
+/**
+ * @generated SignedSource<<238d486ca746aa2d13f6e87ddab1c8e3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ProcessingActivityDataProtectionImpactAssessment = "NEEDED" | "NOT_NEEDED";
+export type ProcessingActivityLawfulBasis = "CONSENT" | "CONTRACTUAL_NECESSITY" | "LEGAL_OBLIGATION" | "LEGITIMATE_INTEREST" | "PUBLIC_TASK" | "VITAL_INTERESTS";
+export type ProcessingActivityRole = "CONTROLLER" | "PROCESSOR";
+export type ProcessingActivitySpecialOrCriminalDatum = "NO" | "POSSIBLE" | "YES";
+export type ProcessingActivityTransferImpactAssessment = "NEEDED" | "NOT_NEEDED";
+export type ProcessingActivityTransferSafeguard = "ADEQUACY_DECISION" | "BINDING_CORPORATE_RULES" | "CERTIFICATION_MECHANISMS" | "CODES_OF_CONDUCT" | "DEROGATIONS" | "STANDARD_CONTRACTUAL_CLAUSES";
+export type CreateProcessingActivityInput = {
+  consentEvidenceLink?: string | null | undefined;
+  dataProtectionImpactAssessmentNeeded: ProcessingActivityDataProtectionImpactAssessment;
+  dataProtectionOfficerId?: string | null | undefined;
+  dataSubjectCategory?: string | null | undefined;
+  internationalTransfers: boolean;
+  lastReviewDate?: string | null | undefined;
+  lawfulBasis: ProcessingActivityLawfulBasis;
+  location?: string | null | undefined;
+  name: string;
+  nextReviewDate?: string | null | undefined;
+  organizationId: string;
+  personalDataCategory?: string | null | undefined;
+  purpose?: string | null | undefined;
+  recipients?: string | null | undefined;
+  retentionPeriod?: string | null | undefined;
+  role: ProcessingActivityRole;
+  securityMeasures?: string | null | undefined;
+  specialOrCriminalData: ProcessingActivitySpecialOrCriminalDatum;
+  transferImpactAssessmentNeeded: ProcessingActivityTransferImpactAssessment;
+  transferSafeguards?: ProcessingActivityTransferSafeguard | null | undefined;
+  vendorIds?: ReadonlyArray<string> | null | undefined;
+};
+export type ProcessingActivityGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateProcessingActivityInput;
+};
+export type ProcessingActivityGraphCreateMutation$data = {
+  readonly createProcessingActivity: {
+    readonly processingActivityEdge: {
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly consentEvidenceLink: string | null | undefined;
+        readonly createdAt: string;
+        readonly dataProtectionImpactAssessmentNeeded: ProcessingActivityDataProtectionImpactAssessment;
+        readonly dataProtectionOfficer: {
+          readonly fullName: string;
+          readonly id: string;
+        } | null | undefined;
+        readonly dataSubjectCategory: string | null | undefined;
+        readonly id: string;
+        readonly internationalTransfers: boolean;
+        readonly lastReviewDate: string | null | undefined;
+        readonly lawfulBasis: ProcessingActivityLawfulBasis;
+        readonly location: string | null | undefined;
+        readonly name: string;
+        readonly nextReviewDate: string | null | undefined;
+        readonly personalDataCategory: string | null | undefined;
+        readonly purpose: string | null | undefined;
+        readonly recipients: string | null | undefined;
+        readonly retentionPeriod: string | null | undefined;
+        readonly role: ProcessingActivityRole;
+        readonly securityMeasures: string | null | undefined;
+        readonly specialOrCriminalData: ProcessingActivitySpecialOrCriminalDatum;
+        readonly transferImpactAssessmentNeeded: ProcessingActivityTransferImpactAssessment;
+        readonly transferSafeguards: ProcessingActivityTransferSafeguard | null | undefined;
+        readonly vendors: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly name: string;
+              readonly websiteUrl: string | null | undefined;
+            };
+          }>;
+        };
+      };
+    };
+  };
+};
+export type ProcessingActivityGraphCreateMutation = {
+  response: ProcessingActivityGraphCreateMutation$data;
+  variables: ProcessingActivityGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "ProcessingActivityEdge",
+  "kind": "LinkedField",
+  "name": "processingActivityEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "ProcessingActivity",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        (v4/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "purpose",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "dataSubjectCategory",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "personalDataCategory",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "specialOrCriminalData",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "consentEvidenceLink",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "lawfulBasis",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "recipients",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "location",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "internationalTransfers",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "transferSafeguards",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "retentionPeriod",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "securityMeasures",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "dataProtectionImpactAssessmentNeeded",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "transferImpactAssessmentNeeded",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "lastReviewDate",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "nextReviewDate",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "role",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "People",
+          "kind": "LinkedField",
+          "name": "dataProtectionOfficer",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "first",
+              "value": 50
+            }
+          ],
+          "concreteType": "VendorConnection",
+          "kind": "LinkedField",
+          "name": "vendors",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "VendorEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Vendor",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v3/*: any*/),
+                    (v4/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "websiteUrl",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": "vendors(first:50)"
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:processing-activity:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:processing-activity:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:processing-activity:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:processing-activity:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateProcessingActivityPayload",
+        "kind": "LinkedField",
+        "name": "createProcessingActivity",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateProcessingActivityPayload",
+        "kind": "LinkedField",
+        "name": "createProcessingActivity",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "processingActivityEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "534bd7c442063267f6556101350e0d74",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphCreateMutation(\n  $input: CreateProcessingActivityInput!\n) {\n  createProcessingActivity(input: $input) {\n    processingActivityEdge {\n      node {\n        id\n        name\n        purpose\n        dataSubjectCategory\n        personalDataCategory\n        specialOrCriminalData\n        consentEvidenceLink\n        lawfulBasis\n        recipients\n        location\n        internationalTransfers\n        transferSafeguards\n        retentionPeriod\n        securityMeasures\n        dataProtectionImpactAssessmentNeeded\n        transferImpactAssessmentNeeded\n        lastReviewDate\n        nextReviewDate\n        role\n        dataProtectionOfficer {\n          id\n          fullName\n        }\n        vendors(first: 50) {\n          edges {\n            node {\n              id\n              name\n              websiteUrl\n            }\n          }\n        }\n        createdAt\n        canUpdate: permission(action: \"core:processing-activity:update\")\n        canDelete: permission(action: \"core:processing-activity:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "69c155bfe5b8a028d1d72c3b57d8de98";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphCreateTIAMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphCreateTIAMutation.graphql.ts
new file mode 100644
index 000000000..e41582114
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphCreateTIAMutation.graphql.ts
@@ -0,0 +1,166 @@
+/**
+ * @generated SignedSource<<540f500784ebd0386ced3eb31a6afa49>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateTransferImpactAssessmentInput = {
+  dataSubjects?: string | null | undefined;
+  legalMechanism?: string | null | undefined;
+  localLawRisk?: string | null | undefined;
+  processingActivityId: string;
+  supplementaryMeasures?: string | null | undefined;
+  transfer?: string | null | undefined;
+};
+export type ProcessingActivityGraphCreateTIAMutation$variables = {
+  input: CreateTransferImpactAssessmentInput;
+};
+export type ProcessingActivityGraphCreateTIAMutation$data = {
+  readonly createTransferImpactAssessment: {
+    readonly transferImpactAssessment: {
+      readonly createdAt: string;
+      readonly dataSubjects: string | null | undefined;
+      readonly id: string;
+      readonly legalMechanism: string | null | undefined;
+      readonly localLawRisk: string | null | undefined;
+      readonly supplementaryMeasures: string | null | undefined;
+      readonly transfer: string | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type ProcessingActivityGraphCreateTIAMutation = {
+  response: ProcessingActivityGraphCreateTIAMutation$data;
+  variables: ProcessingActivityGraphCreateTIAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "CreateTransferImpactAssessmentPayload",
+    "kind": "LinkedField",
+    "name": "createTransferImpactAssessment",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TransferImpactAssessment",
+        "kind": "LinkedField",
+        "name": "transferImpactAssessment",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dataSubjects",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "legalMechanism",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "transfer",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "localLawRisk",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "supplementaryMeasures",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphCreateTIAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphCreateTIAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "70e30255cf15b77fd95a57d6ddd50c97",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphCreateTIAMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphCreateTIAMutation(\n  $input: CreateTransferImpactAssessmentInput!\n) {\n  createTransferImpactAssessment(input: $input) {\n    transferImpactAssessment {\n      id\n      dataSubjects\n      legalMechanism\n      transfer\n      localLawRisk\n      supplementaryMeasures\n      createdAt\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "43e9f83c7abb5d6f4d2a394c05940fbd";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteDPIAMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteDPIAMutation.graphql.ts
new file mode 100644
index 000000000..687e05649
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteDPIAMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<2893f55249b2548256bf21cf2eb434c3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteDataProtectionImpactAssessmentInput = {
+  dataProtectionImpactAssessmentId: string;
+};
+export type ProcessingActivityGraphDeleteDPIAMutation$variables = {
+  input: DeleteDataProtectionImpactAssessmentInput;
+};
+export type ProcessingActivityGraphDeleteDPIAMutation$data = {
+  readonly deleteDataProtectionImpactAssessment: {
+    readonly deletedDataProtectionImpactAssessmentId: string;
+  };
+};
+export type ProcessingActivityGraphDeleteDPIAMutation = {
+  response: ProcessingActivityGraphDeleteDPIAMutation$data;
+  variables: ProcessingActivityGraphDeleteDPIAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteDataProtectionImpactAssessmentPayload",
+    "kind": "LinkedField",
+    "name": "deleteDataProtectionImpactAssessment",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedDataProtectionImpactAssessmentId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphDeleteDPIAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphDeleteDPIAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "6124ea356c08b9d7290082252a58c924",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphDeleteDPIAMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphDeleteDPIAMutation(\n  $input: DeleteDataProtectionImpactAssessmentInput!\n) {\n  deleteDataProtectionImpactAssessment(input: $input) {\n    deletedDataProtectionImpactAssessmentId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d68710e18cf1c83f60e57e5c25808cf6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..f2df500de
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<a6cfe48929d6439d3dee377f49f161e0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteProcessingActivityInput = {
+  processingActivityId: string;
+};
+export type ProcessingActivityGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteProcessingActivityInput;
+};
+export type ProcessingActivityGraphDeleteMutation$data = {
+  readonly deleteProcessingActivity: {
+    readonly deletedProcessingActivityId: string;
+  };
+};
+export type ProcessingActivityGraphDeleteMutation = {
+  response: ProcessingActivityGraphDeleteMutation$data;
+  variables: ProcessingActivityGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedProcessingActivityId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteProcessingActivityPayload",
+        "kind": "LinkedField",
+        "name": "deleteProcessingActivity",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteProcessingActivityPayload",
+        "kind": "LinkedField",
+        "name": "deleteProcessingActivity",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedProcessingActivityId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "302c79f7bfa307aa484acccab48c8591",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphDeleteMutation(\n  $input: DeleteProcessingActivityInput!\n) {\n  deleteProcessingActivity(input: $input) {\n    deletedProcessingActivityId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a8724b743deef9c8889ae937311338c3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteTIAMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteTIAMutation.graphql.ts
new file mode 100644
index 000000000..d819f679e
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphDeleteTIAMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<a9005a9448ac4c0cd8a5011d0a5a9665>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteTransferImpactAssessmentInput = {
+  transferImpactAssessmentId: string;
+};
+export type ProcessingActivityGraphDeleteTIAMutation$variables = {
+  input: DeleteTransferImpactAssessmentInput;
+};
+export type ProcessingActivityGraphDeleteTIAMutation$data = {
+  readonly deleteTransferImpactAssessment: {
+    readonly deletedTransferImpactAssessmentId: string;
+  };
+};
+export type ProcessingActivityGraphDeleteTIAMutation = {
+  response: ProcessingActivityGraphDeleteTIAMutation$data;
+  variables: ProcessingActivityGraphDeleteTIAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteTransferImpactAssessmentPayload",
+    "kind": "LinkedField",
+    "name": "deleteTransferImpactAssessment",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedTransferImpactAssessmentId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphDeleteTIAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphDeleteTIAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "0b0fec997f13e35c70d2be48f3672546",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphDeleteTIAMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphDeleteTIAMutation(\n  $input: DeleteTransferImpactAssessmentInput!\n) {\n  deleteTransferImpactAssessment(input: $input) {\n    deletedTransferImpactAssessmentId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "66a5fd8da4d9b70da0b39ee335cb9b6f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphListQuery.graphql.ts
new file mode 100644
index 000000000..8f5a6c32d
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphListQuery.graphql.ts
@@ -0,0 +1,594 @@
+/**
+ * @generated SignedSource<<5c57612f8793f7b056bf0046febe42ca>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ProcessingActivityGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type ProcessingActivityGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateProcessingActivity?: boolean;
+    readonly canExportDataProtectionImpactAssessments?: boolean;
+    readonly canExportProcessingActivities?: boolean;
+    readonly canExportTransferImpactAssessments?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"ProcessingActivitiesPageDPIAFragment" | "ProcessingActivitiesPageFragment" | "ProcessingActivitiesPageTIAFragment">;
+  };
+};
+export type ProcessingActivityGraphListQuery = {
+  response: ProcessingActivityGraphListQuery$data;
+  variables: ProcessingActivityGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateProcessingActivity",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:processing-activity:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:processing-activity:create\")"
+},
+v3 = {
+  "alias": "canExportProcessingActivities",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:processing-activity:export"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:processing-activity:export\")"
+},
+v4 = {
+  "alias": "canExportDataProtectionImpactAssessments",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:data-protection-impact-assessment:export"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:data-protection-impact-assessment:export\")"
+},
+v5 = {
+  "alias": "canExportTransferImpactAssessments",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:transfer-impact-assessment:export"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:transfer-impact-assessment:export\")"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v9 = [
+  {
+    "fields": (v6/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+],
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "totalCount",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v16 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v17 = [
+  "filter"
+],
+v18 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "ProcessingActivity",
+  "kind": "LinkedField",
+  "name": "processingActivity",
+  "plural": false,
+  "selections": [
+    (v8/*: any*/),
+    (v11/*: any*/)
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              {
+                "args": (v6/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "ProcessingActivitiesPageFragment"
+              },
+              {
+                "args": (v6/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "ProcessingActivitiesPageDPIAFragment"
+              },
+              {
+                "args": (v6/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "ProcessingActivitiesPageTIAFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v7/*: any*/),
+          (v8/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "ProcessingActivityConnection",
+                "kind": "LinkedField",
+                "name": "processingActivities",
+                "plural": false,
+                "selections": [
+                  (v10/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ProcessingActivityEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "ProcessingActivity",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v8/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          (v11/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "purpose",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSubjectCategory",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "personalDataCategory",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "lawfulBasis",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "location",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "internationalTransfers",
+                            "storageKey": null
+                          },
+                          (v12/*: any*/),
+                          (v13/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:processing-activity:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:processing-activity:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:processing-activity:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:processing-activity:delete\")"
+                          },
+                          (v7/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v14/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v15/*: any*/),
+                  (v16/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "filters": (v17/*: any*/),
+                "handle": "connection",
+                "key": "ProcessingActivitiesPage_processingActivities",
+                "kind": "LinkedHandle",
+                "name": "processingActivities"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "DataProtectionImpactAssessmentConnection",
+                "kind": "LinkedField",
+                "name": "dataProtectionImpactAssessments",
+                "plural": false,
+                "selections": [
+                  (v10/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DataProtectionImpactAssessmentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DataProtectionImpactAssessment",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v8/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "potentialRisk",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualRisk",
+                            "storageKey": null
+                          },
+                          (v18/*: any*/),
+                          (v12/*: any*/),
+                          (v13/*: any*/),
+                          (v7/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v14/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v15/*: any*/),
+                  (v16/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "filters": (v17/*: any*/),
+                "handle": "connection",
+                "key": "ProcessingActivitiesPage_dataProtectionImpactAssessments",
+                "kind": "LinkedHandle",
+                "name": "dataProtectionImpactAssessments"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "TransferImpactAssessmentConnection",
+                "kind": "LinkedField",
+                "name": "transferImpactAssessments",
+                "plural": false,
+                "selections": [
+                  (v10/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TransferImpactAssessmentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TransferImpactAssessment",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v8/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSubjects",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "transfer",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "localLawRisk",
+                            "storageKey": null
+                          },
+                          (v18/*: any*/),
+                          (v12/*: any*/),
+                          (v13/*: any*/),
+                          (v7/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v14/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v15/*: any*/),
+                  (v16/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "filters": (v17/*: any*/),
+                "handle": "connection",
+                "key": "ProcessingActivitiesPage_transferImpactAssessments",
+                "kind": "LinkedHandle",
+                "name": "transferImpactAssessments"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "84a26e65e3de62f76f034786cf174f80",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphListQuery",
+    "operationKind": "query",
+    "text": "query ProcessingActivityGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateProcessingActivity: permission(action: \"core:processing-activity:create\")\n      canExportProcessingActivities: permission(action: \"core:processing-activity:export\")\n      canExportDataProtectionImpactAssessments: permission(action: \"core:data-protection-impact-assessment:export\")\n      canExportTransferImpactAssessments: permission(action: \"core:transfer-impact-assessment:export\")\n      ...ProcessingActivitiesPageFragment_3iomuz\n      ...ProcessingActivitiesPageDPIAFragment_3iomuz\n      ...ProcessingActivitiesPageTIAFragment_3iomuz\n    }\n    id\n  }\n}\n\nfragment ProcessingActivitiesPageDPIAFragment_3iomuz on Organization {\n  id\n  dataProtectionImpactAssessments(first: 10, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        description\n        potentialRisk\n        residualRisk\n        processingActivity {\n          id\n          name\n        }\n        createdAt\n        updatedAt\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n\nfragment ProcessingActivitiesPageFragment_3iomuz on Organization {\n  id\n  processingActivities(first: 10, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        snapshotId\n        sourceId\n        name\n        purpose\n        dataSubjectCategory\n        personalDataCategory\n        lawfulBasis\n        location\n        internationalTransfers\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:processing-activity:update\")\n        canDelete: permission(action: \"core:processing-activity:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n\nfragment ProcessingActivitiesPageTIAFragment_3iomuz on Organization {\n  id\n  transferImpactAssessments(first: 10, filter: {snapshotId: $snapshotId}) {\n    totalCount\n    edges {\n      node {\n        id\n        dataSubjects\n        transfer\n        localLawRisk\n        processingActivity {\n          id\n          name\n        }\n        createdAt\n        updatedAt\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6efb688e3142c0eceb054ded9df044de";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..b02261163
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphNodeQuery.graphql.ts
@@ -0,0 +1,695 @@
+/**
+ * @generated SignedSource<<ddc684800753eec2ae70df06e304dbde>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DataProtectionImpactAssessmentResidualRisk = "HIGH" | "LOW" | "MEDIUM";
+export type ProcessingActivityDataProtectionImpactAssessment = "NEEDED" | "NOT_NEEDED";
+export type ProcessingActivityLawfulBasis = "CONSENT" | "CONTRACTUAL_NECESSITY" | "LEGAL_OBLIGATION" | "LEGITIMATE_INTEREST" | "PUBLIC_TASK" | "VITAL_INTERESTS";
+export type ProcessingActivityRole = "CONTROLLER" | "PROCESSOR";
+export type ProcessingActivitySpecialOrCriminalDatum = "NO" | "POSSIBLE" | "YES";
+export type ProcessingActivityTransferImpactAssessment = "NEEDED" | "NOT_NEEDED";
+export type ProcessingActivityTransferSafeguard = "ADEQUACY_DECISION" | "BINDING_CORPORATE_RULES" | "CERTIFICATION_MECHANISMS" | "CODES_OF_CONDUCT" | "DEROGATIONS" | "STANDARD_CONTRACTUAL_CLAUSES";
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+export type ProcessingActivityGraphNodeQuery$variables = {
+  processingActivityId: string;
+};
+export type ProcessingActivityGraphNodeQuery$data = {
+  readonly node: {
+    readonly canCreateDPIA?: boolean;
+    readonly canCreateTIA?: boolean;
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly consentEvidenceLink?: string | null | undefined;
+    readonly createdAt?: string;
+    readonly dataProtectionImpactAssessment?: {
+      readonly canDelete: boolean;
+      readonly canUpdate: boolean;
+      readonly createdAt: string;
+      readonly description: string | null | undefined;
+      readonly id: string;
+      readonly mitigations: string | null | undefined;
+      readonly necessityAndProportionality: string | null | undefined;
+      readonly potentialRisk: string | null | undefined;
+      readonly residualRisk: DataProtectionImpactAssessmentResidualRisk | null | undefined;
+      readonly updatedAt: string;
+    } | null | undefined;
+    readonly dataProtectionImpactAssessmentNeeded?: ProcessingActivityDataProtectionImpactAssessment;
+    readonly dataProtectionOfficer?: {
+      readonly fullName: string;
+      readonly id: string;
+    } | null | undefined;
+    readonly dataSubjectCategory?: string | null | undefined;
+    readonly id?: string;
+    readonly internationalTransfers?: boolean;
+    readonly lastReviewDate?: string | null | undefined;
+    readonly lawfulBasis?: ProcessingActivityLawfulBasis;
+    readonly location?: string | null | undefined;
+    readonly name?: string;
+    readonly nextReviewDate?: string | null | undefined;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+    readonly personalDataCategory?: string | null | undefined;
+    readonly purpose?: string | null | undefined;
+    readonly recipients?: string | null | undefined;
+    readonly retentionPeriod?: string | null | undefined;
+    readonly role?: ProcessingActivityRole;
+    readonly securityMeasures?: string | null | undefined;
+    readonly snapshotId?: string | null | undefined;
+    readonly specialOrCriminalData?: ProcessingActivitySpecialOrCriminalDatum;
+    readonly transferImpactAssessment?: {
+      readonly canDelete: boolean;
+      readonly canUpdate: boolean;
+      readonly createdAt: string;
+      readonly dataSubjects: string | null | undefined;
+      readonly id: string;
+      readonly legalMechanism: string | null | undefined;
+      readonly localLawRisk: string | null | undefined;
+      readonly supplementaryMeasures: string | null | undefined;
+      readonly transfer: string | null | undefined;
+      readonly updatedAt: string;
+    } | null | undefined;
+    readonly transferImpactAssessmentNeeded?: ProcessingActivityTransferImpactAssessment;
+    readonly transferSafeguards?: ProcessingActivityTransferSafeguard | null | undefined;
+    readonly updatedAt?: string;
+    readonly vendors?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly category: VendorCategory;
+          readonly id: string;
+          readonly name: string;
+          readonly websiteUrl: string | null | undefined;
+        };
+      }>;
+    };
+  };
+};
+export type ProcessingActivityGraphNodeQuery = {
+  response: ProcessingActivityGraphNodeQuery$data;
+  variables: ProcessingActivityGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "processingActivityId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "processingActivityId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "purpose",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dataSubjectCategory",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "personalDataCategory",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "specialOrCriminalData",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "consentEvidenceLink",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "lawfulBasis",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "recipients",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "location",
+  "storageKey": null
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "internationalTransfers",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "transferSafeguards",
+  "storageKey": null
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "retentionPeriod",
+  "storageKey": null
+},
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "securityMeasures",
+  "storageKey": null
+},
+v17 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dataProtectionImpactAssessmentNeeded",
+  "storageKey": null
+},
+v18 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "transferImpactAssessmentNeeded",
+  "storageKey": null
+},
+v19 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "lastReviewDate",
+  "storageKey": null
+},
+v20 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "nextReviewDate",
+  "storageKey": null
+},
+v21 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "role",
+  "storageKey": null
+},
+v22 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "dataProtectionOfficer",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v23 = {
+  "alias": null,
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "first",
+      "value": 50
+    }
+  ],
+  "concreteType": "VendorConnection",
+  "kind": "LinkedField",
+  "name": "vendors",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "VendorEdge",
+      "kind": "LinkedField",
+      "name": "edges",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "Vendor",
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            (v4/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "websiteUrl",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "category",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": "vendors(first:50)"
+},
+v24 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v25 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v26 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "DataProtectionImpactAssessment",
+  "kind": "LinkedField",
+  "name": "dataProtectionImpactAssessment",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "necessityAndProportionality",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "potentialRisk",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "mitigations",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualRisk",
+      "storageKey": null
+    },
+    (v24/*: any*/),
+    (v25/*: any*/),
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:data-protection-impact-assessment:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:data-protection-impact-assessment:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:data-protection-impact-assessment:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:data-protection-impact-assessment:delete\")"
+    }
+  ],
+  "storageKey": null
+},
+v27 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "TransferImpactAssessment",
+  "kind": "LinkedField",
+  "name": "transferImpactAssessment",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "dataSubjects",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "legalMechanism",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "transfer",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "localLawRisk",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "supplementaryMeasures",
+      "storageKey": null
+    },
+    (v24/*: any*/),
+    (v25/*: any*/),
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:transfer-impact-assessment:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:transfer-impact-assessment:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:transfer-impact-assessment:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:transfer-impact-assessment:delete\")"
+    }
+  ],
+  "storageKey": null
+},
+v28 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    (v4/*: any*/)
+  ],
+  "storageKey": null
+},
+v29 = {
+  "alias": "canCreateDPIA",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:data-protection-impact-assessment:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:data-protection-impact-assessment:create\")"
+},
+v30 = {
+  "alias": "canCreateTIA",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:transfer-impact-assessment:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:transfer-impact-assessment:create\")"
+},
+v31 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:processing-activity:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:processing-activity:update\")"
+},
+v32 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:processing-activity:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:processing-activity:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/),
+              (v20/*: any*/),
+              (v21/*: any*/),
+              (v22/*: any*/),
+              (v23/*: any*/),
+              (v26/*: any*/),
+              (v27/*: any*/),
+              (v28/*: any*/),
+              (v24/*: any*/),
+              (v25/*: any*/),
+              (v29/*: any*/),
+              (v30/*: any*/),
+              (v31/*: any*/),
+              (v32/*: any*/)
+            ],
+            "type": "ProcessingActivity",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/),
+              (v20/*: any*/),
+              (v21/*: any*/),
+              (v22/*: any*/),
+              (v23/*: any*/),
+              (v26/*: any*/),
+              (v27/*: any*/),
+              (v28/*: any*/),
+              (v24/*: any*/),
+              (v25/*: any*/),
+              (v29/*: any*/),
+              (v30/*: any*/),
+              (v31/*: any*/),
+              (v32/*: any*/)
+            ],
+            "type": "ProcessingActivity",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "29bddd12b9399a78fb24420f11b6d56d",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query ProcessingActivityGraphNodeQuery(\n  $processingActivityId: ID!\n) {\n  node(id: $processingActivityId) {\n    __typename\n    ... on ProcessingActivity {\n      id\n      snapshotId\n      name\n      purpose\n      dataSubjectCategory\n      personalDataCategory\n      specialOrCriminalData\n      consentEvidenceLink\n      lawfulBasis\n      recipients\n      location\n      internationalTransfers\n      transferSafeguards\n      retentionPeriod\n      securityMeasures\n      dataProtectionImpactAssessmentNeeded\n      transferImpactAssessmentNeeded\n      lastReviewDate\n      nextReviewDate\n      role\n      dataProtectionOfficer {\n        id\n        fullName\n      }\n      vendors(first: 50) {\n        edges {\n          node {\n            id\n            name\n            websiteUrl\n            category\n          }\n        }\n      }\n      dataProtectionImpactAssessment {\n        id\n        description\n        necessityAndProportionality\n        potentialRisk\n        mitigations\n        residualRisk\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:data-protection-impact-assessment:update\")\n        canDelete: permission(action: \"core:data-protection-impact-assessment:delete\")\n      }\n      transferImpactAssessment {\n        id\n        dataSubjects\n        legalMechanism\n        transfer\n        localLawRisk\n        supplementaryMeasures\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:transfer-impact-assessment:update\")\n        canDelete: permission(action: \"core:transfer-impact-assessment:delete\")\n      }\n      organization {\n        id\n        name\n      }\n      createdAt\n      updatedAt\n      canCreateDPIA: permission(action: \"core:data-protection-impact-assessment:create\")\n      canCreateTIA: permission(action: \"core:transfer-impact-assessment:create\")\n      canUpdate: permission(action: \"core:processing-activity:update\")\n      canDelete: permission(action: \"core:processing-activity:delete\")\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d670e7ec4d612b19532332247c8c1f8f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateDPIAMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateDPIAMutation.graphql.ts
new file mode 100644
index 000000000..53fbc6a26
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateDPIAMutation.graphql.ts
@@ -0,0 +1,167 @@
+/**
+ * @generated SignedSource<<9bd2a9a518e61ab378f74e7fd2521a01>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DataProtectionImpactAssessmentResidualRisk = "HIGH" | "LOW" | "MEDIUM";
+export type UpdateDataProtectionImpactAssessmentInput = {
+  description?: string | null | undefined;
+  id: string;
+  mitigations?: string | null | undefined;
+  necessityAndProportionality?: string | null | undefined;
+  potentialRisk?: string | null | undefined;
+  residualRisk?: DataProtectionImpactAssessmentResidualRisk | null | undefined;
+};
+export type ProcessingActivityGraphUpdateDPIAMutation$variables = {
+  input: UpdateDataProtectionImpactAssessmentInput;
+};
+export type ProcessingActivityGraphUpdateDPIAMutation$data = {
+  readonly updateDataProtectionImpactAssessment: {
+    readonly dataProtectionImpactAssessment: {
+      readonly createdAt: string;
+      readonly description: string | null | undefined;
+      readonly id: string;
+      readonly mitigations: string | null | undefined;
+      readonly necessityAndProportionality: string | null | undefined;
+      readonly potentialRisk: string | null | undefined;
+      readonly residualRisk: DataProtectionImpactAssessmentResidualRisk | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type ProcessingActivityGraphUpdateDPIAMutation = {
+  response: ProcessingActivityGraphUpdateDPIAMutation$data;
+  variables: ProcessingActivityGraphUpdateDPIAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateDataProtectionImpactAssessmentPayload",
+    "kind": "LinkedField",
+    "name": "updateDataProtectionImpactAssessment",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "DataProtectionImpactAssessment",
+        "kind": "LinkedField",
+        "name": "dataProtectionImpactAssessment",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "necessityAndProportionality",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "potentialRisk",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "mitigations",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "residualRisk",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphUpdateDPIAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphUpdateDPIAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "8209c5674c73064b76e46b67c017b5fa",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphUpdateDPIAMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphUpdateDPIAMutation(\n  $input: UpdateDataProtectionImpactAssessmentInput!\n) {\n  updateDataProtectionImpactAssessment(input: $input) {\n    dataProtectionImpactAssessment {\n      id\n      description\n      necessityAndProportionality\n      potentialRisk\n      mitigations\n      residualRisk\n      createdAt\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9b03511f95fd87aafd075b66fd82184c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..071696288
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateMutation.graphql.ts
@@ -0,0 +1,365 @@
+/**
+ * @generated SignedSource<<3c389bd21593ce8129cdfca360d3a89d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ProcessingActivityDataProtectionImpactAssessment = "NEEDED" | "NOT_NEEDED";
+export type ProcessingActivityLawfulBasis = "CONSENT" | "CONTRACTUAL_NECESSITY" | "LEGAL_OBLIGATION" | "LEGITIMATE_INTEREST" | "PUBLIC_TASK" | "VITAL_INTERESTS";
+export type ProcessingActivityRole = "CONTROLLER" | "PROCESSOR";
+export type ProcessingActivitySpecialOrCriminalDatum = "NO" | "POSSIBLE" | "YES";
+export type ProcessingActivityTransferImpactAssessment = "NEEDED" | "NOT_NEEDED";
+export type ProcessingActivityTransferSafeguard = "ADEQUACY_DECISION" | "BINDING_CORPORATE_RULES" | "CERTIFICATION_MECHANISMS" | "CODES_OF_CONDUCT" | "DEROGATIONS" | "STANDARD_CONTRACTUAL_CLAUSES";
+export type UpdateProcessingActivityInput = {
+  consentEvidenceLink?: string | null | undefined;
+  dataProtectionImpactAssessmentNeeded?: ProcessingActivityDataProtectionImpactAssessment | null | undefined;
+  dataProtectionOfficerId?: string | null | undefined;
+  dataSubjectCategory?: string | null | undefined;
+  id: string;
+  internationalTransfers?: boolean | null | undefined;
+  lastReviewDate?: string | null | undefined;
+  lawfulBasis?: ProcessingActivityLawfulBasis | null | undefined;
+  location?: string | null | undefined;
+  name?: string | null | undefined;
+  nextReviewDate?: string | null | undefined;
+  personalDataCategory?: string | null | undefined;
+  purpose?: string | null | undefined;
+  recipients?: string | null | undefined;
+  retentionPeriod?: string | null | undefined;
+  role?: ProcessingActivityRole | null | undefined;
+  securityMeasures?: string | null | undefined;
+  specialOrCriminalData?: ProcessingActivitySpecialOrCriminalDatum | null | undefined;
+  transferImpactAssessmentNeeded?: ProcessingActivityTransferImpactAssessment | null | undefined;
+  transferSafeguards?: ProcessingActivityTransferSafeguard | null | undefined;
+  vendorIds?: ReadonlyArray<string> | null | undefined;
+};
+export type ProcessingActivityGraphUpdateMutation$variables = {
+  input: UpdateProcessingActivityInput;
+};
+export type ProcessingActivityGraphUpdateMutation$data = {
+  readonly updateProcessingActivity: {
+    readonly processingActivity: {
+      readonly consentEvidenceLink: string | null | undefined;
+      readonly dataProtectionImpactAssessmentNeeded: ProcessingActivityDataProtectionImpactAssessment;
+      readonly dataProtectionOfficer: {
+        readonly fullName: string;
+        readonly id: string;
+      } | null | undefined;
+      readonly dataSubjectCategory: string | null | undefined;
+      readonly id: string;
+      readonly internationalTransfers: boolean;
+      readonly lastReviewDate: string | null | undefined;
+      readonly lawfulBasis: ProcessingActivityLawfulBasis;
+      readonly location: string | null | undefined;
+      readonly name: string;
+      readonly nextReviewDate: string | null | undefined;
+      readonly personalDataCategory: string | null | undefined;
+      readonly purpose: string | null | undefined;
+      readonly recipients: string | null | undefined;
+      readonly retentionPeriod: string | null | undefined;
+      readonly role: ProcessingActivityRole;
+      readonly securityMeasures: string | null | undefined;
+      readonly specialOrCriminalData: ProcessingActivitySpecialOrCriminalDatum;
+      readonly transferImpactAssessmentNeeded: ProcessingActivityTransferImpactAssessment;
+      readonly transferSafeguards: ProcessingActivityTransferSafeguard | null | undefined;
+      readonly updatedAt: string;
+      readonly vendors: {
+        readonly edges: ReadonlyArray<{
+          readonly node: {
+            readonly id: string;
+            readonly name: string;
+            readonly websiteUrl: string | null | undefined;
+          };
+        }>;
+      };
+    };
+  };
+};
+export type ProcessingActivityGraphUpdateMutation = {
+  response: ProcessingActivityGraphUpdateMutation$data;
+  variables: ProcessingActivityGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v3 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateProcessingActivityPayload",
+    "kind": "LinkedField",
+    "name": "updateProcessingActivity",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "ProcessingActivity",
+        "kind": "LinkedField",
+        "name": "processingActivity",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "purpose",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dataSubjectCategory",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "personalDataCategory",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "specialOrCriminalData",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "consentEvidenceLink",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "lawfulBasis",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "recipients",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "location",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "internationalTransfers",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "transferSafeguards",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "retentionPeriod",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "securityMeasures",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dataProtectionImpactAssessmentNeeded",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "transferImpactAssessmentNeeded",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "lastReviewDate",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "nextReviewDate",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "role",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "dataProtectionOfficer",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": [
+              {
+                "kind": "Literal",
+                "name": "first",
+                "value": 50
+              }
+            ],
+            "concreteType": "VendorConnection",
+            "kind": "LinkedField",
+            "name": "vendors",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Vendor",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v1/*: any*/),
+                      (v2/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "websiteUrl",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": "vendors(first:50)"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphUpdateMutation",
+    "selections": (v3/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphUpdateMutation",
+    "selections": (v3/*: any*/)
+  },
+  "params": {
+    "cacheID": "9df89e1a1b2eb8ee2b031a21c42dbea5",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphUpdateMutation(\n  $input: UpdateProcessingActivityInput!\n) {\n  updateProcessingActivity(input: $input) {\n    processingActivity {\n      id\n      name\n      purpose\n      dataSubjectCategory\n      personalDataCategory\n      specialOrCriminalData\n      consentEvidenceLink\n      lawfulBasis\n      recipients\n      location\n      internationalTransfers\n      transferSafeguards\n      retentionPeriod\n      securityMeasures\n      dataProtectionImpactAssessmentNeeded\n      transferImpactAssessmentNeeded\n      lastReviewDate\n      nextReviewDate\n      role\n      dataProtectionOfficer {\n        id\n        fullName\n      }\n      vendors(first: 50) {\n        edges {\n          node {\n            id\n            name\n            websiteUrl\n          }\n        }\n      }\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b290e0aeeb96b3ca94e0002b50830611";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateTIAMutation.graphql.ts b/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateTIAMutation.graphql.ts
new file mode 100644
index 000000000..a2b9fc0d8
--- /dev/null
+++ b/apps/console/src/__generated__/core/ProcessingActivityGraphUpdateTIAMutation.graphql.ts
@@ -0,0 +1,166 @@
+/**
+ * @generated SignedSource<<d4281ff7f3648b044caa41cf643f2838>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateTransferImpactAssessmentInput = {
+  dataSubjects?: string | null | undefined;
+  id: string;
+  legalMechanism?: string | null | undefined;
+  localLawRisk?: string | null | undefined;
+  supplementaryMeasures?: string | null | undefined;
+  transfer?: string | null | undefined;
+};
+export type ProcessingActivityGraphUpdateTIAMutation$variables = {
+  input: UpdateTransferImpactAssessmentInput;
+};
+export type ProcessingActivityGraphUpdateTIAMutation$data = {
+  readonly updateTransferImpactAssessment: {
+    readonly transferImpactAssessment: {
+      readonly createdAt: string;
+      readonly dataSubjects: string | null | undefined;
+      readonly id: string;
+      readonly legalMechanism: string | null | undefined;
+      readonly localLawRisk: string | null | undefined;
+      readonly supplementaryMeasures: string | null | undefined;
+      readonly transfer: string | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type ProcessingActivityGraphUpdateTIAMutation = {
+  response: ProcessingActivityGraphUpdateTIAMutation$data;
+  variables: ProcessingActivityGraphUpdateTIAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateTransferImpactAssessmentPayload",
+    "kind": "LinkedField",
+    "name": "updateTransferImpactAssessment",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TransferImpactAssessment",
+        "kind": "LinkedField",
+        "name": "transferImpactAssessment",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dataSubjects",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "legalMechanism",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "transfer",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "localLawRisk",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "supplementaryMeasures",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "ProcessingActivityGraphUpdateTIAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "ProcessingActivityGraphUpdateTIAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "bf5b4de5fd040e63ff654b41532ba6fb",
+    "id": null,
+    "metadata": {},
+    "name": "ProcessingActivityGraphUpdateTIAMutation",
+    "operationKind": "mutation",
+    "text": "mutation ProcessingActivityGraphUpdateTIAMutation(\n  $input: UpdateTransferImpactAssessmentInput!\n) {\n  updateTransferImpactAssessment(input: $input) {\n    transferImpactAssessment {\n      id\n      dataSubjects\n      legalMechanism\n      transfer\n      localLawRisk\n      supplementaryMeasures\n      createdAt\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2a94ca65e0c62ac9947027dfb60cc916";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/PublishDocumentsDialogMutation.graphql.ts b/apps/console/src/__generated__/core/PublishDocumentsDialogMutation.graphql.ts
new file mode 100644
index 000000000..9f71a8823
--- /dev/null
+++ b/apps/console/src/__generated__/core/PublishDocumentsDialogMutation.graphql.ts
@@ -0,0 +1,330 @@
+/**
+ * @generated SignedSource<<032b44ec9c5c4d5fc0281269dad54098>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type BulkPublishDocumentVersionsInput = {
+  changelog: string;
+  documentIds: ReadonlyArray<string>;
+};
+export type PublishDocumentsDialogMutation$variables = {
+  input: BulkPublishDocumentVersionsInput;
+};
+export type PublishDocumentsDialogMutation$data = {
+  readonly bulkPublishDocumentVersions: {
+    readonly documentEdges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"DocumentsPageRowFragment">;
+      };
+    }>;
+  };
+};
+export type PublishDocumentsDialogMutation = {
+  response: PublishDocumentsDialogMutation$data;
+  variables: PublishDocumentsDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PublishDocumentsDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "BulkPublishDocumentVersionsPayload",
+        "kind": "LinkedField",
+        "name": "bulkPublishDocumentVersions",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdges",
+            "plural": true,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "DocumentsPageRowFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "PublishDocumentsDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "BulkPublishDocumentVersionsPayload",
+        "kind": "LinkedField",
+        "name": "bulkPublishDocumentVersions",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdges",
+            "plural": true,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "title",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "documentType",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "classification",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "updatedAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:document:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:document:delete\")"
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "owner",
+                    "plural": false,
+                    "selections": [
+                      (v2/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "fullName",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "first",
+                        "value": 1
+                      }
+                    ],
+                    "concreteType": "DocumentVersionConnection",
+                    "kind": "LinkedField",
+                    "name": "versions",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersionEdge",
+                        "kind": "LinkedField",
+                        "name": "edges",
+                        "plural": true,
+                        "selections": [
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "DocumentVersion",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "status",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "version",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": [
+                                  {
+                                    "kind": "Literal",
+                                    "name": "first",
+                                    "value": 1000
+                                  }
+                                ],
+                                "concreteType": "DocumentVersionSignatureConnection",
+                                "kind": "LinkedField",
+                                "name": "signatures",
+                                "plural": false,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersionSignatureEdge",
+                                    "kind": "LinkedField",
+                                    "name": "edges",
+                                    "plural": true,
+                                    "selections": [
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "concreteType": "DocumentVersionSignature",
+                                        "kind": "LinkedField",
+                                        "name": "node",
+                                        "plural": false,
+                                        "selections": [
+                                          (v2/*: any*/),
+                                          {
+                                            "alias": null,
+                                            "args": null,
+                                            "kind": "ScalarField",
+                                            "name": "state",
+                                            "storageKey": null
+                                          }
+                                        ],
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": "signatures(first:1000)"
+                              }
+                            ],
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": "versions(first:1)"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "56634e96a607e273bf269d4720cd75d9",
+    "id": null,
+    "metadata": {},
+    "name": "PublishDocumentsDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation PublishDocumentsDialogMutation(\n  $input: BulkPublishDocumentVersionsInput!\n) {\n  bulkPublishDocumentVersions(input: $input) {\n    documentEdges {\n      node {\n        id\n        ...DocumentsPageRowFragment\n      }\n    }\n  }\n}\n\nfragment DocumentsPageRowFragment on Document {\n  id\n  title\n  description\n  documentType\n  classification\n  updatedAt\n  canDelete: permission(action: \"core:document:delete\")\n  owner {\n    id\n    fullName\n  }\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n        version\n        signatures(first: 1000) {\n          edges {\n            node {\n              id\n              state\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c9d699258bb8638d5474ab5e6b5e4585";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RightsRequestGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/RightsRequestGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..b7f2b97bf
--- /dev/null
+++ b/apps/console/src/__generated__/core/RightsRequestGraphCreateMutation.graphql.ts
@@ -0,0 +1,231 @@
+/**
+ * @generated SignedSource<<77e3b75def25c670d0c069140d111507>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type RightsRequestState = "DONE" | "IN_PROGRESS" | "TODO";
+export type RightsRequestType = "ACCESS" | "DELETION" | "PORTABILITY";
+export type CreateRightsRequestInput = {
+  actionTaken?: string | null | undefined;
+  contact?: string | null | undefined;
+  dataSubject?: string | null | undefined;
+  deadline?: string | null | undefined;
+  details?: string | null | undefined;
+  organizationId: string;
+  requestState: RightsRequestState;
+  requestType: RightsRequestType;
+};
+export type RightsRequestGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateRightsRequestInput;
+};
+export type RightsRequestGraphCreateMutation$data = {
+  readonly createRightsRequest: {
+    readonly rightsRequestEdge: {
+      readonly node: {
+        readonly actionTaken: string | null | undefined;
+        readonly contact: string | null | undefined;
+        readonly createdAt: string;
+        readonly dataSubject: string | null | undefined;
+        readonly deadline: string | null | undefined;
+        readonly details: string | null | undefined;
+        readonly id: string;
+        readonly requestState: RightsRequestState;
+        readonly requestType: RightsRequestType;
+      };
+    };
+  };
+};
+export type RightsRequestGraphCreateMutation = {
+  response: RightsRequestGraphCreateMutation$data;
+  variables: RightsRequestGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "RightsRequestEdge",
+  "kind": "LinkedField",
+  "name": "rightsRequestEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "RightsRequest",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "requestType",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "requestState",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "dataSubject",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "contact",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "details",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "deadline",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "actionTaken",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RightsRequestGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRightsRequestPayload",
+        "kind": "LinkedField",
+        "name": "createRightsRequest",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RightsRequestGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRightsRequestPayload",
+        "kind": "LinkedField",
+        "name": "createRightsRequest",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "rightsRequestEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "2642d9a5f58aa90190df6ccf73e6e06f",
+    "id": null,
+    "metadata": {},
+    "name": "RightsRequestGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation RightsRequestGraphCreateMutation(\n  $input: CreateRightsRequestInput!\n) {\n  createRightsRequest(input: $input) {\n    rightsRequestEdge {\n      node {\n        id\n        requestType\n        requestState\n        dataSubject\n        contact\n        details\n        deadline\n        actionTaken\n        createdAt\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "98fa74d3219cf56655e74441af4dc01d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RightsRequestGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/RightsRequestGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..cd9c420da
--- /dev/null
+++ b/apps/console/src/__generated__/core/RightsRequestGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<274e16758d468bf7fb911965acca3264>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteRightsRequestInput = {
+  rightsRequestId: string;
+};
+export type RightsRequestGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteRightsRequestInput;
+};
+export type RightsRequestGraphDeleteMutation$data = {
+  readonly deleteRightsRequest: {
+    readonly deletedRightsRequestId: string;
+  };
+};
+export type RightsRequestGraphDeleteMutation = {
+  response: RightsRequestGraphDeleteMutation$data;
+  variables: RightsRequestGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedRightsRequestId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RightsRequestGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRightsRequestPayload",
+        "kind": "LinkedField",
+        "name": "deleteRightsRequest",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RightsRequestGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRightsRequestPayload",
+        "kind": "LinkedField",
+        "name": "deleteRightsRequest",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedRightsRequestId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c81b44380a4647a241c72fe1ca359246",
+    "id": null,
+    "metadata": {},
+    "name": "RightsRequestGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation RightsRequestGraphDeleteMutation(\n  $input: DeleteRightsRequestInput!\n) {\n  deleteRightsRequest(input: $input) {\n    deletedRightsRequestId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e657b62ad808fa4fd5902cf4eea4ca3b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RightsRequestGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/RightsRequestGraphListQuery.graphql.ts
new file mode 100644
index 000000000..00fc61bab
--- /dev/null
+++ b/apps/console/src/__generated__/core/RightsRequestGraphListQuery.graphql.ts
@@ -0,0 +1,337 @@
+/**
+ * @generated SignedSource<<5eff506b761b5790caf4b18a51cf2a88>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RightsRequestGraphListQuery$variables = {
+  organizationId: string;
+};
+export type RightsRequestGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateRightsRequest?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"RightsRequestsPageFragment">;
+  };
+};
+export type RightsRequestGraphListQuery = {
+  response: RightsRequestGraphListQuery$data;
+  variables: RightsRequestGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateRightsRequest",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:rights-request:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:rights-request:create\")"
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v5 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 10
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RightsRequestGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "RightsRequestsPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "RightsRequestGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v4/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "concreteType": "RightsRequestConnection",
+                "kind": "LinkedField",
+                "name": "rightsRequests",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "RightsRequestEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "RightsRequest",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v4/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requestType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requestState",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSubject",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "contact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "details",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "deadline",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "actionTaken",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:rights-request:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:rights-request:delete\")"
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:rights-request:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:rights-request:update\")"
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "rightsRequests(first:10)"
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "RightsRequestsPage_rightsRequests",
+                "kind": "LinkedHandle",
+                "name": "rightsRequests"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6bc485c10a9531beeb67aa6ff28a7ddc",
+    "id": null,
+    "metadata": {},
+    "name": "RightsRequestGraphListQuery",
+    "operationKind": "query",
+    "text": "query RightsRequestGraphListQuery(\n  $organizationId: ID!\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateRightsRequest: permission(action: \"core:rights-request:create\")\n      ...RightsRequestsPageFragment\n    }\n    id\n  }\n}\n\nfragment RightsRequestsPageFragment on Organization {\n  id\n  rightsRequests(first: 10) {\n    totalCount\n    edges {\n      node {\n        id\n        requestType\n        requestState\n        dataSubject\n        contact\n        details\n        deadline\n        actionTaken\n        createdAt\n        updatedAt\n        canDelete: permission(action: \"core:rights-request:delete\")\n        canUpdate: permission(action: \"core:rights-request:update\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0ec5bfd82df0184daee8f615b55f9b5b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RightsRequestGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/RightsRequestGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..74e0970d4
--- /dev/null
+++ b/apps/console/src/__generated__/core/RightsRequestGraphNodeQuery.graphql.ts
@@ -0,0 +1,273 @@
+/**
+ * @generated SignedSource<<866100731d22dd57eb0fcd571c54ee45>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type RightsRequestState = "DONE" | "IN_PROGRESS" | "TODO";
+export type RightsRequestType = "ACCESS" | "DELETION" | "PORTABILITY";
+export type RightsRequestGraphNodeQuery$variables = {
+  rightsRequestId: string;
+};
+export type RightsRequestGraphNodeQuery$data = {
+  readonly node: {
+    readonly actionTaken?: string | null | undefined;
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly contact?: string | null | undefined;
+    readonly createdAt?: string;
+    readonly dataSubject?: string | null | undefined;
+    readonly deadline?: string | null | undefined;
+    readonly details?: string | null | undefined;
+    readonly id?: string;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+    readonly requestState?: RightsRequestState;
+    readonly requestType?: RightsRequestType;
+    readonly updatedAt?: string;
+  };
+};
+export type RightsRequestGraphNodeQuery = {
+  response: RightsRequestGraphNodeQuery$data;
+  variables: RightsRequestGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "rightsRequestId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "rightsRequestId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "requestType",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "requestState",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "dataSubject",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "contact",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "details",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deadline",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "actionTaken",
+  "storageKey": null
+},
+v10 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:rights-request:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:rights-request:update\")"
+},
+v11 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:rights-request:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:rights-request:delete\")"
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RightsRequestGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/)
+            ],
+            "type": "RightsRequest",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "RightsRequestGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/)
+            ],
+            "type": "RightsRequest",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "ee78ca5ffa5a944254f733bfefdfbfab",
+    "id": null,
+    "metadata": {},
+    "name": "RightsRequestGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query RightsRequestGraphNodeQuery(\n  $rightsRequestId: ID!\n) {\n  node(id: $rightsRequestId) {\n    __typename\n    ... on RightsRequest {\n      id\n      requestType\n      requestState\n      dataSubject\n      contact\n      details\n      deadline\n      actionTaken\n      canUpdate: permission(action: \"core:rights-request:update\")\n      canDelete: permission(action: \"core:rights-request:delete\")\n      organization {\n        id\n        name\n      }\n      createdAt\n      updatedAt\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b7d363467873575acae293e30324a435";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RightsRequestGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/RightsRequestGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..8836e973c
--- /dev/null
+++ b/apps/console/src/__generated__/core/RightsRequestGraphUpdateMutation.graphql.ts
@@ -0,0 +1,178 @@
+/**
+ * @generated SignedSource<<be978f367e58cceaa6d2d3d581dadd53>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type RightsRequestState = "DONE" | "IN_PROGRESS" | "TODO";
+export type RightsRequestType = "ACCESS" | "DELETION" | "PORTABILITY";
+export type UpdateRightsRequestInput = {
+  actionTaken?: string | null | undefined;
+  contact?: string | null | undefined;
+  dataSubject?: string | null | undefined;
+  deadline?: string | null | undefined;
+  details?: string | null | undefined;
+  id: string;
+  requestState?: RightsRequestState | null | undefined;
+  requestType?: RightsRequestType | null | undefined;
+};
+export type RightsRequestGraphUpdateMutation$variables = {
+  input: UpdateRightsRequestInput;
+};
+export type RightsRequestGraphUpdateMutation$data = {
+  readonly updateRightsRequest: {
+    readonly rightsRequest: {
+      readonly actionTaken: string | null | undefined;
+      readonly contact: string | null | undefined;
+      readonly dataSubject: string | null | undefined;
+      readonly deadline: string | null | undefined;
+      readonly details: string | null | undefined;
+      readonly id: string;
+      readonly requestState: RightsRequestState;
+      readonly requestType: RightsRequestType;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type RightsRequestGraphUpdateMutation = {
+  response: RightsRequestGraphUpdateMutation$data;
+  variables: RightsRequestGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateRightsRequestPayload",
+    "kind": "LinkedField",
+    "name": "updateRightsRequest",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "RightsRequest",
+        "kind": "LinkedField",
+        "name": "rightsRequest",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "requestType",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "requestState",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "dataSubject",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "contact",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "details",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "deadline",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "actionTaken",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RightsRequestGraphUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "RightsRequestGraphUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "4b06cb49236bb946cfa333e95b80f2a8",
+    "id": null,
+    "metadata": {},
+    "name": "RightsRequestGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation RightsRequestGraphUpdateMutation(\n  $input: UpdateRightsRequestInput!\n) {\n  updateRightsRequest(input: $input) {\n    rightsRequest {\n      id\n      requestType\n      requestState\n      dataSubject\n      contact\n      details\n      deadline\n      actionTaken\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f2f42ebc57de95ec4a760e7d701f90fa";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RightsRequestsPageFragment.graphql.ts b/apps/console/src/__generated__/core/RightsRequestsPageFragment.graphql.ts
new file mode 100644
index 000000000..7992e232b
--- /dev/null
+++ b/apps/console/src/__generated__/core/RightsRequestsPageFragment.graphql.ts
@@ -0,0 +1,295 @@
+/**
+ * @generated SignedSource<<109da5292cbd22b553279fefd5c41c03>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type RightsRequestState = "DONE" | "IN_PROGRESS" | "TODO";
+export type RightsRequestType = "ACCESS" | "DELETION" | "PORTABILITY";
+import { FragmentRefs } from "relay-runtime";
+export type RightsRequestsPageFragment$data = {
+  readonly id: string;
+  readonly rightsRequests: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly actionTaken: string | null | undefined;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly contact: string | null | undefined;
+        readonly createdAt: string;
+        readonly dataSubject: string | null | undefined;
+        readonly deadline: string | null | undefined;
+        readonly details: string | null | undefined;
+        readonly id: string;
+        readonly requestState: RightsRequestState;
+        readonly requestType: RightsRequestType;
+        readonly updatedAt: string;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+    readonly totalCount: number;
+  };
+  readonly " $fragmentType": "RightsRequestsPageFragment";
+};
+export type RightsRequestsPageFragment$key = {
+  readonly " $data"?: RightsRequestsPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"RightsRequestsPageFragment">;
+};
+
+import RightsRequestsPageRefetchQuery_graphql from './RightsRequestsPageRefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "rightsRequests"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": 10,
+      "kind": "LocalArgument",
+      "name": "first"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "first",
+        "cursor": "after",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": RightsRequestsPageRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "RightsRequestsPageFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "rightsRequests",
+      "args": null,
+      "concreteType": "RightsRequestConnection",
+      "kind": "LinkedField",
+      "name": "__RightsRequestsPage_rightsRequests_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "RightsRequestEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "RightsRequest",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "requestType",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "requestState",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "dataSubject",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "contact",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "details",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "deadline",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "actionTaken",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:rights-request:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:rights-request:delete\")"
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:rights-request:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:rights-request:update\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "cfb8b464e37afac281c1722b9daf1783";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RightsRequestsPageRefetchQuery.graphql.ts b/apps/console/src/__generated__/core/RightsRequestsPageRefetchQuery.graphql.ts
new file mode 100644
index 000000000..c13995f79
--- /dev/null
+++ b/apps/console/src/__generated__/core/RightsRequestsPageRefetchQuery.graphql.ts
@@ -0,0 +1,331 @@
+/**
+ * @generated SignedSource<<e8285c8dc81c3789af43fe68e8ef4c98>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RightsRequestsPageRefetchQuery$variables = {
+  after?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+};
+export type RightsRequestsPageRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"RightsRequestsPageFragment">;
+  };
+};
+export type RightsRequestsPageRefetchQuery = {
+  response: RightsRequestsPageRefetchQuery$data;
+  variables: RightsRequestsPageRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "after"
+  },
+  {
+    "defaultValue": 10,
+    "kind": "LocalArgument",
+    "name": "first"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "id"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "after",
+    "variableName": "after"
+  },
+  {
+    "kind": "Variable",
+    "name": "first",
+    "variableName": "first"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RightsRequestsPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": (v2/*: any*/),
+            "kind": "FragmentSpread",
+            "name": "RightsRequestsPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "RightsRequestsPageRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v4/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v2/*: any*/),
+                "concreteType": "RightsRequestConnection",
+                "kind": "LinkedField",
+                "name": "rightsRequests",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "RightsRequestEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "RightsRequest",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v4/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requestType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requestState",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSubject",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "contact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "details",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "deadline",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "actionTaken",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:rights-request:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:rights-request:delete\")"
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:rights-request:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:rights-request:update\")"
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v2/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "RightsRequestsPage_rightsRequests",
+                "kind": "LinkedHandle",
+                "name": "rightsRequests"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a63c4d960c8f375acceeedd2f1b9a188",
+    "id": null,
+    "metadata": {},
+    "name": "RightsRequestsPageRefetchQuery",
+    "operationKind": "query",
+    "text": "query RightsRequestsPageRefetchQuery(\n  $after: CursorKey\n  $first: Int = 10\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...RightsRequestsPageFragment_2HEEH6\n    id\n  }\n}\n\nfragment RightsRequestsPageFragment_2HEEH6 on Organization {\n  id\n  rightsRequests(first: $first, after: $after) {\n    totalCount\n    edges {\n      node {\n        id\n        requestType\n        requestState\n        dataSubject\n        contact\n        details\n        deadline\n        actionTaken\n        createdAt\n        updatedAt\n        canDelete: permission(action: \"core:rights-request:delete\")\n        canUpdate: permission(action: \"core:rights-request:update\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "cfb8b464e37afac281c1722b9daf1783";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskControlsTabControlsQuery.graphql.ts b/apps/console/src/__generated__/core/RiskControlsTabControlsQuery.graphql.ts
new file mode 100644
index 000000000..5c3cbc21d
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskControlsTabControlsQuery.graphql.ts
@@ -0,0 +1,351 @@
+/**
+ * @generated SignedSource<<d20219178e2a97048e01cc7bedc206a0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type ControlOrderField = "CREATED_AT" | "SECTION_TITLE";
+export type OrderDirection = "ASC" | "DESC";
+export type ControlFilter = {
+  query?: string | null | undefined;
+};
+export type ControlOrder = {
+  direction: OrderDirection;
+  field: ControlOrderField;
+};
+export type RiskControlsTabControlsQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  filter?: ControlFilter | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: ControlOrder | null | undefined;
+};
+export type RiskControlsTabControlsQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"RiskControlsTabFragment">;
+  };
+};
+export type RiskControlsTabControlsQuery = {
+  response: RiskControlsTabControlsQuery$data;
+  variables: RiskControlsTabControlsQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "filter"
+},
+v3 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "filter",
+  "variableName": "filter"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  (v11/*: any*/),
+  (v12/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+],
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskControlsTabControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "RiskControlsTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v4/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskControlsTabControlsQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          (v16/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v14/*: any*/),
+                              (v16/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "RiskControlsTab_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              }
+            ],
+            "type": "Risk",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "ea5571d7c2f47861c81f19447ff3d345",
+    "id": null,
+    "metadata": {},
+    "name": "RiskControlsTabControlsQuery",
+    "operationKind": "query",
+    "text": "query RiskControlsTabControlsQuery(\n  $after: CursorKey\n  $before: CursorKey = null\n  $filter: ControlFilter = null\n  $first: Int = 20\n  $last: Int = null\n  $order: ControlOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...RiskControlsTabFragment_4cFWzS\n    id\n  }\n}\n\nfragment RiskControlsTabFragment_4cFWzS on Risk {\n  id\n  controls(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: $filter) {\n    edges {\n      node {\n        id\n        sectionTitle\n        name\n        framework {\n          id\n          name\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "ef2896f4e53f88f6862ffef48bcccff3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskControlsTabFragment.graphql.ts b/apps/console/src/__generated__/core/RiskControlsTabFragment.graphql.ts
new file mode 100644
index 000000000..2877a0543
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskControlsTabFragment.graphql.ts
@@ -0,0 +1,250 @@
+/**
+ * @generated SignedSource<<5bbce08d4b9359b961b9b1b4827f5756>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskControlsTabFragment$data = {
+  readonly controls: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly framework: {
+          readonly id: string;
+          readonly name: string;
+        };
+        readonly id: string;
+        readonly name: string;
+        readonly sectionTitle: string;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "RiskControlsTabFragment";
+};
+export type RiskControlsTabFragment$key = {
+  readonly " $data"?: RiskControlsTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"RiskControlsTabFragment">;
+};
+
+import RiskControlsTabControlsQuery_graphql from './RiskControlsTabControlsQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "controls"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "filter"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": RiskControlsTabControlsQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "RiskControlsTabFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "controls",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "filter"
+        },
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "ControlConnection",
+      "kind": "LinkedField",
+      "name": "__RiskControlsTab_controls_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ControlEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Control",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "sectionTitle",
+                  "storageKey": null
+                },
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Framework",
+                  "kind": "LinkedField",
+                  "name": "framework",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    (v2/*: any*/)
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Risk",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "ef2896f4e53f88f6862ffef48bcccff3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskDocumentsTabCreateMutation.graphql.ts b/apps/console/src/__generated__/core/RiskDocumentsTabCreateMutation.graphql.ts
new file mode 100644
index 000000000..267d91a27
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskDocumentsTabCreateMutation.graphql.ts
@@ -0,0 +1,256 @@
+/**
+ * @generated SignedSource<<81e7ff7299c6b5f9e46fa08ee731be12>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateRiskDocumentMappingInput = {
+  documentId: string;
+  riskId: string;
+};
+export type RiskDocumentsTabCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateRiskDocumentMappingInput;
+};
+export type RiskDocumentsTabCreateMutation$data = {
+  readonly createRiskDocumentMapping: {
+    readonly documentEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsCardFragment">;
+      };
+    };
+  };
+};
+export type RiskDocumentsTabCreateMutation = {
+  response: RiskDocumentsTabCreateMutation$data;
+  variables: RiskDocumentsTabCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskDocumentsTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskDocumentMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedDocumentsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskDocumentsTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskDocumentMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentEdge",
+            "kind": "LinkedField",
+            "name": "documentEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Document",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "title",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "createdAt",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "documentType",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "first",
+                        "value": 1
+                      }
+                    ],
+                    "concreteType": "DocumentVersionConnection",
+                    "kind": "LinkedField",
+                    "name": "versions",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersionEdge",
+                        "kind": "LinkedField",
+                        "name": "edges",
+                        "plural": true,
+                        "selections": [
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "DocumentVersion",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "status",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": "versions(first:1)"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "documentEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e2844d2884a2d7d2c648fea4888fbfc5",
+    "id": null,
+    "metadata": {},
+    "name": "RiskDocumentsTabCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation RiskDocumentsTabCreateMutation(\n  $input: CreateRiskDocumentMappingInput!\n) {\n  createRiskDocumentMapping(input: $input) {\n    documentEdge {\n      node {\n        id\n        ...LinkedDocumentsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedDocumentsCardFragment on Document {\n  id\n  title\n  createdAt\n  documentType\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0847d69d95edfec177a03175e227ced6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskDocumentsTabDetachMutation.graphql.ts b/apps/console/src/__generated__/core/RiskDocumentsTabDetachMutation.graphql.ts
new file mode 100644
index 000000000..7b4bc6d35
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskDocumentsTabDetachMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<ae02449f816da7f2b79f16edbe2f7066>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteRiskDocumentMappingInput = {
+  documentId: string;
+  riskId: string;
+};
+export type RiskDocumentsTabDetachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteRiskDocumentMappingInput;
+};
+export type RiskDocumentsTabDetachMutation$data = {
+  readonly deleteRiskDocumentMapping: {
+    readonly deletedDocumentId: string;
+  };
+};
+export type RiskDocumentsTabDetachMutation = {
+  response: RiskDocumentsTabDetachMutation$data;
+  variables: RiskDocumentsTabDetachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedDocumentId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskDocumentsTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskDocumentMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskDocumentsTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskDocumentMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskDocumentMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedDocumentId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a8dc5064c650c498193904e16790df6e",
+    "id": null,
+    "metadata": {},
+    "name": "RiskDocumentsTabDetachMutation",
+    "operationKind": "mutation",
+    "text": "mutation RiskDocumentsTabDetachMutation(\n  $input: DeleteRiskDocumentMappingInput!\n) {\n  deleteRiskDocumentMapping(input: $input) {\n    deletedDocumentId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0aa4bf52197d033dfc3aabca9288aad4";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskDocumentsTabFragment.graphql.ts b/apps/console/src/__generated__/core/RiskDocumentsTabFragment.graphql.ts
new file mode 100644
index 000000000..3c54831e1
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskDocumentsTabFragment.graphql.ts
@@ -0,0 +1,155 @@
+/**
+ * @generated SignedSource<<1ccd9664c4fb02eb50e1284ed64372fb>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskDocumentsTabFragment$data = {
+  readonly documents: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedDocumentsCardFragment">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "RiskDocumentsTabFragment";
+};
+export type RiskDocumentsTabFragment$key = {
+  readonly " $data"?: RiskDocumentsTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"RiskDocumentsTabFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "documents"
+        ]
+      }
+    ]
+  },
+  "name": "RiskDocumentsTabFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": "documents",
+      "args": null,
+      "concreteType": "DocumentConnection",
+      "kind": "LinkedField",
+      "name": "__Risk__documents_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Document",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "LinkedDocumentsCardFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Risk",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "91792e693e6326b25ceb70c14fdc154e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/RiskGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..6288dd970
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<dec71a6edcf899669b0b8e29a8b77aad>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteRiskInput = {
+  riskId: string;
+};
+export type RiskGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteRiskInput;
+};
+export type RiskGraphDeleteMutation$data = {
+  readonly deleteRisk: {
+    readonly deletedRiskId: string;
+  };
+};
+export type RiskGraphDeleteMutation = {
+  response: RiskGraphDeleteMutation$data;
+  variables: RiskGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedRiskId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskPayload",
+        "kind": "LinkedField",
+        "name": "deleteRisk",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskPayload",
+        "kind": "LinkedField",
+        "name": "deleteRisk",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedRiskId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "57b2b12cd623a9c0a99bc5d13284e21e",
+    "id": null,
+    "metadata": {},
+    "name": "RiskGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation RiskGraphDeleteMutation(\n  $input: DeleteRiskInput!\n) {\n  deleteRisk(input: $input) {\n    deletedRiskId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a930aa55cb8dcca220dfb26783550877";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskGraphFragment.graphql.ts b/apps/console/src/__generated__/core/RiskGraphFragment.graphql.ts
new file mode 100644
index 000000000..9ff3d9e24
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskGraphFragment.graphql.ts
@@ -0,0 +1,385 @@
+/**
+ * @generated SignedSource<<cac11a0f78a2e3980e953f77d040c52a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED";
+import { FragmentRefs } from "relay-runtime";
+export type RiskGraphFragment$data = {
+  readonly canCreateRisk: boolean;
+  readonly id: string;
+  readonly risks: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly category: string;
+        readonly id: string;
+        readonly inherentImpact: number;
+        readonly inherentLikelihood: number;
+        readonly inherentRiskScore: number;
+        readonly name: string;
+        readonly owner: {
+          readonly fullName: string;
+          readonly id: string;
+        } | null | undefined;
+        readonly residualImpact: number;
+        readonly residualLikelihood: number;
+        readonly residualRiskScore: number;
+        readonly snapshotId: string | null | undefined;
+        readonly treatment: RiskTreatment;
+        readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "RiskGraphFragment";
+};
+export type RiskGraphFragment$key = {
+  readonly " $data"?: RiskGraphFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"RiskGraphFragment">;
+};
+
+import RisksListQuery_graphql from './RisksListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "risks"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": {
+        "direction": "DESC",
+        "field": "CREATED_AT"
+      },
+      "kind": "LocalArgument",
+      "name": "order"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": RisksListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "RiskGraphFragment",
+  "selections": [
+    {
+      "alias": "canCreateRisk",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:risk:create"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:risk:create\")"
+    },
+    {
+      "alias": "risks",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "RiskConnection",
+      "kind": "LinkedField",
+      "name": "__RisksListQuery_risks_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "RiskEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Risk",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "category",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "treatment",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "People",
+                  "kind": "LinkedField",
+                  "name": "owner",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "fullName",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "inherentLikelihood",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "inherentImpact",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "residualLikelihood",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "residualImpact",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "inherentRiskScore",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "residualRiskScore",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:risk:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:risk:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:risk:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:risk:delete\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "useRiskFormFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "41dc9e3adc5d7d9b2126a49afef685c7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/RiskGraphListQuery.graphql.ts
new file mode 100644
index 000000000..6912d42bb
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskGraphListQuery.graphql.ts
@@ -0,0 +1,404 @@
+/**
+ * @generated SignedSource<<4a3c1f52f5b371d6cbea3557e609252e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type RiskGraphListQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"RiskGraphFragment">;
+  };
+};
+export type RiskGraphListQuery = {
+  response: RiskGraphListQuery$data;
+  variables: RiskGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v5 = [
+  {
+    "fields": (v3/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "args": (v3/*: any*/),
+            "kind": "FragmentSpread",
+            "name": "RiskGraphFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "RiskGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "canCreateRisk",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:risk:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:risk:create\")"
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "concreteType": "RiskConnection",
+                "kind": "LinkedField",
+                "name": "risks",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "RiskEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Risk",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "category",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "treatment",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "inherentLikelihood",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "inherentImpact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualLikelihood",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualImpact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "inherentRiskScore",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualRiskScore",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:risk:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:risk:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:risk:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:risk:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "note",
+                            "storageKey": null
+                          },
+                          (v4/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "RisksListQuery_risks",
+                "kind": "LinkedHandle",
+                "name": "risks"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "feed1e410567a8707ca0e2e4b651bb7a",
+    "id": null,
+    "metadata": {},
+    "name": "RiskGraphListQuery",
+    "operationKind": "query",
+    "text": "query RiskGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ...RiskGraphFragment_3iomuz\n  }\n}\n\nfragment RiskGraphFragment_3iomuz on Organization {\n  canCreateRisk: permission(action: \"core:risk:create\")\n  risks(first: 50, orderBy: {direction: DESC, field: CREATED_AT}, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        snapshotId\n        name\n        category\n        treatment\n        owner {\n          id\n          fullName\n        }\n        inherentLikelihood\n        inherentImpact\n        residualLikelihood\n        residualImpact\n        inherentRiskScore\n        residualRiskScore\n        canUpdate: permission(action: \"core:risk:update\")\n        canDelete: permission(action: \"core:risk:delete\")\n        ...useRiskFormFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment useRiskFormFragment on Risk {\n  id\n  name\n  category\n  description\n  treatment\n  inherentLikelihood\n  inherentImpact\n  residualLikelihood\n  residualImpact\n  inherentRiskScore\n  residualRiskScore\n  note\n  owner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a6e146d7d0f9d2713796935d0d615311";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/RiskGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..2c22efffe
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskGraphNodeQuery.graphql.ts
@@ -0,0 +1,902 @@
+/**
+ * @generated SignedSource<<f0137f6782d41b9fc869e8c1139db167>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED";
+export type RiskGraphNodeQuery$variables = {
+  riskId: string;
+};
+export type RiskGraphNodeQuery$data = {
+  readonly node: {
+    readonly canCreateDocumentMapping?: boolean;
+    readonly canCreateMeasureMapping?: boolean;
+    readonly canCreateObligationMapping?: boolean;
+    readonly canDelete?: boolean;
+    readonly canDeleteDocumentMapping?: boolean;
+    readonly canDeleteMeasureMapping?: boolean;
+    readonly canDeleteObligationMapping?: boolean;
+    readonly canUpdate?: boolean;
+    readonly controlsInfo?: {
+      readonly totalCount: number;
+    };
+    readonly description?: string | null | undefined;
+    readonly documentsInfo?: {
+      readonly totalCount: number;
+    };
+    readonly id?: string;
+    readonly inherentRiskScore?: number;
+    readonly measuresInfo?: {
+      readonly totalCount: number;
+    };
+    readonly name?: string;
+    readonly note?: string;
+    readonly obligationsInfo?: {
+      readonly totalCount: number;
+    };
+    readonly owner?: {
+      readonly fullName: string;
+      readonly id: string;
+    } | null | undefined;
+    readonly residualRiskScore?: number;
+    readonly snapshotId?: string | null | undefined;
+    readonly treatment?: RiskTreatment;
+    readonly " $fragmentSpreads": FragmentRefs<"RiskControlsTabFragment" | "RiskDocumentsTabFragment" | "RiskMeasuresTabFragment" | "RiskObligationsTabFragment" | "RiskOverviewTabFragment" | "useRiskFormFragment">;
+  };
+};
+export type RiskGraphNodeQuery = {
+  response: RiskGraphNodeQuery$data;
+  variables: RiskGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "riskId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "riskId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "treatment",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fullName",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    (v7/*: any*/)
+  ],
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "note",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "inherentRiskScore",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "residualRiskScore",
+  "storageKey": null
+},
+v12 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 0
+  }
+],
+v13 = [
+  {
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "totalCount",
+    "storageKey": null
+  }
+],
+v14 = {
+  "alias": "measuresInfo",
+  "args": (v12/*: any*/),
+  "concreteType": "MeasureConnection",
+  "kind": "LinkedField",
+  "name": "measures",
+  "plural": false,
+  "selections": (v13/*: any*/),
+  "storageKey": "measures(first:0)"
+},
+v15 = {
+  "alias": "documentsInfo",
+  "args": (v12/*: any*/),
+  "concreteType": "DocumentConnection",
+  "kind": "LinkedField",
+  "name": "documents",
+  "plural": false,
+  "selections": (v13/*: any*/),
+  "storageKey": "documents(first:0)"
+},
+v16 = {
+  "alias": "controlsInfo",
+  "args": (v12/*: any*/),
+  "concreteType": "ControlConnection",
+  "kind": "LinkedField",
+  "name": "controls",
+  "plural": false,
+  "selections": (v13/*: any*/),
+  "storageKey": "controls(first:0)"
+},
+v17 = {
+  "alias": "obligationsInfo",
+  "args": (v12/*: any*/),
+  "concreteType": "ObligationConnection",
+  "kind": "LinkedField",
+  "name": "obligations",
+  "plural": false,
+  "selections": (v13/*: any*/),
+  "storageKey": "obligations(first:0)"
+},
+v18 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:update\")"
+},
+v19 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:delete\")"
+},
+v20 = {
+  "alias": "canCreateDocumentMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:create-document-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:create-document-mapping\")"
+},
+v21 = {
+  "alias": "canDeleteDocumentMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:delete-document-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:delete-document-mapping\")"
+},
+v22 = {
+  "alias": "canCreateMeasureMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:create-measure-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:create-measure-mapping\")"
+},
+v23 = {
+  "alias": "canDeleteMeasureMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:delete-measure-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:delete-measure-mapping\")"
+},
+v24 = {
+  "alias": "canCreateObligationMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:create-obligation-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:create-obligation-mapping\")"
+},
+v25 = {
+  "alias": "canDeleteObligationMapping",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:risk:delete-obligation-mapping"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:risk:delete-obligation-mapping\")"
+},
+v26 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v27 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+],
+v28 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v29 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "endCursor",
+  "storageKey": null
+},
+v30 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasNextPage",
+  "storageKey": null
+},
+v31 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    (v29/*: any*/),
+    (v30/*: any*/)
+  ],
+  "storageKey": null
+},
+v32 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v33 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "status",
+  "storageKey": null
+},
+v34 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/),
+              (v20/*: any*/),
+              (v21/*: any*/),
+              (v22/*: any*/),
+              (v23/*: any*/),
+              (v24/*: any*/),
+              (v25/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "useRiskFormFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "RiskOverviewTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "RiskMeasuresTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "RiskDocumentsTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "RiskControlsTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "RiskObligationsTabFragment"
+              }
+            ],
+            "type": "Risk",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "RiskGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v26/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v14/*: any*/),
+              (v15/*: any*/),
+              (v16/*: any*/),
+              (v17/*: any*/),
+              (v18/*: any*/),
+              (v19/*: any*/),
+              (v20/*: any*/),
+              (v21/*: any*/),
+              (v22/*: any*/),
+              (v23/*: any*/),
+              (v24/*: any*/),
+              (v25/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "category",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "inherentLikelihood",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "inherentImpact",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "residualLikelihood",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "residualImpact",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v27/*: any*/),
+                "concreteType": "MeasureConnection",
+                "kind": "LinkedField",
+                "name": "measures",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeasureEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Measure",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v4/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          (v26/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v28/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v31/*: any*/),
+                  (v32/*: any*/)
+                ],
+                "storageKey": "measures(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v27/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "Risk__measures",
+                "kind": "LinkedHandle",
+                "name": "measures"
+              },
+              {
+                "alias": null,
+                "args": (v27/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              }
+                            ],
+                            "concreteType": "DocumentVersionConnection",
+                            "kind": "LinkedField",
+                            "name": "versions",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersion",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v2/*: any*/),
+                                      (v33/*: any*/)
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "versions(first:1)"
+                          },
+                          (v26/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v28/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v31/*: any*/),
+                  (v32/*: any*/)
+                ],
+                "storageKey": "documents(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v27/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "Risk__documents",
+                "kind": "LinkedHandle",
+                "name": "documents"
+              },
+              {
+                "alias": null,
+                "args": (v34/*: any*/),
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ControlEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Control",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sectionTitle",
+                            "storageKey": null
+                          },
+                          (v4/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              (v4/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v26/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v28/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      (v29/*: any*/),
+                      (v30/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "controls(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v34/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "RiskControlsTab_controls",
+                "kind": "LinkedHandle",
+                "name": "controls"
+              },
+              {
+                "alias": null,
+                "args": (v27/*: any*/),
+                "concreteType": "ObligationConnection",
+                "kind": "LinkedField",
+                "name": "obligations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "ObligationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Obligation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "requirement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "area",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          (v33/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v7/*: any*/),
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v26/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v28/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v31/*: any*/),
+                  (v32/*: any*/)
+                ],
+                "storageKey": "obligations(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v27/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "Risk__obligations",
+                "kind": "LinkedHandle",
+                "name": "obligations"
+              }
+            ],
+            "type": "Risk",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "81ab255e9f6f1e3f666f5dd77920689b",
+    "id": null,
+    "metadata": {},
+    "name": "RiskGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query RiskGraphNodeQuery(\n  $riskId: ID!\n) {\n  node(id: $riskId) {\n    __typename\n    ... on Risk {\n      id\n      snapshotId\n      name\n      description\n      treatment\n      owner {\n        id\n        fullName\n      }\n      note\n      inherentRiskScore\n      residualRiskScore\n      measuresInfo: measures(first: 0) {\n        totalCount\n      }\n      documentsInfo: documents(first: 0) {\n        totalCount\n      }\n      controlsInfo: controls(first: 0) {\n        totalCount\n      }\n      obligationsInfo: obligations(first: 0) {\n        totalCount\n      }\n      canUpdate: permission(action: \"core:risk:update\")\n      canDelete: permission(action: \"core:risk:delete\")\n      canCreateDocumentMapping: permission(action: \"core:risk:create-document-mapping\")\n      canDeleteDocumentMapping: permission(action: \"core:risk:delete-document-mapping\")\n      canCreateMeasureMapping: permission(action: \"core:risk:create-measure-mapping\")\n      canDeleteMeasureMapping: permission(action: \"core:risk:delete-measure-mapping\")\n      canCreateObligationMapping: permission(action: \"core:risk:create-obligation-mapping\")\n      canDeleteObligationMapping: permission(action: \"core:risk:delete-obligation-mapping\")\n      ...useRiskFormFragment\n      ...RiskOverviewTabFragment\n      ...RiskMeasuresTabFragment\n      ...RiskDocumentsTabFragment\n      ...RiskControlsTabFragment\n      ...RiskObligationsTabFragment\n    }\n    id\n  }\n}\n\nfragment LinkedDocumentsCardFragment on Document {\n  id\n  title\n  createdAt\n  documentType\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n      }\n    }\n  }\n}\n\nfragment LinkedMeasuresCardFragment on Measure {\n  id\n  name\n  state\n}\n\nfragment LinkedObligationsCardFragment on Obligation {\n  id\n  requirement\n  area\n  source\n  status\n  owner {\n    fullName\n    id\n  }\n}\n\nfragment RiskControlsTabFragment on Risk {\n  id\n  controls(first: 20) {\n    edges {\n      node {\n        id\n        sectionTitle\n        name\n        framework {\n          id\n          name\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment RiskDocumentsTabFragment on Risk {\n  id\n  documents(first: 100) {\n    edges {\n      node {\n        id\n        ...LinkedDocumentsCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment RiskMeasuresTabFragment on Risk {\n  id\n  measures(first: 100) {\n    edges {\n      node {\n        id\n        ...LinkedMeasuresCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment RiskObligationsTabFragment on Risk {\n  id\n  obligations(first: 100) {\n    edges {\n      node {\n        id\n        ...LinkedObligationsCardFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment RiskOverviewTabFragment on Risk {\n  inherentLikelihood\n  inherentImpact\n  residualLikelihood\n  residualImpact\n  inherentRiskScore\n  residualRiskScore\n}\n\nfragment useRiskFormFragment on Risk {\n  id\n  name\n  category\n  description\n  treatment\n  inherentLikelihood\n  inherentImpact\n  residualLikelihood\n  residualImpact\n  inherentRiskScore\n  residualRiskScore\n  note\n  owner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3ea74f7158cc3634d47af761c18dbadf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskMeasuresTabCreateMutation.graphql.ts b/apps/console/src/__generated__/core/RiskMeasuresTabCreateMutation.graphql.ts
new file mode 100644
index 000000000..90fb0a82d
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskMeasuresTabCreateMutation.graphql.ts
@@ -0,0 +1,202 @@
+/**
+ * @generated SignedSource<<6e27a069ae5675b9c83e369566a91d01>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateRiskMeasureMappingInput = {
+  measureId: string;
+  riskId: string;
+};
+export type RiskMeasuresTabCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateRiskMeasureMappingInput;
+};
+export type RiskMeasuresTabCreateMutation$data = {
+  readonly createRiskMeasureMapping: {
+    readonly measureEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedMeasuresCardFragment">;
+      };
+    };
+  };
+};
+export type RiskMeasuresTabCreateMutation = {
+  response: RiskMeasuresTabCreateMutation$data;
+  variables: RiskMeasuresTabCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskMeasuresTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "MeasureEdge",
+            "kind": "LinkedField",
+            "name": "measureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Measure",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedMeasuresCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskMeasuresTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "MeasureEdge",
+            "kind": "LinkedField",
+            "name": "measureEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Measure",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "state",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "measureEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3b141d4117959b1f6efed67e8aa655cf",
+    "id": null,
+    "metadata": {},
+    "name": "RiskMeasuresTabCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation RiskMeasuresTabCreateMutation(\n  $input: CreateRiskMeasureMappingInput!\n) {\n  createRiskMeasureMapping(input: $input) {\n    measureEdge {\n      node {\n        id\n        ...LinkedMeasuresCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedMeasuresCardFragment on Measure {\n  id\n  name\n  state\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "982d31266eda233518c48f1fd0cd2f46";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskMeasuresTabDetachMutation.graphql.ts b/apps/console/src/__generated__/core/RiskMeasuresTabDetachMutation.graphql.ts
new file mode 100644
index 000000000..eecc9b4d3
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskMeasuresTabDetachMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<c34aab708f8713173639ae4b7aacdf10>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteRiskMeasureMappingInput = {
+  measureId: string;
+  riskId: string;
+};
+export type RiskMeasuresTabDetachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteRiskMeasureMappingInput;
+};
+export type RiskMeasuresTabDetachMutation$data = {
+  readonly deleteRiskMeasureMapping: {
+    readonly deletedMeasureId: string;
+  };
+};
+export type RiskMeasuresTabDetachMutation = {
+  response: RiskMeasuresTabDetachMutation$data;
+  variables: RiskMeasuresTabDetachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedMeasureId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskMeasuresTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskMeasuresTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskMeasureMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskMeasureMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedMeasureId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "81260f49b2f31c4a12f87b38bab7a683",
+    "id": null,
+    "metadata": {},
+    "name": "RiskMeasuresTabDetachMutation",
+    "operationKind": "mutation",
+    "text": "mutation RiskMeasuresTabDetachMutation(\n  $input: DeleteRiskMeasureMappingInput!\n) {\n  deleteRiskMeasureMapping(input: $input) {\n    deletedMeasureId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c5adc6d900f0da15ec3acf7db304d410";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskMeasuresTabFragment.graphql.ts b/apps/console/src/__generated__/core/RiskMeasuresTabFragment.graphql.ts
new file mode 100644
index 000000000..847264c8c
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskMeasuresTabFragment.graphql.ts
@@ -0,0 +1,155 @@
+/**
+ * @generated SignedSource<<5a37b1ce3c0c17ce36fc3e1157eadf8e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskMeasuresTabFragment$data = {
+  readonly id: string;
+  readonly measures: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedMeasuresCardFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "RiskMeasuresTabFragment";
+};
+export type RiskMeasuresTabFragment$key = {
+  readonly " $data"?: RiskMeasuresTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"RiskMeasuresTabFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "measures"
+        ]
+      }
+    ]
+  },
+  "name": "RiskMeasuresTabFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": "measures",
+      "args": null,
+      "concreteType": "MeasureConnection",
+      "kind": "LinkedField",
+      "name": "__Risk__measures_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "MeasureEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Measure",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "LinkedMeasuresCardFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Risk",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "e928c83f7fea74daa5663d6f80518419";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskObligationsTabCreateMutation.graphql.ts b/apps/console/src/__generated__/core/RiskObligationsTabCreateMutation.graphql.ts
new file mode 100644
index 000000000..f3f2d5b1f
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskObligationsTabCreateMutation.graphql.ts
@@ -0,0 +1,235 @@
+/**
+ * @generated SignedSource<<545b2d50da8f79510029c5dba61ae821>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateRiskObligationMappingInput = {
+  obligationId: string;
+  riskId: string;
+};
+export type RiskObligationsTabCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateRiskObligationMappingInput;
+};
+export type RiskObligationsTabCreateMutation$data = {
+  readonly createRiskObligationMapping: {
+    readonly obligationEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsCardFragment">;
+      };
+    };
+  };
+};
+export type RiskObligationsTabCreateMutation = {
+  response: RiskObligationsTabCreateMutation$data;
+  variables: RiskObligationsTabCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskObligationsTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskObligationMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ObligationEdge",
+            "kind": "LinkedField",
+            "name": "obligationEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Obligation",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "LinkedObligationsCardFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskObligationsTabCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateRiskObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "createRiskObligationMapping",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "ObligationEdge",
+            "kind": "LinkedField",
+            "name": "obligationEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Obligation",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "requirement",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "area",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "source",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "status",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "owner",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "fullName",
+                        "storageKey": null
+                      },
+                      (v3/*: any*/)
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "obligationEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "8681d141acf6036709241ba71bfeae4c",
+    "id": null,
+    "metadata": {},
+    "name": "RiskObligationsTabCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation RiskObligationsTabCreateMutation(\n  $input: CreateRiskObligationMappingInput!\n) {\n  createRiskObligationMapping(input: $input) {\n    obligationEdge {\n      node {\n        id\n        ...LinkedObligationsCardFragment\n      }\n    }\n  }\n}\n\nfragment LinkedObligationsCardFragment on Obligation {\n  id\n  requirement\n  area\n  source\n  status\n  owner {\n    fullName\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "eee2e37b1adaae513ca23b8c82f055c9";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskObligationsTabDetachMutation.graphql.ts b/apps/console/src/__generated__/core/RiskObligationsTabDetachMutation.graphql.ts
new file mode 100644
index 000000000..af87d9554
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskObligationsTabDetachMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<58dd326af2caac72cf50ed8f289a3cac>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteRiskObligationMappingInput = {
+  obligationId: string;
+  riskId: string;
+};
+export type RiskObligationsTabDetachMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteRiskObligationMappingInput;
+};
+export type RiskObligationsTabDetachMutation$data = {
+  readonly deleteRiskObligationMapping: {
+    readonly deletedObligationId: string;
+  };
+};
+export type RiskObligationsTabDetachMutation = {
+  response: RiskObligationsTabDetachMutation$data;
+  variables: RiskObligationsTabDetachMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedObligationId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RiskObligationsTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskObligationMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RiskObligationsTabDetachMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteRiskObligationMappingPayload",
+        "kind": "LinkedField",
+        "name": "deleteRiskObligationMapping",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedObligationId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "97b75f003c5e9518831c9699a2fcaff0",
+    "id": null,
+    "metadata": {},
+    "name": "RiskObligationsTabDetachMutation",
+    "operationKind": "mutation",
+    "text": "mutation RiskObligationsTabDetachMutation(\n  $input: DeleteRiskObligationMappingInput!\n) {\n  deleteRiskObligationMapping(input: $input) {\n    deletedObligationId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5923c7e9bcb08224ba1a60b0ad09642a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskObligationsTabFragment.graphql.ts b/apps/console/src/__generated__/core/RiskObligationsTabFragment.graphql.ts
new file mode 100644
index 000000000..b7303a72b
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskObligationsTabFragment.graphql.ts
@@ -0,0 +1,155 @@
+/**
+ * @generated SignedSource<<1e3d6c1d36e2004b383479fb2e159c66>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskObligationsTabFragment$data = {
+  readonly id: string;
+  readonly obligations: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"LinkedObligationsCardFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "RiskObligationsTabFragment";
+};
+export type RiskObligationsTabFragment$key = {
+  readonly " $data"?: RiskObligationsTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"RiskObligationsTabFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "obligations"
+        ]
+      }
+    ]
+  },
+  "name": "RiskObligationsTabFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": "obligations",
+      "args": null,
+      "concreteType": "ObligationConnection",
+      "kind": "LinkedField",
+      "name": "__Risk__obligations_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "ObligationEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Obligation",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "LinkedObligationsCardFragment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Risk",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "e987e7c6dcfb73b71f769469b32c2b64";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RiskOverviewTabFragment.graphql.ts b/apps/console/src/__generated__/core/RiskOverviewTabFragment.graphql.ts
new file mode 100644
index 000000000..90f282e62
--- /dev/null
+++ b/apps/console/src/__generated__/core/RiskOverviewTabFragment.graphql.ts
@@ -0,0 +1,82 @@
+/**
+ * @generated SignedSource<<2b276a39b8020e7be036acb6fe4ca077>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type RiskOverviewTabFragment$data = {
+  readonly inherentImpact: number;
+  readonly inherentLikelihood: number;
+  readonly inherentRiskScore: number;
+  readonly residualImpact: number;
+  readonly residualLikelihood: number;
+  readonly residualRiskScore: number;
+  readonly " $fragmentType": "RiskOverviewTabFragment";
+};
+export type RiskOverviewTabFragment$key = {
+  readonly " $data"?: RiskOverviewTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"RiskOverviewTabFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "RiskOverviewTabFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "inherentLikelihood",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "inherentImpact",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualLikelihood",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualImpact",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "inherentRiskScore",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualRiskScore",
+      "storageKey": null
+    }
+  ],
+  "type": "Risk",
+  "abstractKey": null
+};
+
+(node as any).hash = "ba472e37a44c06c48847501204080fb6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/RisksListQuery.graphql.ts b/apps/console/src/__generated__/core/RisksListQuery.graphql.ts
new file mode 100644
index 000000000..2128f3592
--- /dev/null
+++ b/apps/console/src/__generated__/core/RisksListQuery.graphql.ts
@@ -0,0 +1,482 @@
+/**
+ * @generated SignedSource<<173bd86c9660b900d34ccd42228adae5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type RiskOrderField = "CATEGORY" | "CREATED_AT" | "INHERENT_RISK_SCORE" | "NAME" | "OWNER_FULL_NAME" | "RESIDUAL_RISK_SCORE" | "TREATMENT" | "UPDATED_AT";
+export type RiskOrder = {
+  direction: OrderDirection;
+  field: RiskOrderField;
+};
+export type RisksListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: RiskOrder | null | undefined;
+  snapshotId?: string | null | undefined;
+};
+export type RisksListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"RiskGraphFragment">;
+  };
+};
+export type RisksListQuery = {
+  response: RisksListQuery$data;
+  variables: RisksListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": {
+    "direction": "DESC",
+    "field": "CREATED_AT"
+  },
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  {
+    "fields": [
+      (v12/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v10/*: any*/),
+  (v11/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "RisksListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              },
+              (v12/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "RiskGraphFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "RisksListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "canCreateRisk",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:risk:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:risk:create\")"
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "RiskConnection",
+                "kind": "LinkedField",
+                "name": "risks",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "RiskEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Risk",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "category",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "treatment",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "owner",
+                            "plural": false,
+                            "selections": [
+                              (v14/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "inherentLikelihood",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "inherentImpact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualLikelihood",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualImpact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "inherentRiskScore",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "residualRiskScore",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:risk:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:risk:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:risk:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:risk:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "note",
+                            "storageKey": null
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "RisksListQuery_risks",
+                "kind": "LinkedHandle",
+                "name": "risks"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "92be64a69721c7097dcc87a525d7d706",
+    "id": null,
+    "metadata": {},
+    "name": "RisksListQuery",
+    "operationKind": "query",
+    "text": "query RisksListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: RiskOrder = {direction: DESC, field: CREATED_AT}\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...RiskGraphFragment_25MC8O\n    id\n  }\n}\n\nfragment RiskGraphFragment_25MC8O on Organization {\n  canCreateRisk: permission(action: \"core:risk:create\")\n  risks(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        snapshotId\n        name\n        category\n        treatment\n        owner {\n          id\n          fullName\n        }\n        inherentLikelihood\n        inherentImpact\n        residualLikelihood\n        residualImpact\n        inherentRiskScore\n        residualRiskScore\n        canUpdate: permission(action: \"core:risk:update\")\n        canDelete: permission(action: \"core:risk:delete\")\n        ...useRiskFormFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment useRiskFormFragment on Risk {\n  id\n  name\n  category\n  description\n  treatment\n  inherentLikelihood\n  inherentImpact\n  residualLikelihood\n  residualImpact\n  inherentRiskScore\n  residualRiskScore\n  note\n  owner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "41dc9e3adc5d7d9b2126a49afef685c7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SignatureDocumentsDialogMutation.graphql.ts b/apps/console/src/__generated__/core/SignatureDocumentsDialogMutation.graphql.ts
new file mode 100644
index 000000000..651fca514
--- /dev/null
+++ b/apps/console/src/__generated__/core/SignatureDocumentsDialogMutation.graphql.ts
@@ -0,0 +1,128 @@
+/**
+ * @generated SignedSource<<14890a4f10a8862a8aaf30ee1dc6f065>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+export type BulkRequestSignaturesInput = {
+  documentIds: ReadonlyArray<string>;
+  signatoryIds: ReadonlyArray<string>;
+};
+export type SignatureDocumentsDialogMutation$variables = {
+  input: BulkRequestSignaturesInput;
+};
+export type SignatureDocumentsDialogMutation$data = {
+  readonly bulkRequestSignatures: {
+    readonly documentVersionSignatureEdges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly state: DocumentVersionSignatureState;
+      };
+    }>;
+  };
+};
+export type SignatureDocumentsDialogMutation = {
+  response: SignatureDocumentsDialogMutation$data;
+  variables: SignatureDocumentsDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "BulkRequestSignaturesPayload",
+    "kind": "LinkedField",
+    "name": "bulkRequestSignatures",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "DocumentVersionSignatureEdge",
+        "kind": "LinkedField",
+        "name": "documentVersionSignatureEdges",
+        "plural": true,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "DocumentVersionSignature",
+            "kind": "LinkedField",
+            "name": "node",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "id",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "state",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SignatureDocumentsDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SignatureDocumentsDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "4426d76c855d441caab5c932c2ceb2ba",
+    "id": null,
+    "metadata": {},
+    "name": "SignatureDocumentsDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation SignatureDocumentsDialogMutation(\n  $input: BulkRequestSignaturesInput!\n) {\n  bulkRequestSignatures(input: $input) {\n    documentVersionSignatureEdges {\n      node {\n        id\n        state\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "1dbd9a7870416bf75d0a6fe44ebde408";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SnapshotBannerQuery.graphql.ts b/apps/console/src/__generated__/core/SnapshotBannerQuery.graphql.ts
new file mode 100644
index 000000000..786925808
--- /dev/null
+++ b/apps/console/src/__generated__/core/SnapshotBannerQuery.graphql.ts
@@ -0,0 +1,155 @@
+/**
+ * @generated SignedSource<<2b49935877fd64d39d0cfd649f3f01a5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SnapshotsType = "ASSETS" | "CONTINUAL_IMPROVEMENTS" | "DATA" | "NONCONFORMITIES" | "OBLIGATIONS" | "PROCESSING_ACTIVITIES" | "RISKS" | "STATES_OF_APPLICABILITY" | "VENDORS";
+export type SnapshotBannerQuery$variables = {
+  snapshotId: string;
+};
+export type SnapshotBannerQuery$data = {
+  readonly node: {
+    readonly createdAt?: string;
+    readonly id?: string;
+    readonly name?: string;
+    readonly type?: SnapshotsType;
+  };
+};
+export type SnapshotBannerQuery = {
+  response: SnapshotBannerQuery$data;
+  variables: SnapshotBannerQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "snapshotId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "type",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SnapshotBannerQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/)
+            ],
+            "type": "Snapshot",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SnapshotBannerQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/)
+            ],
+            "type": "Snapshot",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "7e026c7c030cd116b4794260934c394f",
+    "id": null,
+    "metadata": {},
+    "name": "SnapshotBannerQuery",
+    "operationKind": "query",
+    "text": "query SnapshotBannerQuery(\n  $snapshotId: ID!\n) {\n  node(id: $snapshotId) {\n    __typename\n    ... on Snapshot {\n      id\n      name\n      type\n      createdAt\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e50a4bb5133d8e918b8b2b9d2a42f1d1";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SnapshotFormDialogCreateMutation.graphql.ts b/apps/console/src/__generated__/core/SnapshotFormDialogCreateMutation.graphql.ts
new file mode 100644
index 000000000..a0653b247
--- /dev/null
+++ b/apps/console/src/__generated__/core/SnapshotFormDialogCreateMutation.graphql.ts
@@ -0,0 +1,208 @@
+/**
+ * @generated SignedSource<<8fe6c01dea59b2ae2d04050e3cb959d1>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SnapshotsType = "ASSETS" | "CONTINUAL_IMPROVEMENTS" | "DATA" | "NONCONFORMITIES" | "OBLIGATIONS" | "PROCESSING_ACTIVITIES" | "RISKS" | "STATES_OF_APPLICABILITY" | "VENDORS";
+export type CreateSnapshotInput = {
+  description?: string | null | undefined;
+  name: string;
+  organizationId: string;
+  type: SnapshotsType;
+};
+export type SnapshotFormDialogCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateSnapshotInput;
+};
+export type SnapshotFormDialogCreateMutation$data = {
+  readonly createSnapshot: {
+    readonly snapshotEdge: {
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly name: string;
+        readonly type: SnapshotsType;
+      };
+    };
+  };
+};
+export type SnapshotFormDialogCreateMutation = {
+  response: SnapshotFormDialogCreateMutation$data;
+  variables: SnapshotFormDialogCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "SnapshotEdge",
+  "kind": "LinkedField",
+  "name": "snapshotEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Snapshot",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "description",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "type",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:snapshot:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:snapshot:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SnapshotFormDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateSnapshotPayload",
+        "kind": "LinkedField",
+        "name": "createSnapshot",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "SnapshotFormDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateSnapshotPayload",
+        "kind": "LinkedField",
+        "name": "createSnapshot",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "snapshotEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5165891e3f49f2b9e3d1a0b29a0f8bf6",
+    "id": null,
+    "metadata": {},
+    "name": "SnapshotFormDialogCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation SnapshotFormDialogCreateMutation(\n  $input: CreateSnapshotInput!\n) {\n  createSnapshot(input: $input) {\n    snapshotEdge {\n      node {\n        id\n        name\n        description\n        type\n        createdAt\n        canDelete: permission(action: \"core:snapshot:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "1a844eb9af4ea94b194deaf65ba068a0";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SnapshotGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/SnapshotGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..c5e441b0f
--- /dev/null
+++ b/apps/console/src/__generated__/core/SnapshotGraphCreateMutation.graphql.ts
@@ -0,0 +1,194 @@
+/**
+ * @generated SignedSource<<1d5ff0e0f9c52ef9b340d17be0f9895f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SnapshotsType = "ASSETS" | "CONTINUAL_IMPROVEMENTS" | "DATA" | "NONCONFORMITIES" | "OBLIGATIONS" | "PROCESSING_ACTIVITIES" | "RISKS" | "STATES_OF_APPLICABILITY" | "VENDORS";
+export type CreateSnapshotInput = {
+  description?: string | null | undefined;
+  name: string;
+  organizationId: string;
+  type: SnapshotsType;
+};
+export type SnapshotGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateSnapshotInput;
+};
+export type SnapshotGraphCreateMutation$data = {
+  readonly createSnapshot: {
+    readonly snapshotEdge: {
+      readonly node: {
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly name: string;
+        readonly type: SnapshotsType;
+      };
+    };
+  };
+};
+export type SnapshotGraphCreateMutation = {
+  response: SnapshotGraphCreateMutation$data;
+  variables: SnapshotGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "SnapshotEdge",
+  "kind": "LinkedField",
+  "name": "snapshotEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Snapshot",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "description",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "type",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SnapshotGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateSnapshotPayload",
+        "kind": "LinkedField",
+        "name": "createSnapshot",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "SnapshotGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateSnapshotPayload",
+        "kind": "LinkedField",
+        "name": "createSnapshot",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "snapshotEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "aa2e8ace42f6154271b5d035ae18cad2",
+    "id": null,
+    "metadata": {},
+    "name": "SnapshotGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation SnapshotGraphCreateMutation(\n  $input: CreateSnapshotInput!\n) {\n  createSnapshot(input: $input) {\n    snapshotEdge {\n      node {\n        id\n        name\n        description\n        type\n        createdAt\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "97d681687efde567b46938fc0541635f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SnapshotGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/SnapshotGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..1b3a56713
--- /dev/null
+++ b/apps/console/src/__generated__/core/SnapshotGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<6a696f2d1ebd4a2e733bd9d1b3c42017>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteSnapshotInput = {
+  snapshotId: string;
+};
+export type SnapshotGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteSnapshotInput;
+};
+export type SnapshotGraphDeleteMutation$data = {
+  readonly deleteSnapshot: {
+    readonly deletedSnapshotId: string;
+  };
+};
+export type SnapshotGraphDeleteMutation = {
+  response: SnapshotGraphDeleteMutation$data;
+  variables: SnapshotGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedSnapshotId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SnapshotGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteSnapshotPayload",
+        "kind": "LinkedField",
+        "name": "deleteSnapshot",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "SnapshotGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteSnapshotPayload",
+        "kind": "LinkedField",
+        "name": "deleteSnapshot",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedSnapshotId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f5f81e50b61dbc8d5668e421cf88223f",
+    "id": null,
+    "metadata": {},
+    "name": "SnapshotGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation SnapshotGraphDeleteMutation(\n  $input: DeleteSnapshotInput!\n) {\n  deleteSnapshot(input: $input) {\n    deletedSnapshotId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "cc7cb0955bf74c611136392354ff8dcf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SnapshotGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/SnapshotGraphListQuery.graphql.ts
new file mode 100644
index 000000000..4d1f35478
--- /dev/null
+++ b/apps/console/src/__generated__/core/SnapshotGraphListQuery.graphql.ts
@@ -0,0 +1,282 @@
+/**
+ * @generated SignedSource<<55bde95f500bc2496ce224e275e49984>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SnapshotGraphListQuery$variables = {
+  organizationId: string;
+};
+export type SnapshotGraphListQuery$data = {
+  readonly organization: {
+    readonly canCreateSnapshot?: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"SnapshotsPageFragment">;
+  };
+};
+export type SnapshotGraphListQuery = {
+  response: SnapshotGraphListQuery$data;
+  variables: SnapshotGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": "canCreateSnapshot",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:snapshot:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:snapshot:create\")"
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+],
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SnapshotGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "SnapshotsPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SnapshotGraphListQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "SnapshotConnection",
+                "kind": "LinkedField",
+                "name": "snapshots",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SnapshotEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Snapshot",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "type",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:snapshot:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:snapshot:delete\")"
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "snapshots(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "SnapshotsGraphListQuery__snapshots",
+                "kind": "LinkedHandle",
+                "name": "snapshots"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          },
+          (v5/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5925e1c6f87d598008baeef50bf620c7",
+    "id": null,
+    "metadata": {},
+    "name": "SnapshotGraphListQuery",
+    "operationKind": "query",
+    "text": "query SnapshotGraphListQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateSnapshot: permission(action: \"core:snapshot:create\")\n      ...SnapshotsPageFragment\n    }\n    id\n  }\n}\n\nfragment SnapshotsPageFragment on Organization {\n  snapshots(first: 100) {\n    edges {\n      node {\n        id\n        name\n        description\n        type\n        createdAt\n        canDelete: permission(action: \"core:snapshot:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "18d12720fafef47af62376e8461fd19f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SnapshotGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/SnapshotGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..5472b4190
--- /dev/null
+++ b/apps/console/src/__generated__/core/SnapshotGraphNodeQuery.graphql.ts
@@ -0,0 +1,184 @@
+/**
+ * @generated SignedSource<<d68903a7185b71cd8d8502331b084043>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SnapshotsType = "ASSETS" | "CONTINUAL_IMPROVEMENTS" | "DATA" | "NONCONFORMITIES" | "OBLIGATIONS" | "PROCESSING_ACTIVITIES" | "RISKS" | "STATES_OF_APPLICABILITY" | "VENDORS";
+export type SnapshotGraphNodeQuery$variables = {
+  snapshotId: string;
+};
+export type SnapshotGraphNodeQuery$data = {
+  readonly node: {
+    readonly createdAt?: string;
+    readonly description?: string | null | undefined;
+    readonly id?: string;
+    readonly name?: string;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+    readonly type?: SnapshotsType;
+  };
+};
+export type SnapshotGraphNodeQuery = {
+  response: SnapshotGraphNodeQuery$data;
+  variables: SnapshotGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "snapshotId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "type",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    (v3/*: any*/)
+  ],
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SnapshotGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "type": "Snapshot",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SnapshotGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/)
+            ],
+            "type": "Snapshot",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "8dafbbd8ecc8442fa065d19bba932ce2",
+    "id": null,
+    "metadata": {},
+    "name": "SnapshotGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query SnapshotGraphNodeQuery(\n  $snapshotId: ID!\n) {\n  node(id: $snapshotId) {\n    __typename\n    ... on Snapshot {\n      id\n      name\n      description\n      type\n      organization {\n        id\n        name\n      }\n      createdAt\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b687d3da56dbfa333e66f4f2c9c0c824";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/SnapshotsPageFragment.graphql.ts b/apps/console/src/__generated__/core/SnapshotsPageFragment.graphql.ts
new file mode 100644
index 000000000..d5b24f1f7
--- /dev/null
+++ b/apps/console/src/__generated__/core/SnapshotsPageFragment.graphql.ts
@@ -0,0 +1,191 @@
+/**
+ * @generated SignedSource<<a4f24e8f6dd08074e60067f638eacfd9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type SnapshotsType = "ASSETS" | "CONTINUAL_IMPROVEMENTS" | "DATA" | "NONCONFORMITIES" | "OBLIGATIONS" | "PROCESSING_ACTIVITIES" | "RISKS" | "STATES_OF_APPLICABILITY" | "VENDORS";
+import { FragmentRefs } from "relay-runtime";
+export type SnapshotsPageFragment$data = {
+  readonly snapshots: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly name: string;
+        readonly type: SnapshotsType;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "SnapshotsPageFragment";
+};
+export type SnapshotsPageFragment$key = {
+  readonly " $data"?: SnapshotsPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SnapshotsPageFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "snapshots"
+        ]
+      }
+    ]
+  },
+  "name": "SnapshotsPageFragment",
+  "selections": [
+    {
+      "alias": "snapshots",
+      "args": null,
+      "concreteType": "SnapshotConnection",
+      "kind": "LinkedField",
+      "name": "__SnapshotsGraphListQuery__snapshots_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "SnapshotEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Snapshot",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "id",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "description",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "type",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:snapshot:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:snapshot:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "d924051b479e33aa7fb627e7ad8ad664";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworkControlsQuery.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworkControlsQuery.graphql.ts
new file mode 100644
index 000000000..5ce820261
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworkControlsQuery.graphql.ts
@@ -0,0 +1,197 @@
+/**
+ * @generated SignedSource<<760a4c9ef58d487ab996d36a6cf1aa21>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type StateOfApplicabilityControlsFieldFrameworkControlsQuery$variables = {
+  frameworkId: string;
+};
+export type StateOfApplicabilityControlsFieldFrameworkControlsQuery$data = {
+  readonly framework: {
+    readonly controls?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly name: string;
+          readonly sectionTitle: string;
+        };
+      }>;
+    };
+    readonly id?: string;
+  };
+};
+export type StateOfApplicabilityControlsFieldFrameworkControlsQuery = {
+  response: StateOfApplicabilityControlsFieldFrameworkControlsQuery$data;
+  variables: StateOfApplicabilityControlsFieldFrameworkControlsQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "frameworkId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "frameworkId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "first",
+      "value": 500
+    },
+    {
+      "kind": "Literal",
+      "name": "orderBy",
+      "value": {
+        "direction": "ASC",
+        "field": "SECTION_TITLE"
+      }
+    }
+  ],
+  "concreteType": "ControlConnection",
+  "kind": "LinkedField",
+  "name": "controls",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "ControlEdge",
+      "kind": "LinkedField",
+      "name": "edges",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "Control",
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "sectionTitle",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "name",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": "controls(first:500,orderBy:{\"direction\":\"ASC\",\"field\":\"SECTION_TITLE\"})"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityControlsFieldFrameworkControlsQuery",
+    "selections": [
+      {
+        "alias": "framework",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/)
+            ],
+            "type": "Framework",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityControlsFieldFrameworkControlsQuery",
+    "selections": [
+      {
+        "alias": "framework",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/)
+            ],
+            "type": "Framework",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "4e57853f9452f6167ef9dd2521f0b998",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityControlsFieldFrameworkControlsQuery",
+    "operationKind": "query",
+    "text": "query StateOfApplicabilityControlsFieldFrameworkControlsQuery(\n  $frameworkId: ID!\n) {\n  framework: node(id: $frameworkId) {\n    __typename\n    ... on Framework {\n      id\n      controls(first: 500, orderBy: {field: SECTION_TITLE, direction: ASC}) {\n        edges {\n          node {\n            id\n            sectionTitle\n            name\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2817a6951ce5ad1efdee9951636916ff";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworksQuery.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworksQuery.graphql.ts
new file mode 100644
index 000000000..6719dccc3
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityControlsFieldFrameworksQuery.graphql.ts
@@ -0,0 +1,172 @@
+/**
+ * @generated SignedSource<<09147ad036a4ae9295cd5fc5242f6ee7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type StateOfApplicabilityControlsFieldFrameworksQuery$variables = {
+  organizationId: string;
+};
+export type StateOfApplicabilityControlsFieldFrameworksQuery$data = {
+  readonly organization: {
+    readonly frameworks?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly name: string;
+        };
+      }>;
+    };
+  };
+};
+export type StateOfApplicabilityControlsFieldFrameworksQuery = {
+  response: StateOfApplicabilityControlsFieldFrameworksQuery$data;
+  variables: StateOfApplicabilityControlsFieldFrameworksQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 100
+        }
+      ],
+      "concreteType": "FrameworkConnection",
+      "kind": "LinkedField",
+      "name": "frameworks",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "FrameworkEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Framework",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "frameworks(first:100)"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityControlsFieldFrameworksQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityControlsFieldFrameworksQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v3/*: any*/),
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "88fe75a1aeca2c9971693ed79bf82afe",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityControlsFieldFrameworksQuery",
+    "operationKind": "query",
+    "text": "query StateOfApplicabilityControlsFieldFrameworksQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      frameworks(first: 100) {\n        edges {\n          node {\n            id\n            name\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5a0adc0c46445f40980fdb8edb8122ce";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabFragment.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabFragment.graphql.ts
new file mode 100644
index 000000000..d9ff9cb7f
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabFragment.graphql.ts
@@ -0,0 +1,228 @@
+/**
+ * @generated SignedSource<<d0252e79888e84b37fc216198d60dd5b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type StateOfApplicabilityControlsTabFragment$data = {
+  readonly availableControls: ReadonlyArray<{
+    readonly applicability: boolean | null | undefined;
+    readonly bestPractice: boolean;
+    readonly contractual: boolean;
+    readonly controlId: string;
+    readonly frameworkId: string;
+    readonly frameworkName: string;
+    readonly justification: string | null | undefined;
+    readonly name: string;
+    readonly organizationId: string;
+    readonly regulatory: boolean;
+    readonly riskAssessment: boolean;
+    readonly sectionTitle: string;
+    readonly stateOfApplicabilityId: string | null | undefined;
+  }>;
+  readonly canCreateStateOfApplicabilityControlMapping: boolean;
+  readonly canDeleteStateOfApplicabilityControlMapping: boolean;
+  readonly controlsInfo: {
+    readonly totalCount: number;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "StateOfApplicabilityControlsTabFragment";
+};
+export type StateOfApplicabilityControlsTabFragment$key = {
+  readonly " $data"?: StateOfApplicabilityControlsTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"StateOfApplicabilityControlsTabFragment">;
+};
+
+import StateOfApplicabilityControlsTabRefetchQuery_graphql from './StateOfApplicabilityControlsTabRefetchQuery.graphql';
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "refetch": {
+      "connection": null,
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": StateOfApplicabilityControlsTabRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "StateOfApplicabilityControlsTabFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": "controlsInfo",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 0
+        }
+      ],
+      "concreteType": "ControlConnection",
+      "kind": "LinkedField",
+      "name": "controls",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "totalCount",
+          "storageKey": null
+        }
+      ],
+      "storageKey": "controls(first:0)"
+    },
+    {
+      "alias": "canCreateStateOfApplicabilityControlMapping",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:state-of-applicability:control-mapping:create"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:state-of-applicability:control-mapping:create\")"
+    },
+    {
+      "alias": "canDeleteStateOfApplicabilityControlMapping",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:state-of-applicability:control-mapping:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:state-of-applicability:control-mapping:delete\")"
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "AvailableStateOfApplicabilityControl",
+      "kind": "LinkedField",
+      "name": "availableControls",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "controlId",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "sectionTitle",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "frameworkId",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "frameworkName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "organizationId",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "stateOfApplicabilityId",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "applicability",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "justification",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "bestPractice",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "regulatory",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "contractual",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "riskAssessment",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "StateOfApplicability",
+  "abstractKey": null
+};
+
+(node as any).hash = "70183a65cc3c55a9ffddb4c2824bf5a7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabRefetchQuery.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabRefetchQuery.graphql.ts
new file mode 100644
index 000000000..74ce42302
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabRefetchQuery.graphql.ts
@@ -0,0 +1,273 @@
+/**
+ * @generated SignedSource<<e559b5ed1fa680ba3fa253c258d92315>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type StateOfApplicabilityControlsTabRefetchQuery$variables = {
+  id: string;
+};
+export type StateOfApplicabilityControlsTabRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"StateOfApplicabilityControlsTabFragment">;
+  };
+};
+export type StateOfApplicabilityControlsTabRefetchQuery = {
+  response: StateOfApplicabilityControlsTabRefetchQuery$data;
+  variables: StateOfApplicabilityControlsTabRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "id"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityControlsTabRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "StateOfApplicabilityControlsTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityControlsTabRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "controlsInfo",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "first",
+                    "value": 0
+                  }
+                ],
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "controls(first:0)"
+              },
+              {
+                "alias": "canCreateStateOfApplicabilityControlMapping",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:state-of-applicability:control-mapping:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:state-of-applicability:control-mapping:create\")"
+              },
+              {
+                "alias": "canDeleteStateOfApplicabilityControlMapping",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:state-of-applicability:control-mapping:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:state-of-applicability:control-mapping:delete\")"
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "AvailableStateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "availableControls",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "controlId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "sectionTitle",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "frameworkId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "frameworkName",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "organizationId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "stateOfApplicabilityId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "applicability",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "justification",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "bestPractice",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "regulatory",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "contractual",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "riskAssessment",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "StateOfApplicability",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "7faadf001782b3aae9b9af0ce5ffa7a5",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityControlsTabRefetchQuery",
+    "operationKind": "query",
+    "text": "query StateOfApplicabilityControlsTabRefetchQuery(\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...StateOfApplicabilityControlsTabFragment\n    id\n  }\n}\n\nfragment StateOfApplicabilityControlsTabFragment on StateOfApplicability {\n  id\n  controlsInfo: controls(first: 0) {\n    totalCount\n  }\n  canCreateStateOfApplicabilityControlMapping: permission(action: \"core:state-of-applicability:control-mapping:create\")\n  canDeleteStateOfApplicabilityControlMapping: permission(action: \"core:state-of-applicability:control-mapping:delete\")\n  availableControls {\n    controlId\n    sectionTitle\n    name\n    frameworkId\n    frameworkName\n    organizationId\n    stateOfApplicabilityId\n    applicability\n    justification\n    bestPractice\n    regulatory\n    contractual\n    riskAssessment\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "70183a65cc3c55a9ffddb4c2824bf5a7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabUnlinkMutation.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabUnlinkMutation.graphql.ts
new file mode 100644
index 000000000..df896d5d7
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityControlsTabUnlinkMutation.graphql.ts
@@ -0,0 +1,109 @@
+/**
+ * @generated SignedSource<<a9742800c22e683eb17d46d52b7d6aa5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteStateOfApplicabilityControlMappingInput = {
+  controlId: string;
+  stateOfApplicabilityId: string;
+};
+export type StateOfApplicabilityControlsTabUnlinkMutation$variables = {
+  input: DeleteStateOfApplicabilityControlMappingInput;
+};
+export type StateOfApplicabilityControlsTabUnlinkMutation$data = {
+  readonly deleteStateOfApplicabilityControlMapping: {
+    readonly deletedControlId: string;
+    readonly deletedStateOfApplicabilityControlId: string;
+    readonly deletedStateOfApplicabilityId: string;
+  };
+};
+export type StateOfApplicabilityControlsTabUnlinkMutation = {
+  response: StateOfApplicabilityControlsTabUnlinkMutation$data;
+  variables: StateOfApplicabilityControlsTabUnlinkMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteStateOfApplicabilityControlMappingPayload",
+    "kind": "LinkedField",
+    "name": "deleteStateOfApplicabilityControlMapping",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedStateOfApplicabilityId",
+        "storageKey": null
+      },
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedControlId",
+        "storageKey": null
+      },
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "deletedStateOfApplicabilityControlId",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityControlsTabUnlinkMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityControlsTabUnlinkMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "6bf3ac32bd032b215e3e4f48100353d7",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityControlsTabUnlinkMutation",
+    "operationKind": "mutation",
+    "text": "mutation StateOfApplicabilityControlsTabUnlinkMutation(\n  $input: DeleteStateOfApplicabilityControlMappingInput!\n) {\n  deleteStateOfApplicabilityControlMapping(input: $input) {\n    deletedStateOfApplicabilityId\n    deletedControlId\n    deletedStateOfApplicabilityControlId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b8c3e0ca44bde75468fcfab09151854d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityDetailPageExportMutation.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityDetailPageExportMutation.graphql.ts
new file mode 100644
index 000000000..8baf70251
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityDetailPageExportMutation.graphql.ts
@@ -0,0 +1,92 @@
+/**
+ * @generated SignedSource<<9dc238538172b956fb81954024522ee1>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ExportStateOfApplicabilityPDFInput = {
+  stateOfApplicabilityId: string;
+};
+export type StateOfApplicabilityDetailPageExportMutation$variables = {
+  input: ExportStateOfApplicabilityPDFInput;
+};
+export type StateOfApplicabilityDetailPageExportMutation$data = {
+  readonly exportStateOfApplicabilityPDF: {
+    readonly data: string;
+  };
+};
+export type StateOfApplicabilityDetailPageExportMutation = {
+  response: StateOfApplicabilityDetailPageExportMutation$data;
+  variables: StateOfApplicabilityDetailPageExportMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "ExportStateOfApplicabilityPDFPayload",
+    "kind": "LinkedField",
+    "name": "exportStateOfApplicabilityPDF",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "data",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityDetailPageExportMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityDetailPageExportMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "dbc24d23ab71abb76f95b114f86f200d",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityDetailPageExportMutation",
+    "operationKind": "mutation",
+    "text": "mutation StateOfApplicabilityDetailPageExportMutation(\n  $input: ExportStateOfApplicabilityPDFInput!\n) {\n  exportStateOfApplicabilityPDF(input: $input) {\n    data\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "36be308a451ada118c2bcc9c3b0c0a2b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..fbf85a3f1
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityGraphCreateMutation.graphql.ts
@@ -0,0 +1,200 @@
+/**
+ * @generated SignedSource<<4c20f255a28d7869f69f484e0e4e2321>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateStateOfApplicabilityInput = {
+  name: string;
+  organizationId: string;
+  ownerId: string;
+};
+export type StateOfApplicabilityGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateStateOfApplicabilityInput;
+};
+export type StateOfApplicabilityGraphCreateMutation$data = {
+  readonly createStateOfApplicability: {
+    readonly stateOfApplicabilityEdge: {
+      readonly node: {
+        readonly createdAt: string;
+        readonly id: string;
+        readonly name: string;
+        readonly snapshotId: string | null | undefined;
+        readonly sourceId: string | null | undefined;
+        readonly updatedAt: string;
+      };
+    };
+  };
+};
+export type StateOfApplicabilityGraphCreateMutation = {
+  response: StateOfApplicabilityGraphCreateMutation$data;
+  variables: StateOfApplicabilityGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "StateOfApplicabilityEdge",
+  "kind": "LinkedField",
+  "name": "stateOfApplicabilityEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "StateOfApplicability",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "sourceId",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "snapshotId",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "updatedAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicability",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "StateOfApplicabilityGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateStateOfApplicabilityPayload",
+        "kind": "LinkedField",
+        "name": "createStateOfApplicability",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "stateOfApplicabilityEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c1a3721f591bc17ed455a326eb9edead",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation StateOfApplicabilityGraphCreateMutation(\n  $input: CreateStateOfApplicabilityInput!\n) {\n  createStateOfApplicability(input: $input) {\n    stateOfApplicabilityEdge {\n      node {\n        id\n        name\n        sourceId\n        snapshotId\n        createdAt\n        updatedAt\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "294d4fe89f8cbbbb4b8170a46dd3cd7a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..6eea78f1c
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<deb6f38f36dc011d0fc4fc060303a57a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteStateOfApplicabilityInput = {
+  stateOfApplicabilityId: string;
+};
+export type StateOfApplicabilityGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteStateOfApplicabilityInput;
+};
+export type StateOfApplicabilityGraphDeleteMutation$data = {
+  readonly deleteStateOfApplicability: {
+    readonly deletedStateOfApplicabilityId: string;
+  };
+};
+export type StateOfApplicabilityGraphDeleteMutation = {
+  response: StateOfApplicabilityGraphDeleteMutation$data;
+  variables: StateOfApplicabilityGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedStateOfApplicabilityId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteStateOfApplicabilityPayload",
+        "kind": "LinkedField",
+        "name": "deleteStateOfApplicability",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "StateOfApplicabilityGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteStateOfApplicabilityPayload",
+        "kind": "LinkedField",
+        "name": "deleteStateOfApplicability",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedStateOfApplicabilityId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "197a2ed2b48d43372e16deae6e9b98c2",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation StateOfApplicabilityGraphDeleteMutation(\n  $input: DeleteStateOfApplicabilityInput!\n) {\n  deleteStateOfApplicability(input: $input) {\n    deletedStateOfApplicabilityId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "92ec928d4ad0fe7ff4ae78ad9f1f329a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityGraphForEditQuery.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityGraphForEditQuery.graphql.ts
new file mode 100644
index 000000000..580effdc0
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityGraphForEditQuery.graphql.ts
@@ -0,0 +1,218 @@
+/**
+ * @generated SignedSource<<9e7f481aa8c95332bc03c3974a6752f8>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type StateOfApplicabilityGraphForEditQuery$variables = {
+  stateOfApplicabilityId: string;
+};
+export type StateOfApplicabilityGraphForEditQuery$data = {
+  readonly node: {
+    readonly controls?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly framework: {
+            readonly id: string;
+            readonly name: string;
+          };
+          readonly id: string;
+          readonly name: string;
+          readonly sectionTitle: string;
+        };
+      }>;
+    };
+    readonly id?: string;
+    readonly name?: string;
+  };
+};
+export type StateOfApplicabilityGraphForEditQuery = {
+  response: StateOfApplicabilityGraphForEditQuery$data;
+  variables: StateOfApplicabilityGraphForEditQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "stateOfApplicabilityId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "stateOfApplicabilityId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "first",
+      "value": 1000
+    },
+    {
+      "kind": "Literal",
+      "name": "orderBy",
+      "value": {
+        "direction": "ASC",
+        "field": "SECTION_TITLE"
+      }
+    }
+  ],
+  "concreteType": "ControlConnection",
+  "kind": "LinkedField",
+  "name": "controls",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "ControlEdge",
+      "kind": "LinkedField",
+      "name": "edges",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "Control",
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "sectionTitle",
+              "storageKey": null
+            },
+            (v3/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Framework",
+              "kind": "LinkedField",
+              "name": "framework",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                (v3/*: any*/)
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": "controls(first:1000,orderBy:{\"direction\":\"ASC\",\"field\":\"SECTION_TITLE\"})"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityGraphForEditQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/)
+            ],
+            "type": "StateOfApplicability",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityGraphForEditQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/)
+            ],
+            "type": "StateOfApplicability",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b6b5490aa177e6e7e8339060eac14a9c",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityGraphForEditQuery",
+    "operationKind": "query",
+    "text": "query StateOfApplicabilityGraphForEditQuery(\n  $stateOfApplicabilityId: ID!\n) {\n  node(id: $stateOfApplicabilityId) {\n    __typename\n    ... on StateOfApplicability {\n      id\n      name\n      controls(first: 1000, orderBy: {field: SECTION_TITLE, direction: ASC}) {\n        edges {\n          node {\n            id\n            sectionTitle\n            name\n            framework {\n              id\n              name\n            }\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e89010d6f8d66b9df856280a59d5f0c8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..c6a5b2e4a
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityGraphNodeQuery.graphql.ts
@@ -0,0 +1,401 @@
+/**
+ * @generated SignedSource<<74ef0d7b05d90eaaac07851cfb57409f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type StateOfApplicabilityGraphNodeQuery$variables = {
+  stateOfApplicabilityId: string;
+};
+export type StateOfApplicabilityGraphNodeQuery$data = {
+  readonly node: {
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly createdAt?: string;
+    readonly id?: string;
+    readonly name?: string;
+    readonly organization?: {
+      readonly id: string;
+    } | null | undefined;
+    readonly owner?: {
+      readonly fullName: string;
+      readonly id: string;
+    };
+    readonly snapshotId?: string | null | undefined;
+    readonly sourceId?: string | null | undefined;
+    readonly updatedAt?: string;
+    readonly " $fragmentSpreads": FragmentRefs<"StateOfApplicabilityControlsTabFragment">;
+  };
+};
+export type StateOfApplicabilityGraphNodeQuery = {
+  response: StateOfApplicabilityGraphNodeQuery$data;
+  variables: StateOfApplicabilityGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "stateOfApplicabilityId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "stateOfApplicabilityId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "sourceId",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v8 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:state-of-applicability:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:state-of-applicability:update\")"
+},
+v9 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:state-of-applicability:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:state-of-applicability:delete\")"
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/)
+  ],
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "People",
+  "kind": "LinkedField",
+  "name": "owner",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "StateOfApplicabilityControlsTabFragment"
+              }
+            ],
+            "type": "StateOfApplicability",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              {
+                "alias": "controlsInfo",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "first",
+                    "value": 0
+                  }
+                ],
+                "concreteType": "ControlConnection",
+                "kind": "LinkedField",
+                "name": "controls",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "controls(first:0)"
+              },
+              {
+                "alias": "canCreateStateOfApplicabilityControlMapping",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:state-of-applicability:control-mapping:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:state-of-applicability:control-mapping:create\")"
+              },
+              {
+                "alias": "canDeleteStateOfApplicabilityControlMapping",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:state-of-applicability:control-mapping:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:state-of-applicability:control-mapping:delete\")"
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "AvailableStateOfApplicabilityControl",
+                "kind": "LinkedField",
+                "name": "availableControls",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "controlId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "sectionTitle",
+                    "storageKey": null
+                  },
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "frameworkId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "frameworkName",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "organizationId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "stateOfApplicabilityId",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "applicability",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "justification",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "bestPractice",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "regulatory",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "contractual",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "riskAssessment",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "StateOfApplicability",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "dfdfadde088e82025aaa6c9c290f96b6",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query StateOfApplicabilityGraphNodeQuery(\n  $stateOfApplicabilityId: ID!\n) {\n  node(id: $stateOfApplicabilityId) {\n    __typename\n    ... on StateOfApplicability {\n      id\n      name\n      sourceId\n      snapshotId\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:state-of-applicability:update\")\n      canDelete: permission(action: \"core:state-of-applicability:delete\")\n      organization {\n        id\n      }\n      owner {\n        id\n        fullName\n      }\n      ...StateOfApplicabilityControlsTabFragment\n    }\n    id\n  }\n}\n\nfragment StateOfApplicabilityControlsTabFragment on StateOfApplicability {\n  id\n  controlsInfo: controls(first: 0) {\n    totalCount\n  }\n  canCreateStateOfApplicabilityControlMapping: permission(action: \"core:state-of-applicability:control-mapping:create\")\n  canDeleteStateOfApplicabilityControlMapping: permission(action: \"core:state-of-applicability:control-mapping:delete\")\n  availableControls {\n    controlId\n    sectionTitle\n    name\n    frameworkId\n    frameworkName\n    organizationId\n    stateOfApplicabilityId\n    applicability\n    justification\n    bestPractice\n    regulatory\n    contractual\n    riskAssessment\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "1a1f3480b9c66597d146c48ed1b00bd1";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedFragment.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedFragment.graphql.ts
new file mode 100644
index 000000000..29aa27b41
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedFragment.graphql.ts
@@ -0,0 +1,315 @@
+/**
+ * @generated SignedSource<<3472918fdff6205597f39a6310f2ee08>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type StateOfApplicabilityGraphPaginatedFragment$data = {
+  readonly id: string;
+  readonly statesOfApplicability: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly controlsInfo: {
+          readonly totalCount: number;
+        };
+        readonly createdAt: string;
+        readonly id: string;
+        readonly name: string;
+        readonly snapshotId: string | null | undefined;
+        readonly sourceId: string | null | undefined;
+        readonly updatedAt: string;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "StateOfApplicabilityGraphPaginatedFragment";
+};
+export type StateOfApplicabilityGraphPaginatedFragment$key = {
+  readonly " $data"?: StateOfApplicabilityGraphPaginatedFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"StateOfApplicabilityGraphPaginatedFragment">;
+};
+
+import StateOfApplicabilityListQuery_graphql from './StateOfApplicabilityListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "statesOfApplicability"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": {
+        "snapshotId": null
+      },
+      "kind": "LocalArgument",
+      "name": "filter"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": {
+        "direction": "DESC",
+        "field": "CREATED_AT"
+      },
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": StateOfApplicabilityListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "StateOfApplicabilityGraphPaginatedFragment",
+  "selections": [
+    {
+      "alias": "statesOfApplicability",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "filter",
+          "variableName": "filter"
+        },
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "StateOfApplicabilityConnection",
+      "kind": "LinkedField",
+      "name": "__StateOfApplicabilityGraphPaginatedQuery_statesOfApplicability_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "StateOfApplicabilityEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "StateOfApplicability",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "sourceId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:state-of-applicability:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:state-of-applicability:delete\")"
+                },
+                {
+                  "alias": "controlsInfo",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "first",
+                      "value": 0
+                    }
+                  ],
+                  "concreteType": "ControlConnection",
+                  "kind": "LinkedField",
+                  "name": "controls",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "totalCount",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": "controls(first:0)"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "82cf2a5ce701c34a41f8166371dd75c3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedQuery.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedQuery.graphql.ts
new file mode 100644
index 000000000..580784546
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityGraphPaginatedQuery.graphql.ts
@@ -0,0 +1,353 @@
+/**
+ * @generated SignedSource<<a1b6d40084a5ddfad764dd1f6fa32607>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type StateOfApplicabilityGraphPaginatedQuery$variables = {
+  organizationId: string;
+};
+export type StateOfApplicabilityGraphPaginatedQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly canCreateStateOfApplicability: boolean;
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"StateOfApplicabilityGraphPaginatedFragment">;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type StateOfApplicabilityGraphPaginatedQuery = {
+  response: StateOfApplicabilityGraphPaginatedQuery$data;
+  variables: StateOfApplicabilityGraphPaginatedQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": "canCreateStateOfApplicability",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:state-of-applicability:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:state-of-applicability:create\")"
+},
+v5 = [
+  {
+    "kind": "Literal",
+    "name": "filter",
+    "value": {
+      "snapshotId": null
+    }
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityGraphPaginatedQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "StateOfApplicabilityGraphPaginatedFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityGraphPaginatedQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "concreteType": "StateOfApplicabilityConnection",
+                "kind": "LinkedField",
+                "name": "statesOfApplicability",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "StateOfApplicabilityEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "StateOfApplicability",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:state-of-applicability:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:state-of-applicability:delete\")"
+                          },
+                          {
+                            "alias": "controlsInfo",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 0
+                              }
+                            ],
+                            "concreteType": "ControlConnection",
+                            "kind": "LinkedField",
+                            "name": "controls",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "totalCount",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "controls(first:0)"
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "statesOfApplicability(filter:{\"snapshotId\":null},first:50,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+              },
+              {
+                "alias": null,
+                "args": (v5/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "StateOfApplicabilityGraphPaginatedQuery_statesOfApplicability",
+                "kind": "LinkedHandle",
+                "name": "statesOfApplicability"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3d53dfeb5366c889e790a88116dd3a4a",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityGraphPaginatedQuery",
+    "operationKind": "query",
+    "text": "query StateOfApplicabilityGraphPaginatedQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      canCreateStateOfApplicability: permission(action: \"core:state-of-applicability:create\")\n      ...StateOfApplicabilityGraphPaginatedFragment\n    }\n    id\n  }\n}\n\nfragment StateOfApplicabilityGraphPaginatedFragment on Organization {\n  statesOfApplicability(first: 50, orderBy: {direction: DESC, field: CREATED_AT}, filter: {snapshotId: null}) {\n    edges {\n      node {\n        id\n        name\n        sourceId\n        snapshotId\n        createdAt\n        updatedAt\n        canDelete: permission(action: \"core:state-of-applicability:delete\")\n        controlsInfo: controls(first: 0) {\n          totalCount\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2182e7aea21c8eba8b2cfda1e614b6e5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..3dccf5844
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityGraphUpdateMutation.graphql.ts
@@ -0,0 +1,171 @@
+/**
+ * @generated SignedSource<<eb7a62904f0c39bab4289b137c4b8e9b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateStateOfApplicabilityInput = {
+  id: string;
+  name?: string | null | undefined;
+  ownerId?: string | null | undefined;
+};
+export type StateOfApplicabilityGraphUpdateMutation$variables = {
+  input: UpdateStateOfApplicabilityInput;
+};
+export type StateOfApplicabilityGraphUpdateMutation$data = {
+  readonly updateStateOfApplicability: {
+    readonly stateOfApplicability: {
+      readonly createdAt: string;
+      readonly id: string;
+      readonly name: string;
+      readonly owner: {
+        readonly fullName: string;
+        readonly id: string;
+      };
+      readonly snapshotId: string | null | undefined;
+      readonly sourceId: string | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type StateOfApplicabilityGraphUpdateMutation = {
+  response: StateOfApplicabilityGraphUpdateMutation$data;
+  variables: StateOfApplicabilityGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateStateOfApplicabilityPayload",
+    "kind": "LinkedField",
+    "name": "updateStateOfApplicability",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "StateOfApplicability",
+        "kind": "LinkedField",
+        "name": "stateOfApplicability",
+        "plural": false,
+        "selections": [
+          (v1/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "sourceId",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "snapshotId",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "People",
+            "kind": "LinkedField",
+            "name": "owner",
+            "plural": false,
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "fullName",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityGraphUpdateMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "StateOfApplicabilityGraphUpdateMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "609bd562b84162f2807ee89b3c3273aa",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation StateOfApplicabilityGraphUpdateMutation(\n  $input: UpdateStateOfApplicabilityInput!\n) {\n  updateStateOfApplicability(input: $input) {\n    stateOfApplicability {\n      id\n      name\n      sourceId\n      snapshotId\n      createdAt\n      updatedAt\n      owner {\n        id\n        fullName\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e8810210629ef7fad113616c06f141ee";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/StateOfApplicabilityListQuery.graphql.ts b/apps/console/src/__generated__/core/StateOfApplicabilityListQuery.graphql.ts
new file mode 100644
index 000000000..f5331c7f7
--- /dev/null
+++ b/apps/console/src/__generated__/core/StateOfApplicabilityListQuery.graphql.ts
@@ -0,0 +1,412 @@
+/**
+ * @generated SignedSource<<8bdd74dfae1b656006a07b2f89fe525d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type StateOfApplicabilityOrderField = "CREATED_AT" | "NAME";
+export type StateOfApplicabilityFilter = {
+  snapshotId?: string | null | undefined;
+};
+export type StateOfApplicabilityOrder = {
+  direction: OrderDirection;
+  field: StateOfApplicabilityOrderField;
+};
+export type StateOfApplicabilityListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  filter?: StateOfApplicabilityFilter | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: StateOfApplicabilityOrder | null | undefined;
+};
+export type StateOfApplicabilityListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"StateOfApplicabilityGraphPaginatedFragment">;
+  };
+};
+export type StateOfApplicabilityListQuery = {
+  response: StateOfApplicabilityListQuery$data;
+  variables: StateOfApplicabilityListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": {
+    "snapshotId": null
+  },
+  "kind": "LocalArgument",
+  "name": "filter"
+},
+v3 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v6 = {
+  "defaultValue": {
+    "direction": "DESC",
+    "field": "CREATED_AT"
+  },
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "filter",
+  "variableName": "filter"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  (v11/*: any*/),
+  (v12/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "StateOfApplicabilityListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "StateOfApplicabilityGraphPaginatedFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v4/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "StateOfApplicabilityListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "StateOfApplicabilityConnection",
+                "kind": "LinkedField",
+                "name": "statesOfApplicability",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "StateOfApplicabilityEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "StateOfApplicability",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "sourceId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:state-of-applicability:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:state-of-applicability:delete\")"
+                          },
+                          {
+                            "alias": "controlsInfo",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 0
+                              }
+                            ],
+                            "concreteType": "ControlConnection",
+                            "kind": "LinkedField",
+                            "name": "controls",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "totalCount",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "controls(first:0)"
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "orderBy",
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "StateOfApplicabilityGraphPaginatedQuery_statesOfApplicability",
+                "kind": "LinkedHandle",
+                "name": "statesOfApplicability"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "68d8b8bc491e464ea692b6d37952bcbf",
+    "id": null,
+    "metadata": {},
+    "name": "StateOfApplicabilityListQuery",
+    "operationKind": "query",
+    "text": "query StateOfApplicabilityListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $filter: StateOfApplicabilityFilter = {snapshotId: null}\n  $first: Int = 50\n  $last: Int = null\n  $order: StateOfApplicabilityOrder = {direction: DESC, field: CREATED_AT}\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...StateOfApplicabilityGraphPaginatedFragment_4cFWzS\n    id\n  }\n}\n\nfragment StateOfApplicabilityGraphPaginatedFragment_4cFWzS on Organization {\n  statesOfApplicability(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: $filter) {\n    edges {\n      node {\n        id\n        name\n        sourceId\n        snapshotId\n        createdAt\n        updatedAt\n        canDelete: permission(action: \"core:state-of-applicability:delete\")\n        controlsInfo: controls(first: 0) {\n          totalCount\n        }\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "82cf2a5ce701c34a41f8166371dd75c3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TaskFormDialogCreateMutation.graphql.ts b/apps/console/src/__generated__/core/TaskFormDialogCreateMutation.graphql.ts
new file mode 100644
index 000000000..0aaf531dc
--- /dev/null
+++ b/apps/console/src/__generated__/core/TaskFormDialogCreateMutation.graphql.ts
@@ -0,0 +1,249 @@
+/**
+ * @generated SignedSource<<ab0bd594132e6b39ac6a258a23c2dc96>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CreateTaskInput = {
+  assignedToId?: string | null | undefined;
+  deadline?: string | null | undefined;
+  description?: string | null | undefined;
+  measureId?: string | null | undefined;
+  name: string;
+  organizationId: string;
+  timeEstimate?: string | null | undefined;
+};
+export type TaskFormDialogCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateTaskInput;
+};
+export type TaskFormDialogCreateMutation$data = {
+  readonly createTask: {
+    readonly taskEdge: {
+      readonly node: {
+        readonly " $fragmentSpreads": FragmentRefs<"TaskFormDialogFragment">;
+      };
+    };
+  };
+};
+export type TaskFormDialogCreateMutation = {
+  response: TaskFormDialogCreateMutation$data;
+  variables: TaskFormDialogCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = [
+  (v3/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TaskFormDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTaskPayload",
+        "kind": "LinkedField",
+        "name": "createTask",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "TaskEdge",
+            "kind": "LinkedField",
+            "name": "taskEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Task",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "TaskFormDialogFragment"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TaskFormDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTaskPayload",
+        "kind": "LinkedField",
+        "name": "createTask",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "TaskEdge",
+            "kind": "LinkedField",
+            "name": "taskEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Task",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "description",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "name",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "state",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "timeEstimate",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "deadline",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "People",
+                    "kind": "LinkedField",
+                    "name": "assignedTo",
+                    "plural": false,
+                    "selections": (v4/*: any*/),
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Measure",
+                    "kind": "LinkedField",
+                    "name": "measure",
+                    "plural": false,
+                    "selections": (v4/*: any*/),
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "taskEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "f605aed8a6f83a622d32e9b42f52f524",
+    "id": null,
+    "metadata": {},
+    "name": "TaskFormDialogCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TaskFormDialogCreateMutation(\n  $input: CreateTaskInput!\n) {\n  createTask(input: $input) {\n    taskEdge {\n      node {\n        ...TaskFormDialogFragment\n        id\n      }\n    }\n  }\n}\n\nfragment TaskFormDialogFragment on Task {\n  id\n  description\n  name\n  state\n  timeEstimate\n  deadline\n  assignedTo {\n    id\n  }\n  measure {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3a5194da3b1d57be836ca5e3405b2c3a";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TaskFormDialogFragment.graphql.ts b/apps/console/src/__generated__/core/TaskFormDialogFragment.graphql.ts
new file mode 100644
index 000000000..b5ef5ea45
--- /dev/null
+++ b/apps/console/src/__generated__/core/TaskFormDialogFragment.graphql.ts
@@ -0,0 +1,115 @@
+/**
+ * @generated SignedSource<<2d84132b898531d9d125296a8cbcfb99>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type TaskState = "DONE" | "TODO";
+import { FragmentRefs } from "relay-runtime";
+export type TaskFormDialogFragment$data = {
+  readonly assignedTo: {
+    readonly id: string;
+  } | null | undefined;
+  readonly deadline: string | null | undefined;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly measure: {
+    readonly id: string;
+  } | null | undefined;
+  readonly name: string;
+  readonly state: TaskState;
+  readonly timeEstimate: string | null | undefined;
+  readonly " $fragmentType": "TaskFormDialogFragment";
+};
+export type TaskFormDialogFragment$key = {
+  readonly " $data"?: TaskFormDialogFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TaskFormDialogFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = [
+  (v0/*: any*/)
+];
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "TaskFormDialogFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "state",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "timeEstimate",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "deadline",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "assignedTo",
+      "plural": false,
+      "selections": (v1/*: any*/),
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Measure",
+      "kind": "LinkedField",
+      "name": "measure",
+      "plural": false,
+      "selections": (v1/*: any*/),
+      "storageKey": null
+    }
+  ],
+  "type": "Task",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "3a4bede2199df797a20a6d87358d41cf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TaskFormDialogUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TaskFormDialogUpdateMutation.graphql.ts
new file mode 100644
index 000000000..c9aac500e
--- /dev/null
+++ b/apps/console/src/__generated__/core/TaskFormDialogUpdateMutation.graphql.ts
@@ -0,0 +1,201 @@
+/**
+ * @generated SignedSource<<ea383b8b58c0c28b83fb96a2733b4501>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TaskState = "DONE" | "TODO";
+export type UpdateTaskInput = {
+  assignedToId?: string | null | undefined;
+  deadline?: string | null | undefined;
+  description?: string | null | undefined;
+  measureId?: string | null | undefined;
+  name?: string | null | undefined;
+  state?: TaskState | null | undefined;
+  taskId: string;
+  timeEstimate?: string | null | undefined;
+};
+export type TaskFormDialogUpdateMutation$variables = {
+  input: UpdateTaskInput;
+};
+export type TaskFormDialogUpdateMutation$data = {
+  readonly updateTask: {
+    readonly task: {
+      readonly " $fragmentSpreads": FragmentRefs<"TaskFormDialogFragment">;
+    };
+  };
+};
+export type TaskFormDialogUpdateMutation = {
+  response: TaskFormDialogUpdateMutation$data;
+  variables: TaskFormDialogUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = [
+  (v2/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TaskFormDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateTaskPayload",
+        "kind": "LinkedField",
+        "name": "updateTask",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Task",
+            "kind": "LinkedField",
+            "name": "task",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "TaskFormDialogFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TaskFormDialogUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateTaskPayload",
+        "kind": "LinkedField",
+        "name": "updateTask",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Task",
+            "kind": "LinkedField",
+            "name": "task",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "state",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "timeEstimate",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "deadline",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "assignedTo",
+                "plural": false,
+                "selections": (v3/*: any*/),
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Measure",
+                "kind": "LinkedField",
+                "name": "measure",
+                "plural": false,
+                "selections": (v3/*: any*/),
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "bfcbdf0470627b6f7b9a98a1722f7dca",
+    "id": null,
+    "metadata": {},
+    "name": "TaskFormDialogUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TaskFormDialogUpdateMutation(\n  $input: UpdateTaskInput!\n) {\n  updateTask(input: $input) {\n    task {\n      ...TaskFormDialogFragment\n      id\n    }\n  }\n}\n\nfragment TaskFormDialogFragment on Task {\n  id\n  description\n  name\n  state\n  timeEstimate\n  deadline\n  assignedTo {\n    id\n  }\n  measure {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "7c174671b0235b09cfe0fa98d4b3e629";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TaskGraphQuery.graphql.ts b/apps/console/src/__generated__/core/TaskGraphQuery.graphql.ts
new file mode 100644
index 000000000..3a9a0e872
--- /dev/null
+++ b/apps/console/src/__generated__/core/TaskGraphQuery.graphql.ts
@@ -0,0 +1,350 @@
+/**
+ * @generated SignedSource<<d646f8c938435fdb9e65ff696121ff3c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TaskGraphQuery$variables = {
+  organizationId: string;
+};
+export type TaskGraphQuery$data = {
+  readonly organization: {
+    readonly id?: string;
+    readonly " $fragmentSpreads": FragmentRefs<"TasksPageFragment">;
+  };
+};
+export type TaskGraphQuery = {
+  response: TaskGraphQuery$data;
+  variables: TaskGraphQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 500
+  }
+],
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TaskGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "TasksPageFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TaskGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "canCreateTask",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:task:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:task:create\")"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "TaskConnection",
+                "kind": "LinkedField",
+                "name": "tasks",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TaskEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Task",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "timeEstimate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "deadline",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "assignedTo",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Measure",
+                            "kind": "LinkedField",
+                            "name": "measure",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              (v5/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:task:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:task:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:task:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:task:delete\")"
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": "tasks(first:500)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "TasksPageFragment_tasks",
+                "kind": "LinkedHandle",
+                "name": "tasks"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "9932d2887bfde054e02b14404a5ec7f8",
+    "id": null,
+    "metadata": {},
+    "name": "TaskGraphQuery",
+    "operationKind": "query",
+    "text": "query TaskGraphQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      ...TasksPageFragment\n    }\n    id\n  }\n}\n\nfragment TaskFormDialogFragment on Task {\n  id\n  description\n  name\n  state\n  timeEstimate\n  deadline\n  assignedTo {\n    id\n  }\n  measure {\n    id\n  }\n}\n\nfragment TasksCard_TaskRowFragment on Task {\n  id\n  name\n  state\n  description\n  timeEstimate\n  deadline\n  canUpdate: permission(action: \"core:task:update\")\n  canDelete: permission(action: \"core:task:delete\")\n  assignedTo {\n    id\n    fullName\n  }\n  measure {\n    id\n    name\n  }\n}\n\nfragment TasksPageFragment on Organization {\n  canCreateTask: permission(action: \"core:task:create\")\n  tasks(first: 500) {\n    edges {\n      node {\n        id\n        state\n        ...TaskFormDialogFragment\n        ...TasksCard_TaskRowFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "86e37392ce0e0766dc2a083c64b2467e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TasksCardDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/TasksCardDeleteMutation.graphql.ts
new file mode 100644
index 000000000..809a5adec
--- /dev/null
+++ b/apps/console/src/__generated__/core/TasksCardDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<2866738fc7aeb6abd91cf4ed4ae72727>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteTaskInput = {
+  taskId: string;
+};
+export type TasksCardDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteTaskInput;
+};
+export type TasksCardDeleteMutation$data = {
+  readonly deleteTask: {
+    readonly deletedTaskId: string;
+  };
+};
+export type TasksCardDeleteMutation = {
+  response: TasksCardDeleteMutation$data;
+  variables: TasksCardDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedTaskId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TasksCardDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTaskPayload",
+        "kind": "LinkedField",
+        "name": "deleteTask",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TasksCardDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTaskPayload",
+        "kind": "LinkedField",
+        "name": "deleteTask",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedTaskId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1ab085f9650841990644d2c106effac7",
+    "id": null,
+    "metadata": {},
+    "name": "TasksCardDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation TasksCardDeleteMutation(\n  $input: DeleteTaskInput!\n) {\n  deleteTask(input: $input) {\n    deletedTaskId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "803ffe0cb54f7fa5c840f6d3e4f2592b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TasksCard_TaskRowFragment.graphql.ts b/apps/console/src/__generated__/core/TasksCard_TaskRowFragment.graphql.ts
new file mode 100644
index 000000000..d43fcde62
--- /dev/null
+++ b/apps/console/src/__generated__/core/TasksCard_TaskRowFragment.graphql.ts
@@ -0,0 +1,155 @@
+/**
+ * @generated SignedSource<<49e625198e625fa4936d080e3c122c50>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type TaskState = "DONE" | "TODO";
+import { FragmentRefs } from "relay-runtime";
+export type TasksCard_TaskRowFragment$data = {
+  readonly assignedTo: {
+    readonly fullName: string;
+    readonly id: string;
+  } | null | undefined;
+  readonly canDelete: boolean;
+  readonly canUpdate: boolean;
+  readonly deadline: string | null | undefined;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly measure: {
+    readonly id: string;
+    readonly name: string;
+  } | null | undefined;
+  readonly name: string;
+  readonly state: TaskState;
+  readonly timeEstimate: string | null | undefined;
+  readonly " $fragmentType": "TasksCard_TaskRowFragment";
+};
+export type TasksCard_TaskRowFragment$key = {
+  readonly " $data"?: TasksCard_TaskRowFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TasksCard_TaskRowFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "TasksCard_TaskRowFragment",
+  "selections": [
+    (v0/*: any*/),
+    (v1/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "state",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "timeEstimate",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "deadline",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:task:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:task:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:task:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:task:delete\")"
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "assignedTo",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Measure",
+      "kind": "LinkedField",
+      "name": "measure",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        (v1/*: any*/)
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Task",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "34df57ab7cc88c1fbf84f42b4024d50b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TasksPageFragment.graphql.ts b/apps/console/src/__generated__/core/TasksPageFragment.graphql.ts
new file mode 100644
index 000000000..8d2421ffd
--- /dev/null
+++ b/apps/console/src/__generated__/core/TasksPageFragment.graphql.ts
@@ -0,0 +1,261 @@
+/**
+ * @generated SignedSource<<08f448295bd6530904bfbcfc19b1764d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type TaskState = "DONE" | "TODO";
+import { FragmentRefs } from "relay-runtime";
+export type TasksPageFragment$data = {
+  readonly canCreateTask: boolean;
+  readonly id: string;
+  readonly tasks: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly state: TaskState;
+        readonly " $fragmentSpreads": FragmentRefs<"TaskFormDialogFragment" | "TasksCard_TaskRowFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "TasksPageFragment";
+};
+export type TasksPageFragment$key = {
+  readonly " $data"?: TasksPageFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TasksPageFragment">;
+};
+
+import TasksPageFragment_query_graphql from './TasksPageFragment_query.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "tasks"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 500,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": TasksPageFragment_query_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "TasksPageFragment",
+  "selections": [
+    {
+      "alias": "canCreateTask",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:task:create"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:task:create\")"
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": "tasks",
+        "args": [
+          {
+            "kind": "Variable",
+            "name": "orderBy",
+            "variableName": "order"
+          }
+        ],
+        "concreteType": "TaskConnection",
+        "kind": "LinkedField",
+        "name": "__TasksPageFragment_tasks_connection",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "TaskEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Task",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "state",
+                      "storageKey": null
+                    },
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "TaskFormDialogFragment"
+                    },
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "TasksCard_TaskRowFragment"
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "__typename",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "cursor",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "PageInfo",
+            "kind": "LinkedField",
+            "name": "pageInfo",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "endCursor",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasNextPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasPreviousPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "startCursor",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "kind": "ClientExtension",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "__id",
+                "storageKey": null
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "6c9522af3e0782b9f919b76572ba6225";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TasksPageFragment_query.graphql.ts b/apps/console/src/__generated__/core/TasksPageFragment_query.graphql.ts
new file mode 100644
index 000000000..f759e2285
--- /dev/null
+++ b/apps/console/src/__generated__/core/TasksPageFragment_query.graphql.ts
@@ -0,0 +1,423 @@
+/**
+ * @generated SignedSource<<81d11db9c3fc82ef3f0226332a6fe4f2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type TaskOrderField = "CREATED_AT";
+export type TaskOrder = {
+  direction: OrderDirection;
+  field: TaskOrderField;
+};
+export type TasksPageFragment_query$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: TaskOrder | null | undefined;
+};
+export type TasksPageFragment_query$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"TasksPageFragment">;
+  };
+};
+export type TasksPageFragment_query = {
+  response: TasksPageFragment_query$data;
+  variables: TasksPageFragment_query$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 500,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+],
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TasksPageFragment_query",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "TasksPageFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TasksPageFragment_query",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": "canCreateTask",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:task:create"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:task:create\")"
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "TaskConnection",
+                "kind": "LinkedField",
+                "name": "tasks",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TaskEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Task",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "timeEstimate",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "deadline",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "People",
+                            "kind": "LinkedField",
+                            "name": "assignedTo",
+                            "plural": false,
+                            "selections": [
+                              (v12/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Measure",
+                            "kind": "LinkedField",
+                            "name": "measure",
+                            "plural": false,
+                            "selections": [
+                              (v12/*: any*/),
+                              (v14/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:task:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:task:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:task:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:task:delete\")"
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "TasksPageFragment_tasks",
+                "kind": "LinkedHandle",
+                "name": "tasks"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "8fadc4428353d6ef3444f63b913dc695",
+    "id": null,
+    "metadata": {},
+    "name": "TasksPageFragment_query",
+    "operationKind": "query",
+    "text": "query TasksPageFragment_query(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 500\n  $last: Int = null\n  $order: TaskOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TasksPageFragment_16fISc\n    id\n  }\n}\n\nfragment TaskFormDialogFragment on Task {\n  id\n  description\n  name\n  state\n  timeEstimate\n  deadline\n  assignedTo {\n    id\n  }\n  measure {\n    id\n  }\n}\n\nfragment TasksCard_TaskRowFragment on Task {\n  id\n  name\n  state\n  description\n  timeEstimate\n  deadline\n  canUpdate: permission(action: \"core:task:update\")\n  canDelete: permission(action: \"core:task:delete\")\n  assignedTo {\n    id\n    fullName\n  }\n  measure {\n    id\n    name\n  }\n}\n\nfragment TasksPageFragment_16fISc on Organization {\n  canCreateTask: permission(action: \"core:task:create\")\n  tasks(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        state\n        ...TaskFormDialogFragment\n        ...TasksCard_TaskRowFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6c9522af3e0782b9f919b76572ba6225";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..9f44e90a9
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessGraphCreateMutation.graphql.ts
@@ -0,0 +1,261 @@
+/**
+ * @generated SignedSource<<7a9c0c1a8292affc2ed9584fca098c64>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateTrustCenterAccessInput = {
+  active: boolean;
+  email: string;
+  name: string;
+  trustCenterId: string;
+};
+export type TrustCenterAccessGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateTrustCenterAccessInput;
+};
+export type TrustCenterAccessGraphCreateMutation$data = {
+  readonly createTrustCenterAccess: {
+    readonly trustCenterAccessEdge: {
+      readonly cursor: string;
+      readonly node: {
+        readonly active: boolean;
+        readonly activeCount: number;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly email: string;
+        readonly hasAcceptedNonDisclosureAgreement: boolean;
+        readonly id: string;
+        readonly lastTokenExpiresAt: string | null | undefined;
+        readonly name: string;
+        readonly pendingRequestCount: number;
+      };
+    };
+  };
+};
+export type TrustCenterAccessGraphCreateMutation = {
+  response: TrustCenterAccessGraphCreateMutation$data;
+  variables: TrustCenterAccessGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "TrustCenterAccessEdge",
+  "kind": "LinkedField",
+  "name": "trustCenterAccessEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "cursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "TrustCenterAccess",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "email",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "active",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "hasAcceptedNonDisclosureAgreement",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "lastTokenExpiresAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "pendingRequestCount",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "activeCount",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:trust-center-access:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:trust-center-access:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:trust-center-access:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:trust-center-access:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAccessGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTrustCenterAccessPayload",
+        "kind": "LinkedField",
+        "name": "createTrustCenterAccess",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TrustCenterAccessGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTrustCenterAccessPayload",
+        "kind": "LinkedField",
+        "name": "createTrustCenterAccess",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "trustCenterAccessEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b080e2a38e706bea45f06507675582a4",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAccessGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterAccessGraphCreateMutation(\n  $input: CreateTrustCenterAccessInput!\n) {\n  createTrustCenterAccess(input: $input) {\n    trustCenterAccessEdge {\n      cursor\n      node {\n        id\n        email\n        name\n        active\n        hasAcceptedNonDisclosureAgreement\n        createdAt\n        lastTokenExpiresAt\n        pendingRequestCount\n        activeCount\n        canUpdate: permission(action: \"core:trust-center-access:update\")\n        canDelete: permission(action: \"core:trust-center-access:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c33af388ca0957f16ee36e06339d61d3";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..9df843df5
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<ed4ab6c79b848843012fc091a7eb325c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteTrustCenterAccessInput = {
+  id: string;
+};
+export type TrustCenterAccessGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteTrustCenterAccessInput;
+};
+export type TrustCenterAccessGraphDeleteMutation$data = {
+  readonly deleteTrustCenterAccess: {
+    readonly deletedTrustCenterAccessId: string;
+  };
+};
+export type TrustCenterAccessGraphDeleteMutation = {
+  response: TrustCenterAccessGraphDeleteMutation$data;
+  variables: TrustCenterAccessGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedTrustCenterAccessId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAccessGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTrustCenterAccessPayload",
+        "kind": "LinkedField",
+        "name": "deleteTrustCenterAccess",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TrustCenterAccessGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTrustCenterAccessPayload",
+        "kind": "LinkedField",
+        "name": "deleteTrustCenterAccess",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedTrustCenterAccessId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3f55c9ce5cac2874b769ec994977367a",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAccessGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterAccessGraphDeleteMutation(\n  $input: DeleteTrustCenterAccessInput!\n) {\n  deleteTrustCenterAccess(input: $input) {\n    deletedTrustCenterAccessId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0d0a44eb6db912eeb533d24718c49b35";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessGraphLoadDocumentAccessesQuery.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessGraphLoadDocumentAccessesQuery.graphql.ts
new file mode 100644
index 000000000..9c727f8a9
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessGraphLoadDocumentAccessesQuery.graphql.ts
@@ -0,0 +1,385 @@
+/**
+ * @generated SignedSource<<72bab693664bbf68879e863c85f980b5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+export type TrustCenterDocumentAccessStatus = "GRANTED" | "REJECTED" | "REQUESTED" | "REVOKED";
+export type TrustCenterAccessGraphLoadDocumentAccessesQuery$variables = {
+  accessId: string;
+};
+export type TrustCenterAccessGraphLoadDocumentAccessesQuery$data = {
+  readonly node: {
+    readonly availableDocumentAccesses?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly document: {
+            readonly documentType: DocumentType;
+            readonly id: string;
+            readonly title: string;
+          } | null | undefined;
+          readonly id: string;
+          readonly report: {
+            readonly audit: {
+              readonly framework: {
+                readonly name: string;
+              };
+              readonly id: string;
+            } | null | undefined;
+            readonly filename: string;
+            readonly id: string;
+          } | null | undefined;
+          readonly status: TrustCenterDocumentAccessStatus;
+          readonly trustCenterFile: {
+            readonly category: string;
+            readonly id: string;
+            readonly name: string;
+          } | null | undefined;
+        };
+      }>;
+    };
+    readonly id?: string;
+  };
+};
+export type TrustCenterAccessGraphLoadDocumentAccessesQuery = {
+  response: TrustCenterAccessGraphLoadDocumentAccessesQuery$data;
+  variables: TrustCenterAccessGraphLoadDocumentAccessesQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "accessId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "accessId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "status",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Document",
+  "kind": "LinkedField",
+  "name": "document",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "title",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "documentType",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "filename",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "TrustCenterFile",
+  "kind": "LinkedField",
+  "name": "trustCenterFile",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    (v7/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "category",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAccessGraphLoadDocumentAccessesQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v3/*: any*/),
+                "concreteType": "TrustCenterDocumentAccessConnection",
+                "kind": "LinkedField",
+                "name": "availableDocumentAccesses",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TrustCenterDocumentAccessEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TrustCenterDocumentAccess",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v4/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Report",
+                            "kind": "LinkedField",
+                            "name": "report",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              (v6/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "Audit",
+                                "kind": "LinkedField",
+                                "name": "audit",
+                                "plural": false,
+                                "selections": [
+                                  (v2/*: any*/),
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "Framework",
+                                    "kind": "LinkedField",
+                                    "name": "framework",
+                                    "plural": false,
+                                    "selections": [
+                                      (v7/*: any*/)
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "availableDocumentAccesses(first:100,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+              }
+            ],
+            "type": "TrustCenterAccess",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterAccessGraphLoadDocumentAccessesQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v3/*: any*/),
+                "concreteType": "TrustCenterDocumentAccessConnection",
+                "kind": "LinkedField",
+                "name": "availableDocumentAccesses",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TrustCenterDocumentAccessEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TrustCenterDocumentAccess",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v4/*: any*/),
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Report",
+                            "kind": "LinkedField",
+                            "name": "report",
+                            "plural": false,
+                            "selections": [
+                              (v2/*: any*/),
+                              (v6/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "Audit",
+                                "kind": "LinkedField",
+                                "name": "audit",
+                                "plural": false,
+                                "selections": [
+                                  (v2/*: any*/),
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "Framework",
+                                    "kind": "LinkedField",
+                                    "name": "framework",
+                                    "plural": false,
+                                    "selections": [
+                                      (v7/*: any*/),
+                                      (v2/*: any*/)
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          (v8/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "availableDocumentAccesses(first:100,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+              }
+            ],
+            "type": "TrustCenterAccess",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a3c6d83c3fae9bd8ab3e474706423115",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAccessGraphLoadDocumentAccessesQuery",
+    "operationKind": "query",
+    "text": "query TrustCenterAccessGraphLoadDocumentAccessesQuery(\n  $accessId: ID!\n) {\n  node(id: $accessId) {\n    __typename\n    ... on TrustCenterAccess {\n      id\n      availableDocumentAccesses(first: 100, orderBy: {field: CREATED_AT, direction: DESC}) {\n        edges {\n          node {\n            id\n            status\n            document {\n              id\n              title\n              documentType\n            }\n            report {\n              id\n              filename\n              audit {\n                id\n                framework {\n                  name\n                  id\n                }\n              }\n            }\n            trustCenterFile {\n              id\n              name\n              category\n            }\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f2fad3a04a700d1a9b045d1fa09e470c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessGraphPaginationQuery.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessGraphPaginationQuery.graphql.ts
new file mode 100644
index 000000000..38aa639f9
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessGraphPaginationQuery.graphql.ts
@@ -0,0 +1,341 @@
+/**
+ * @generated SignedSource<<103e4c33c37a708bdc24fe74767725b9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterAccessGraphPaginationQuery$variables = {
+  count?: number | null | undefined;
+  cursor?: string | null | undefined;
+  id: string;
+};
+export type TrustCenterAccessGraphPaginationQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"TrustCenterAccessGraph_accesses">;
+  };
+};
+export type TrustCenterAccessGraphPaginationQuery = {
+  response: TrustCenterAccessGraphPaginationQuery$data;
+  variables: TrustCenterAccessGraphPaginationQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "count"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "cursor"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "id"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "after",
+    "variableName": "cursor"
+  },
+  {
+    "kind": "Variable",
+    "name": "first",
+    "variableName": "count"
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAccessGraphPaginationQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "TrustCenterAccessGraph_accesses"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterAccessGraphPaginationQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "TrustCenterAccessConnection",
+                "kind": "LinkedField",
+                "name": "accesses",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TrustCenterAccessEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TrustCenterAccess",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "email",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "active",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "hasAcceptedNonDisclosureAgreement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "lastTokenExpiresAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "pendingRequestCount",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "activeCount",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:trust-center-access:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:trust-center-access:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:trust-center-access:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:trust-center-access:delete\")"
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "TrustCenterAccessGraph_accesses",
+                "kind": "LinkedHandle",
+                "name": "accesses"
+              }
+            ],
+            "type": "TrustCenter",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6b9515ca548d21d6ba53ac5d830010f5",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAccessGraphPaginationQuery",
+    "operationKind": "query",
+    "text": "query TrustCenterAccessGraphPaginationQuery(\n  $count: Int\n  $cursor: CursorKey\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TrustCenterAccessGraph_accesses\n    id\n  }\n}\n\nfragment TrustCenterAccessGraph_accesses on TrustCenter {\n  accesses(first: $count, after: $cursor, orderBy: {field: CREATED_AT, direction: DESC}) {\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n      startCursor\n      endCursor\n    }\n    edges {\n      cursor\n      node {\n        id\n        email\n        name\n        active\n        hasAcceptedNonDisclosureAgreement\n        createdAt\n        lastTokenExpiresAt\n        pendingRequestCount\n        activeCount\n        canUpdate: permission(action: \"core:trust-center-access:update\")\n        canDelete: permission(action: \"core:trust-center-access:delete\")\n        __typename\n      }\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "41517deef6af7eec916f3a4bbfc217b7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessGraphQuery.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessGraphQuery.graphql.ts
new file mode 100644
index 000000000..e299c0f94
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessGraphQuery.graphql.ts
@@ -0,0 +1,356 @@
+/**
+ * @generated SignedSource<<4f1a16e8b28a887285c9bc578e201f75>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterAccessGraphQuery$variables = {
+  count: number;
+  cursor?: string | null | undefined;
+  trustCenterId: string;
+};
+export type TrustCenterAccessGraphQuery$data = {
+  readonly node: {
+    readonly id?: string;
+    readonly " $fragmentSpreads": FragmentRefs<"TrustCenterAccessGraph_accesses">;
+  };
+};
+export type TrustCenterAccessGraphQuery = {
+  response: TrustCenterAccessGraphQuery$data;
+  variables: TrustCenterAccessGraphQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "count"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "cursor"
+},
+v2 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "trustCenterId"
+},
+v3 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "trustCenterId"
+  }
+],
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "after",
+    "variableName": "cursor"
+  },
+  {
+    "kind": "Variable",
+    "name": "first",
+    "variableName": "count"
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAccessGraphQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v3/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "TrustCenterAccessGraph_accesses"
+              }
+            ],
+            "type": "TrustCenter",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v2/*: any*/),
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TrustCenterAccessGraphQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v3/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/),
+          (v4/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "TrustCenterAccessConnection",
+                "kind": "LinkedField",
+                "name": "accesses",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TrustCenterAccessEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TrustCenterAccess",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v4/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "email",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "active",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "hasAcceptedNonDisclosureAgreement",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "lastTokenExpiresAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "pendingRequestCount",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "activeCount",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:trust-center-access:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:trust-center-access:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:trust-center-access:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:trust-center-access:delete\")"
+                          },
+                          (v5/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "TrustCenterAccessGraph_accesses",
+                "kind": "LinkedHandle",
+                "name": "accesses"
+              }
+            ],
+            "type": "TrustCenter",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "a8ee8e139d510095436df64e84d7a5ba",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAccessGraphQuery",
+    "operationKind": "query",
+    "text": "query TrustCenterAccessGraphQuery(\n  $trustCenterId: ID!\n  $count: Int!\n  $cursor: CursorKey\n) {\n  node(id: $trustCenterId) {\n    __typename\n    ... on TrustCenter {\n      id\n      ...TrustCenterAccessGraph_accesses\n    }\n    id\n  }\n}\n\nfragment TrustCenterAccessGraph_accesses on TrustCenter {\n  accesses(first: $count, after: $cursor, orderBy: {field: CREATED_AT, direction: DESC}) {\n    pageInfo {\n      hasNextPage\n      hasPreviousPage\n      startCursor\n      endCursor\n    }\n    edges {\n      cursor\n      node {\n        id\n        email\n        name\n        active\n        hasAcceptedNonDisclosureAgreement\n        createdAt\n        lastTokenExpiresAt\n        pendingRequestCount\n        activeCount\n        canUpdate: permission(action: \"core:trust-center-access:update\")\n        canDelete: permission(action: \"core:trust-center-access:delete\")\n        __typename\n      }\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "da875d7c80a605898a30cf634d033380";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..18d6cfb61
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessGraphUpdateMutation.graphql.ts
@@ -0,0 +1,187 @@
+/**
+ * @generated SignedSource<<9f1d003a890186ec86cfd58e7eb3bf28>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type TrustCenterDocumentAccessStatus = "GRANTED" | "REJECTED" | "REQUESTED" | "REVOKED";
+export type UpdateTrustCenterAccessInput = {
+  active?: boolean | null | undefined;
+  documents?: ReadonlyArray<TrustCenterDocumentAccessInput> | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+  reports?: ReadonlyArray<TrustCenterDocumentAccessInput> | null | undefined;
+  trustCenterFiles?: ReadonlyArray<TrustCenterDocumentAccessInput> | null | undefined;
+};
+export type TrustCenterDocumentAccessInput = {
+  id: string;
+  status: TrustCenterDocumentAccessStatus;
+};
+export type TrustCenterAccessGraphUpdateMutation$variables = {
+  input: UpdateTrustCenterAccessInput;
+};
+export type TrustCenterAccessGraphUpdateMutation$data = {
+  readonly updateTrustCenterAccess: {
+    readonly trustCenterAccess: {
+      readonly active: boolean;
+      readonly activeCount: number;
+      readonly createdAt: string;
+      readonly email: string;
+      readonly hasAcceptedNonDisclosureAgreement: boolean;
+      readonly id: string;
+      readonly lastTokenExpiresAt: string | null | undefined;
+      readonly name: string;
+      readonly pendingRequestCount: number;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type TrustCenterAccessGraphUpdateMutation = {
+  response: TrustCenterAccessGraphUpdateMutation$data;
+  variables: TrustCenterAccessGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateTrustCenterAccessPayload",
+    "kind": "LinkedField",
+    "name": "updateTrustCenterAccess",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TrustCenterAccess",
+        "kind": "LinkedField",
+        "name": "trustCenterAccess",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "email",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "active",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "hasAcceptedNonDisclosureAgreement",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "lastTokenExpiresAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "pendingRequestCount",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "activeCount",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAccessGraphUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterAccessGraphUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "8b330240bc19bbebb3244a49dc0a6db0",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAccessGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterAccessGraphUpdateMutation(\n  $input: UpdateTrustCenterAccessInput!\n) {\n  updateTrustCenterAccess(input: $input) {\n    trustCenterAccess {\n      id\n      email\n      name\n      active\n      hasAcceptedNonDisclosureAgreement\n      createdAt\n      updatedAt\n      lastTokenExpiresAt\n      pendingRequestCount\n      activeCount\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f78b4d25b0977a14269491db951a1d9d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessGraph_accesses.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessGraph_accesses.graphql.ts
new file mode 100644
index 000000000..18e4e053c
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessGraph_accesses.graphql.ts
@@ -0,0 +1,301 @@
+/**
+ * @generated SignedSource<<6cbc57ab24be22cdb76257d73f3a47d5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterAccessGraph_accesses$data = {
+  readonly accesses: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly cursor: string;
+      readonly node: {
+        readonly active: boolean;
+        readonly activeCount: number;
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly email: string;
+        readonly hasAcceptedNonDisclosureAgreement: boolean;
+        readonly id: string;
+        readonly lastTokenExpiresAt: string | null | undefined;
+        readonly name: string;
+        readonly pendingRequestCount: number;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+      readonly hasPreviousPage: boolean;
+      readonly startCursor: string | null | undefined;
+    };
+  };
+  readonly id: string;
+  readonly " $fragmentType": "TrustCenterAccessGraph_accesses";
+};
+export type TrustCenterAccessGraph_accesses$key = {
+  readonly " $data"?: TrustCenterAccessGraph_accesses$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TrustCenterAccessGraph_accesses">;
+};
+
+import TrustCenterAccessGraphPaginationQuery_graphql from './TrustCenterAccessGraphPaginationQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "accesses"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "kind": "RootArgument",
+      "name": "count"
+    },
+    {
+      "kind": "RootArgument",
+      "name": "cursor"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": "count",
+        "cursor": "cursor",
+        "direction": "forward",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "count",
+          "cursor": "cursor"
+        },
+        "backward": null,
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": TrustCenterAccessGraphPaginationQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "TrustCenterAccessGraph_accesses",
+  "selections": [
+    {
+      "alias": "accesses",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "orderBy",
+          "value": {
+            "direction": "DESC",
+            "field": "CREATED_AT"
+          }
+        }
+      ],
+      "concreteType": "TrustCenterAccessConnection",
+      "kind": "LinkedField",
+      "name": "__TrustCenterAccessGraph_accesses_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "TrustCenterAccessEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "TrustCenterAccess",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "email",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "active",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "hasAcceptedNonDisclosureAgreement",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "createdAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "lastTokenExpiresAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "pendingRequestCount",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "activeCount",
+                  "storageKey": null
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:trust-center-access:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:trust-center-access:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:trust-center-access:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:trust-center-access:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": "__TrustCenterAccessGraph_accesses_connection(orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+    },
+    (v1/*: any*/)
+  ],
+  "type": "TrustCenter",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "41517deef6af7eec916f3a4bbfc217b7";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAccessTokenGraphQuery.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAccessTokenGraphQuery.graphql.ts
new file mode 100644
index 000000000..c0a6a85cc
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAccessTokenGraphQuery.graphql.ts
@@ -0,0 +1,159 @@
+/**
+ * @generated SignedSource<<04ca9566a32dd6c4ec830303d27040b3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type TrustCenterAccessTokenGraphQuery$variables = {
+  trustCenterId: string;
+};
+export type TrustCenterAccessTokenGraphQuery$data = {
+  readonly node: {
+    readonly active?: boolean;
+    readonly id?: string;
+    readonly organization?: {
+      readonly id: string;
+      readonly name: string;
+    };
+  };
+};
+export type TrustCenterAccessTokenGraphQuery = {
+  response: TrustCenterAccessTokenGraphQuery$data;
+  variables: TrustCenterAccessTokenGraphQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "trustCenterId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "trustCenterId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "active",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAccessTokenGraphQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/)
+            ],
+            "type": "TrustCenter",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterAccessTokenGraphQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/)
+            ],
+            "type": "TrustCenter",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3149be57889b4ab4716cf9a8cce2ab8c",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAccessTokenGraphQuery",
+    "operationKind": "query",
+    "text": "query TrustCenterAccessTokenGraphQuery(\n  $trustCenterId: ID!\n) {\n  node(id: $trustCenterId) {\n    __typename\n    ... on TrustCenter {\n      id\n      active\n      organization {\n        id\n        name\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0eff39cd61d08eeff978f26d88a52edf";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAuditGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAuditGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..694e4a176
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAuditGraphUpdateMutation.graphql.ts
@@ -0,0 +1,203 @@
+/**
+ * @generated SignedSource<<1f16f6e36a9d4a8de63d4e6f8e3d4c88>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type UpdateAuditInput = {
+  id: string;
+  name?: string | null | undefined;
+  state?: AuditState | null | undefined;
+  trustCenterVisibility?: TrustCenterVisibility | null | undefined;
+  validFrom?: string | null | undefined;
+  validUntil?: string | null | undefined;
+};
+export type TrustCenterAuditGraphUpdateMutation$variables = {
+  input: UpdateAuditInput;
+};
+export type TrustCenterAuditGraphUpdateMutation$data = {
+  readonly updateAudit: {
+    readonly audit: {
+      readonly id: string;
+      readonly trustCenterVisibility: TrustCenterVisibility;
+      readonly " $fragmentSpreads": FragmentRefs<"TrustCenterAuditsCardFragment">;
+    };
+  };
+};
+export type TrustCenterAuditGraphUpdateMutation = {
+  response: TrustCenterAuditGraphUpdateMutation$data;
+  variables: TrustCenterAuditGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "trustCenterVisibility",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterAuditGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateAuditPayload",
+        "kind": "LinkedField",
+        "name": "updateAudit",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Audit",
+            "kind": "LinkedField",
+            "name": "audit",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "TrustCenterAuditsCardFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterAuditGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateAuditPayload",
+        "kind": "LinkedField",
+        "name": "updateAudit",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Audit",
+            "kind": "LinkedField",
+            "name": "audit",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Framework",
+                "kind": "LinkedField",
+                "name": "framework",
+                "plural": false,
+                "selections": [
+                  (v4/*: any*/),
+                  (v2/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "validFrom",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "validUntil",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "state",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "70742901eeb45d5e00e4e61d83b2f828",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterAuditGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterAuditGraphUpdateMutation(\n  $input: UpdateAuditInput!\n) {\n  updateAudit(input: $input) {\n    audit {\n      id\n      trustCenterVisibility\n      ...TrustCenterAuditsCardFragment\n    }\n  }\n}\n\nfragment TrustCenterAuditsCardFragment on Audit {\n  id\n  name\n  framework {\n    name\n    id\n  }\n  validFrom\n  validUntil\n  state\n  trustCenterVisibility\n  createdAt\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c958ccce67f79bb75593e9fcb31ee9d8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterAuditsCardFragment.graphql.ts b/apps/console/src/__generated__/core/TrustCenterAuditsCardFragment.graphql.ts
new file mode 100644
index 000000000..8e2e11b12
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterAuditsCardFragment.graphql.ts
@@ -0,0 +1,110 @@
+/**
+ * @generated SignedSource<<28248f2dbdad48cc6cfec3b35ce4c22f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type AuditState = "COMPLETED" | "IN_PROGRESS" | "NOT_STARTED" | "OUTDATED" | "REJECTED";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterAuditsCardFragment$data = {
+  readonly createdAt: string;
+  readonly framework: {
+    readonly name: string;
+  };
+  readonly id: string;
+  readonly name: string | null | undefined;
+  readonly state: AuditState;
+  readonly trustCenterVisibility: TrustCenterVisibility;
+  readonly validFrom: string | null | undefined;
+  readonly validUntil: string | null | undefined;
+  readonly " $fragmentType": "TrustCenterAuditsCardFragment";
+};
+export type TrustCenterAuditsCardFragment$key = {
+  readonly " $data"?: TrustCenterAuditsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TrustCenterAuditsCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "TrustCenterAuditsCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Framework",
+      "kind": "LinkedField",
+      "name": "framework",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/)
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "validFrom",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "validUntil",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "state",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "trustCenterVisibility",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    }
+  ],
+  "type": "Audit",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "c0f615fcad79ad39f60b48daacabdbbd";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterDocumentGraphQuery.graphql.ts b/apps/console/src/__generated__/core/TrustCenterDocumentGraphQuery.graphql.ts
new file mode 100644
index 000000000..dc5392a0a
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterDocumentGraphQuery.graphql.ts
@@ -0,0 +1,288 @@
+/**
+ * @generated SignedSource<<1135bf3b786a26466e2763cbeecb7b5b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterDocumentGraphQuery$variables = {
+  organizationId: string;
+};
+export type TrustCenterDocumentGraphQuery$data = {
+  readonly organization: {
+    readonly documents?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"TrustCenterDocumentsCardFragment">;
+        };
+      }>;
+    };
+    readonly id?: string;
+  };
+};
+export type TrustCenterDocumentGraphQuery = {
+  response: TrustCenterDocumentGraphQuery$data;
+  variables: TrustCenterDocumentGraphQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterDocumentGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": (v3/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "TrustCenterDocumentsCardFragment"
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "documents(first:100)"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterDocumentGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v3/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "trustCenterVisibility",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              }
+                            ],
+                            "concreteType": "DocumentVersionConnection",
+                            "kind": "LinkedField",
+                            "name": "versions",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersion",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v2/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "status",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "versions(first:1)"
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "documents(first:100)"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1df18b182ace4562ffa876b7e8073a22",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterDocumentGraphQuery",
+    "operationKind": "query",
+    "text": "query TrustCenterDocumentGraphQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      documents(first: 100) {\n        edges {\n          node {\n            id\n            ...TrustCenterDocumentsCardFragment\n          }\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment TrustCenterDocumentsCardFragment on Document {\n  id\n  title\n  createdAt\n  documentType\n  trustCenterVisibility\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f4e34ac09a2b56c2298bc319d9701f4d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterDocumentGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterDocumentGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..4b456b7b0
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterDocumentGraphUpdateMutation.graphql.ts
@@ -0,0 +1,224 @@
+/**
+ * @generated SignedSource<<383c2d6a9d25911bb5df8c148a8a3e51>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type DocumentClassification = "CONFIDENTIAL" | "INTERNAL" | "PUBLIC" | "SECRET";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type UpdateDocumentInput = {
+  classification?: DocumentClassification | null | undefined;
+  content?: string | null | undefined;
+  documentType?: DocumentType | null | undefined;
+  id: string;
+  ownerId?: string | null | undefined;
+  title?: string | null | undefined;
+  trustCenterVisibility?: TrustCenterVisibility | null | undefined;
+};
+export type TrustCenterDocumentGraphUpdateMutation$variables = {
+  input: UpdateDocumentInput;
+};
+export type TrustCenterDocumentGraphUpdateMutation$data = {
+  readonly updateDocument: {
+    readonly document: {
+      readonly id: string;
+      readonly trustCenterVisibility: TrustCenterVisibility;
+      readonly " $fragmentSpreads": FragmentRefs<"TrustCenterDocumentsCardFragment">;
+    };
+  };
+};
+export type TrustCenterDocumentGraphUpdateMutation = {
+  response: TrustCenterDocumentGraphUpdateMutation$data;
+  variables: TrustCenterDocumentGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "trustCenterVisibility",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterDocumentGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateDocumentPayload",
+        "kind": "LinkedField",
+        "name": "updateDocument",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Document",
+            "kind": "LinkedField",
+            "name": "document",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "TrustCenterDocumentsCardFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterDocumentGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateDocumentPayload",
+        "kind": "LinkedField",
+        "name": "updateDocument",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Document",
+            "kind": "LinkedField",
+            "name": "document",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "title",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "documentType",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "first",
+                    "value": 1
+                  }
+                ],
+                "concreteType": "DocumentVersionConnection",
+                "kind": "LinkedField",
+                "name": "versions",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentVersionEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "DocumentVersion",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "versions(first:1)"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "04cb2a4e83386dfffce8c12eae320cfe",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterDocumentGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterDocumentGraphUpdateMutation(\n  $input: UpdateDocumentInput!\n) {\n  updateDocument(input: $input) {\n    document {\n      id\n      trustCenterVisibility\n      ...TrustCenterDocumentsCardFragment\n    }\n  }\n}\n\nfragment TrustCenterDocumentsCardFragment on Document {\n  id\n  title\n  createdAt\n  documentType\n  trustCenterVisibility\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "293896dbfec4de53d0fe30a2462f833b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterDocumentsCardFragment.graphql.ts b/apps/console/src/__generated__/core/TrustCenterDocumentsCardFragment.graphql.ts
new file mode 100644
index 000000000..f60366df7
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterDocumentsCardFragment.graphql.ts
@@ -0,0 +1,135 @@
+/**
+ * @generated SignedSource<<ef7a2d6e28f14d4b48c27c6db864b876>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type DocumentStatus = "DRAFT" | "PUBLISHED";
+export type DocumentType = "ISMS" | "OTHER" | "POLICY" | "PROCEDURE";
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterDocumentsCardFragment$data = {
+  readonly createdAt: string;
+  readonly documentType: DocumentType;
+  readonly id: string;
+  readonly title: string;
+  readonly trustCenterVisibility: TrustCenterVisibility;
+  readonly versions: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly status: DocumentStatus;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "TrustCenterDocumentsCardFragment";
+};
+export type TrustCenterDocumentsCardFragment$key = {
+  readonly " $data"?: TrustCenterDocumentsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TrustCenterDocumentsCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "TrustCenterDocumentsCardFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "title",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "documentType",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "trustCenterVisibility",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 1
+        }
+      ],
+      "concreteType": "DocumentVersionConnection",
+      "kind": "LinkedField",
+      "name": "versions",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "DocumentVersionEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "DocumentVersion",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v0/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "status",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "versions(first:1)"
+    }
+  ],
+  "type": "Document",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "a90715444be8a289eae6615ce44e244d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterFileGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterFileGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..d72dd822f
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterFileGraphCreateMutation.graphql.ts
@@ -0,0 +1,211 @@
+/**
+ * @generated SignedSource<<d2fbf38ca892f7eda55510d3fa35f15f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type CreateTrustCenterFileInput = {
+  category: string;
+  file: any;
+  name: string;
+  organizationId: string;
+  trustCenterVisibility: TrustCenterVisibility;
+};
+export type TrustCenterFileGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateTrustCenterFileInput;
+};
+export type TrustCenterFileGraphCreateMutation$data = {
+  readonly createTrustCenterFile: {
+    readonly trustCenterFileEdge: {
+      readonly node: {
+        readonly category: string;
+        readonly createdAt: string;
+        readonly fileUrl: string;
+        readonly id: string;
+        readonly name: string;
+        readonly trustCenterVisibility: TrustCenterVisibility;
+        readonly updatedAt: string;
+      };
+    };
+  };
+};
+export type TrustCenterFileGraphCreateMutation = {
+  response: TrustCenterFileGraphCreateMutation$data;
+  variables: TrustCenterFileGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "TrustCenterFileEdge",
+  "kind": "LinkedField",
+  "name": "trustCenterFileEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "TrustCenterFile",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "category",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fileUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "trustCenterVisibility",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "updatedAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterFileGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTrustCenterFilePayload",
+        "kind": "LinkedField",
+        "name": "createTrustCenterFile",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TrustCenterFileGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTrustCenterFilePayload",
+        "kind": "LinkedField",
+        "name": "createTrustCenterFile",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "trustCenterFileEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "57c42327b83556d36745cf8218eb01b1",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterFileGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterFileGraphCreateMutation(\n  $input: CreateTrustCenterFileInput!\n) {\n  createTrustCenterFile(input: $input) {\n    trustCenterFileEdge {\n      node {\n        id\n        name\n        category\n        fileUrl\n        trustCenterVisibility\n        createdAt\n        updatedAt\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "fa3851bf4f5e38bc26d8a063d6afab4e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterFileGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterFileGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..368459c62
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterFileGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<f788919caaf846a6a1bdc81f19841823>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteTrustCenterFileInput = {
+  id: string;
+};
+export type TrustCenterFileGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteTrustCenterFileInput;
+};
+export type TrustCenterFileGraphDeleteMutation$data = {
+  readonly deleteTrustCenterFile: {
+    readonly deletedTrustCenterFileId: string;
+  };
+};
+export type TrustCenterFileGraphDeleteMutation = {
+  response: TrustCenterFileGraphDeleteMutation$data;
+  variables: TrustCenterFileGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedTrustCenterFileId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterFileGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTrustCenterFilePayload",
+        "kind": "LinkedField",
+        "name": "deleteTrustCenterFile",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TrustCenterFileGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTrustCenterFilePayload",
+        "kind": "LinkedField",
+        "name": "deleteTrustCenterFile",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedTrustCenterFileId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "ad78a064da9b58291653f8283012ffc6",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterFileGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterFileGraphDeleteMutation(\n  $input: DeleteTrustCenterFileInput!\n) {\n  deleteTrustCenterFile(input: $input) {\n    deletedTrustCenterFileId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "26c1ce69e74f3a4a39d060b38afbe3e0";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterFileGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterFileGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..8df5325fe
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterFileGraphUpdateMutation.graphql.ts
@@ -0,0 +1,141 @@
+/**
+ * @generated SignedSource<<981cc2a2716995f5e1f22d2554598992>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+export type UpdateTrustCenterFileInput = {
+  category?: string | null | undefined;
+  id: string;
+  name?: string | null | undefined;
+  trustCenterVisibility?: TrustCenterVisibility | null | undefined;
+};
+export type TrustCenterFileGraphUpdateMutation$variables = {
+  input: UpdateTrustCenterFileInput;
+};
+export type TrustCenterFileGraphUpdateMutation$data = {
+  readonly updateTrustCenterFile: {
+    readonly trustCenterFile: {
+      readonly category: string;
+      readonly id: string;
+      readonly name: string;
+      readonly trustCenterVisibility: TrustCenterVisibility;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type TrustCenterFileGraphUpdateMutation = {
+  response: TrustCenterFileGraphUpdateMutation$data;
+  variables: TrustCenterFileGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateTrustCenterFilePayload",
+    "kind": "LinkedField",
+    "name": "updateTrustCenterFile",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TrustCenterFile",
+        "kind": "LinkedField",
+        "name": "trustCenterFile",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "category",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "trustCenterVisibility",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterFileGraphUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterFileGraphUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "9ad761d91cfe34e7fa905a3f6a4d9e37",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterFileGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterFileGraphUpdateMutation(\n  $input: UpdateTrustCenterFileInput!\n) {\n  updateTrustCenterFile(input: $input) {\n    trustCenterFile {\n      id\n      name\n      category\n      trustCenterVisibility\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "7306c3f9530a7636adc0b6a0cf28b67e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterFilesCardFragment.graphql.ts b/apps/console/src/__generated__/core/TrustCenterFilesCardFragment.graphql.ts
new file mode 100644
index 000000000..3e2adefb4
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterFilesCardFragment.graphql.ts
@@ -0,0 +1,119 @@
+/**
+ * @generated SignedSource<<f9b0d1c5f1852bef8797dcf34920e519>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type TrustCenterVisibility = "NONE" | "PRIVATE" | "PUBLIC";
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterFilesCardFragment$data = {
+  readonly canDelete: boolean;
+  readonly canUpdate: boolean;
+  readonly category: string;
+  readonly createdAt: string;
+  readonly fileUrl: string;
+  readonly id: string;
+  readonly name: string;
+  readonly trustCenterVisibility: TrustCenterVisibility;
+  readonly updatedAt: string;
+  readonly " $fragmentType": "TrustCenterFilesCardFragment";
+};
+export type TrustCenterFilesCardFragment$key = {
+  readonly " $data"?: TrustCenterFilesCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TrustCenterFilesCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "TrustCenterFilesCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "category",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fileUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "trustCenterVisibility",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "updatedAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center-file:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center-file:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center-file:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center-file:delete\")"
+    }
+  ],
+  "type": "TrustCenterFile",
+  "abstractKey": null
+};
+
+(node as any).hash = "7b9e482868fc5d815923fbefdbafc8bb";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterGraphDeleteNDAMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterGraphDeleteNDAMutation.graphql.ts
new file mode 100644
index 000000000..52cb4d437
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterGraphDeleteNDAMutation.graphql.ts
@@ -0,0 +1,121 @@
+/**
+ * @generated SignedSource<<3220ac89d535b383bbb99661dc296183>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteTrustCenterNDAInput = {
+  trustCenterId: string;
+};
+export type TrustCenterGraphDeleteNDAMutation$variables = {
+  input: DeleteTrustCenterNDAInput;
+};
+export type TrustCenterGraphDeleteNDAMutation$data = {
+  readonly deleteTrustCenterNDA: {
+    readonly trustCenter: {
+      readonly id: string;
+      readonly ndaFileName: string | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type TrustCenterGraphDeleteNDAMutation = {
+  response: TrustCenterGraphDeleteNDAMutation$data;
+  variables: TrustCenterGraphDeleteNDAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteTrustCenterNDAPayload",
+    "kind": "LinkedField",
+    "name": "deleteTrustCenterNDA",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TrustCenter",
+        "kind": "LinkedField",
+        "name": "trustCenter",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "ndaFileName",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterGraphDeleteNDAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterGraphDeleteNDAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "fa3ebf3593c396bf05819d357d9f909f",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterGraphDeleteNDAMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterGraphDeleteNDAMutation(\n  $input: DeleteTrustCenterNDAInput!\n) {\n  deleteTrustCenterNDA(input: $input) {\n    trustCenter {\n      id\n      ndaFileName\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9c055069b9e2e7432fed7509f6578a07";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterGraphQuery.graphql.ts b/apps/console/src/__generated__/core/TrustCenterGraphQuery.graphql.ts
new file mode 100644
index 000000000..b126ee7ad
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterGraphQuery.graphql.ts
@@ -0,0 +1,970 @@
+/**
+ * @generated SignedSource<<c72040bdfe1bee8cd0816c07975227d7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterGraphQuery$variables = {
+  organizationId: string;
+};
+export type TrustCenterGraphQuery$data = {
+  readonly organization: {
+    readonly audits?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"TrustCenterAuditsCardFragment">;
+        };
+      }>;
+    };
+    readonly canCreateTrustCenterFile?: boolean;
+    readonly customDomain?: {
+      readonly domain: string;
+      readonly id: string;
+    } | null | undefined;
+    readonly documents?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"TrustCenterDocumentsCardFragment">;
+        };
+      }>;
+    };
+    readonly id?: string;
+    readonly name?: string;
+    readonly slackConnections?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly channel: string | null | undefined;
+          readonly channelId: string | null | undefined;
+          readonly createdAt: string;
+          readonly id: string;
+          readonly updatedAt: string;
+        };
+      }>;
+    };
+    readonly trustCenter?: {
+      readonly active: boolean;
+      readonly canCreateAccess: boolean;
+      readonly canCreateReference: boolean;
+      readonly canDeleteNDA: boolean;
+      readonly canGetNDA: boolean;
+      readonly canUpdate: boolean;
+      readonly canUploadNDA: boolean;
+      readonly createdAt: string;
+      readonly id: string;
+      readonly ndaFileName: string | null | undefined;
+      readonly ndaFileUrl: string | null | undefined;
+      readonly updatedAt: string;
+    } | null | undefined;
+    readonly trustCenterFiles?: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"TrustCenterFilesCardFragment">;
+        };
+      }>;
+    };
+    readonly vendors?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"TrustCenterVendorsCardFragment">;
+        };
+      }>;
+    };
+  };
+};
+export type TrustCenterGraphQuery = {
+  response: TrustCenterGraphQuery$data;
+  variables: TrustCenterGraphQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v4 = {
+  "alias": "canCreateTrustCenterFile",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:trust-center-file:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:trust-center-file:create\")"
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "CustomDomain",
+  "kind": "LinkedField",
+  "name": "customDomain",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "domain",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "TrustCenter",
+  "kind": "LinkedField",
+  "name": "trustCenter",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "active",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "ndaFileName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "ndaFileUrl",
+      "storageKey": null
+    },
+    (v6/*: any*/),
+    (v7/*: any*/),
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center:update\")"
+    },
+    {
+      "alias": "canGetNDA",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center:get-nda"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center:get-nda\")"
+    },
+    {
+      "alias": "canUploadNDA",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center:upload-nda"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center:upload-nda\")"
+    },
+    {
+      "alias": "canDeleteNDA",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center:delete-nda"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center:delete-nda\")"
+    },
+    {
+      "alias": "canCreateReference",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center-reference:create"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center-reference:create\")"
+    },
+    {
+      "alias": "canCreateAccess",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center-access:create"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center-access:create\")"
+    }
+  ],
+  "storageKey": null
+},
+v9 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  }
+],
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v13 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v14 = {
+  "alias": null,
+  "args": (v9/*: any*/),
+  "concreteType": "SlackConnectionConnection",
+  "kind": "LinkedField",
+  "name": "slackConnections",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "SlackConnectionEdge",
+      "kind": "LinkedField",
+      "name": "edges",
+      "plural": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "SlackConnection",
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "channel",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "channelId",
+              "storageKey": null
+            },
+            (v6/*: any*/),
+            (v7/*: any*/)
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": "slackConnections(first:100)"
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "trustCenterVisibility",
+  "storageKey": null
+},
+v16 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "category",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v8/*: any*/),
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "TrustCenterDocumentsCardFragment"
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "documents(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "audits",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "TrustCenterAuditsCardFragment"
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "audits(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "VendorConnection",
+                "kind": "LinkedField",
+                "name": "vendors",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Vendor",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "TrustCenterVendorsCardFragment"
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "vendors(first:100)"
+              },
+              {
+                "alias": "trustCenterFiles",
+                "args": null,
+                "concreteType": "TrustCenterFileConnection",
+                "kind": "LinkedField",
+                "name": "__TrustCenterPage_trustCenterFiles_connection",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TrustCenterFileEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TrustCenterFile",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "args": null,
+                            "kind": "FragmentSpread",
+                            "name": "TrustCenterFilesCardFragment"
+                          },
+                          (v10/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v11/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v12/*: any*/),
+                  (v13/*: any*/)
+                ],
+                "storageKey": null
+              },
+              (v14/*: any*/)
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterGraphQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v10/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v8/*: any*/),
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "DocumentConnection",
+                "kind": "LinkedField",
+                "name": "documents",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "DocumentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Document",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "title",
+                            "storageKey": null
+                          },
+                          (v6/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "documentType",
+                            "storageKey": null
+                          },
+                          (v15/*: any*/),
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              }
+                            ],
+                            "concreteType": "DocumentVersionConnection",
+                            "kind": "LinkedField",
+                            "name": "versions",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "DocumentVersionEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "DocumentVersion",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v2/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "status",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "versions(first:1)"
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "documents(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "AuditConnection",
+                "kind": "LinkedField",
+                "name": "audits",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "AuditEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Audit",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v3/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Framework",
+                            "kind": "LinkedField",
+                            "name": "framework",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validFrom",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "validUntil",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          (v15/*: any*/),
+                          (v6/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "audits(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "VendorConnection",
+                "kind": "LinkedField",
+                "name": "vendors",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Vendor",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v3/*: any*/),
+                          (v16/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "showOnTrustCenter",
+                            "storageKey": null
+                          },
+                          (v6/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor:update\")"
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "vendors(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "concreteType": "TrustCenterFileConnection",
+                "kind": "LinkedField",
+                "name": "trustCenterFiles",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "TrustCenterFileEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "TrustCenterFile",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v3/*: any*/),
+                          (v16/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "fileUrl",
+                            "storageKey": null
+                          },
+                          (v15/*: any*/),
+                          (v6/*: any*/),
+                          (v7/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:trust-center-file:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:trust-center-file:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:trust-center-file:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:trust-center-file:delete\")"
+                          },
+                          (v10/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v11/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v12/*: any*/),
+                  (v13/*: any*/)
+                ],
+                "storageKey": "trustCenterFiles(first:100)"
+              },
+              {
+                "alias": null,
+                "args": (v9/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "TrustCenterPage_trustCenterFiles",
+                "kind": "LinkedHandle",
+                "name": "trustCenterFiles"
+              },
+              (v14/*: any*/)
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "e04f245ca84bd7221a3e0187b8e988a5",
+    "id": null,
+    "metadata": {
+      "connection": [
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "organization",
+            "trustCenterFiles"
+          ]
+        }
+      ]
+    },
+    "name": "TrustCenterGraphQuery",
+    "operationKind": "query",
+    "text": "query TrustCenterGraphQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      name\n      canCreateTrustCenterFile: permission(action: \"core:trust-center-file:create\")\n      customDomain {\n        id\n        domain\n      }\n      trustCenter {\n        id\n        active\n        ndaFileName\n        ndaFileUrl\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:trust-center:update\")\n        canGetNDA: permission(action: \"core:trust-center:get-nda\")\n        canUploadNDA: permission(action: \"core:trust-center:upload-nda\")\n        canDeleteNDA: permission(action: \"core:trust-center:delete-nda\")\n        canCreateReference: permission(action: \"core:trust-center-reference:create\")\n        canCreateAccess: permission(action: \"core:trust-center-access:create\")\n      }\n      documents(first: 100) {\n        edges {\n          node {\n            id\n            ...TrustCenterDocumentsCardFragment\n          }\n        }\n      }\n      audits(first: 100) {\n        edges {\n          node {\n            id\n            ...TrustCenterAuditsCardFragment\n          }\n        }\n      }\n      vendors(first: 100) {\n        edges {\n          node {\n            id\n            ...TrustCenterVendorsCardFragment\n          }\n        }\n      }\n      trustCenterFiles(first: 100) {\n        edges {\n          node {\n            id\n            ...TrustCenterFilesCardFragment\n            __typename\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n      slackConnections(first: 100) {\n        edges {\n          node {\n            id\n            channel\n            channelId\n            createdAt\n            updatedAt\n          }\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment TrustCenterAuditsCardFragment on Audit {\n  id\n  name\n  framework {\n    name\n    id\n  }\n  validFrom\n  validUntil\n  state\n  trustCenterVisibility\n  createdAt\n}\n\nfragment TrustCenterDocumentsCardFragment on Document {\n  id\n  title\n  createdAt\n  documentType\n  trustCenterVisibility\n  versions(first: 1) {\n    edges {\n      node {\n        id\n        status\n      }\n    }\n  }\n}\n\nfragment TrustCenterFilesCardFragment on TrustCenterFile {\n  id\n  name\n  category\n  fileUrl\n  trustCenterVisibility\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:trust-center-file:update\")\n  canDelete: permission(action: \"core:trust-center-file:delete\")\n}\n\nfragment TrustCenterVendorsCardFragment on Vendor {\n  id\n  name\n  category\n  description\n  showOnTrustCenter\n  createdAt\n  canUpdate: permission(action: \"core:vendor:update\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c2590192391f38eab216d98c0c536118";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..b85822c79
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterGraphUpdateMutation.graphql.ts
@@ -0,0 +1,122 @@
+/**
+ * @generated SignedSource<<ed0bdb594d5d3c5324835d6d39f49a7e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateTrustCenterInput = {
+  active?: boolean | null | undefined;
+  trustCenterId: string;
+};
+export type TrustCenterGraphUpdateMutation$variables = {
+  input: UpdateTrustCenterInput;
+};
+export type TrustCenterGraphUpdateMutation$data = {
+  readonly updateTrustCenter: {
+    readonly trustCenter: {
+      readonly active: boolean;
+      readonly id: string;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type TrustCenterGraphUpdateMutation = {
+  response: TrustCenterGraphUpdateMutation$data;
+  variables: TrustCenterGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateTrustCenterPayload",
+    "kind": "LinkedField",
+    "name": "updateTrustCenter",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TrustCenter",
+        "kind": "LinkedField",
+        "name": "trustCenter",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "active",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterGraphUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterGraphUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "4d56330e76f63430b88de2deac6d73ff",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterGraphUpdateMutation(\n  $input: UpdateTrustCenterInput!\n) {\n  updateTrustCenter(input: $input) {\n    trustCenter {\n      id\n      active\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e5db4ea1986315fc8103885fee2ede5b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterGraphUploadNDAMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterGraphUploadNDAMutation.graphql.ts
new file mode 100644
index 000000000..9ec8d3581
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterGraphUploadNDAMutation.graphql.ts
@@ -0,0 +1,123 @@
+/**
+ * @generated SignedSource<<4bc817c960234139f5aeedfed5b2fe8b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UploadTrustCenterNDAInput = {
+  file: any;
+  fileName: string;
+  trustCenterId: string;
+};
+export type TrustCenterGraphUploadNDAMutation$variables = {
+  input: UploadTrustCenterNDAInput;
+};
+export type TrustCenterGraphUploadNDAMutation$data = {
+  readonly uploadTrustCenterNDA: {
+    readonly trustCenter: {
+      readonly id: string;
+      readonly ndaFileName: string | null | undefined;
+      readonly updatedAt: string;
+    };
+  };
+};
+export type TrustCenterGraphUploadNDAMutation = {
+  response: TrustCenterGraphUploadNDAMutation$data;
+  variables: TrustCenterGraphUploadNDAMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UploadTrustCenterNDAPayload",
+    "kind": "LinkedField",
+    "name": "uploadTrustCenterNDA",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TrustCenter",
+        "kind": "LinkedField",
+        "name": "trustCenter",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "ndaFileName",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterGraphUploadNDAMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterGraphUploadNDAMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "09a5dbf73f3e279173691b235f9da2e2",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterGraphUploadNDAMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterGraphUploadNDAMutation(\n  $input: UploadTrustCenterNDAInput!\n) {\n  uploadTrustCenterNDA(input: $input) {\n    trustCenter {\n      id\n      ndaFileName\n      updatedAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b9877f8a5b9c2c12addeb939360719f1";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterReferenceGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterReferenceGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..9e312c7dc
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterReferenceGraphCreateMutation.graphql.ts
@@ -0,0 +1,254 @@
+/**
+ * @generated SignedSource<<9d8cd7c4e9e9c2217dce89750390f2d7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateTrustCenterReferenceInput = {
+  description?: string | null | undefined;
+  logoFile: any;
+  name: string;
+  trustCenterId: string;
+  websiteUrl: string;
+};
+export type TrustCenterReferenceGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateTrustCenterReferenceInput;
+};
+export type TrustCenterReferenceGraphCreateMutation$data = {
+  readonly createTrustCenterReference: {
+    readonly trustCenterReferenceEdge: {
+      readonly cursor: string;
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly logoUrl: string;
+        readonly name: string;
+        readonly rank: number;
+        readonly updatedAt: string;
+        readonly websiteUrl: string;
+      };
+    };
+  };
+};
+export type TrustCenterReferenceGraphCreateMutation = {
+  response: TrustCenterReferenceGraphCreateMutation$data;
+  variables: TrustCenterReferenceGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "TrustCenterReferenceEdge",
+  "kind": "LinkedField",
+  "name": "trustCenterReferenceEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "cursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "TrustCenterReference",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "description",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "websiteUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "logoUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "rank",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "updatedAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:trust-center-reference:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:trust-center-reference:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:trust-center-reference:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:trust-center-reference:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterReferenceGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTrustCenterReferencePayload",
+        "kind": "LinkedField",
+        "name": "createTrustCenterReference",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TrustCenterReferenceGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateTrustCenterReferencePayload",
+        "kind": "LinkedField",
+        "name": "createTrustCenterReference",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "appendEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "trustCenterReferenceEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "4cffbce769a3af5a0b95188c5fdb1ab1",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterReferenceGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterReferenceGraphCreateMutation(\n  $input: CreateTrustCenterReferenceInput!\n) {\n  createTrustCenterReference(input: $input) {\n    trustCenterReferenceEdge {\n      cursor\n      node {\n        id\n        name\n        description\n        websiteUrl\n        logoUrl\n        rank\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:trust-center-reference:update\")\n        canDelete: permission(action: \"core:trust-center-reference:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2235fdf1f63c55b4a6670eaa0f32fe20";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterReferenceGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterReferenceGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..1c9607dc9
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterReferenceGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<1f4c8af006c90496e08b285944c83eac>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteTrustCenterReferenceInput = {
+  id: string;
+};
+export type TrustCenterReferenceGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteTrustCenterReferenceInput;
+};
+export type TrustCenterReferenceGraphDeleteMutation$data = {
+  readonly deleteTrustCenterReference: {
+    readonly deletedTrustCenterReferenceId: string;
+  };
+};
+export type TrustCenterReferenceGraphDeleteMutation = {
+  response: TrustCenterReferenceGraphDeleteMutation$data;
+  variables: TrustCenterReferenceGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedTrustCenterReferenceId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterReferenceGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTrustCenterReferencePayload",
+        "kind": "LinkedField",
+        "name": "deleteTrustCenterReference",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "TrustCenterReferenceGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteTrustCenterReferencePayload",
+        "kind": "LinkedField",
+        "name": "deleteTrustCenterReference",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedTrustCenterReferenceId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6d22b36eb6ce9b568bfc091741a63ea8",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterReferenceGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterReferenceGraphDeleteMutation(\n  $input: DeleteTrustCenterReferenceInput!\n) {\n  deleteTrustCenterReference(input: $input) {\n    deletedTrustCenterReferenceId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "31a0fcb302daa8f42bc5ecb74fadfd0b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterReferenceGraphQuery.graphql.ts b/apps/console/src/__generated__/core/TrustCenterReferenceGraphQuery.graphql.ts
new file mode 100644
index 000000000..6786211be
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterReferenceGraphQuery.graphql.ts
@@ -0,0 +1,389 @@
+/**
+ * @generated SignedSource<<ca40d9ddba0f52570c2c9cece97e15dc>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type TrustCenterReferenceGraphQuery$variables = {
+  trustCenterId: string;
+};
+export type TrustCenterReferenceGraphQuery$data = {
+  readonly node: {
+    readonly __typename: "TrustCenter";
+    readonly id: string;
+    readonly references: {
+      readonly __id: string;
+      readonly edges: ReadonlyArray<{
+        readonly cursor: string;
+        readonly node: {
+          readonly canDelete: boolean;
+          readonly canUpdate: boolean;
+          readonly createdAt: string;
+          readonly description: string | null | undefined;
+          readonly id: string;
+          readonly logoUrl: string;
+          readonly name: string;
+          readonly rank: number;
+          readonly updatedAt: string;
+          readonly websiteUrl: string;
+        };
+      }>;
+      readonly pageInfo: {
+        readonly endCursor: string | null | undefined;
+        readonly hasNextPage: boolean;
+        readonly hasPreviousPage: boolean;
+        readonly startCursor: string | null | undefined;
+      };
+    };
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type TrustCenterReferenceGraphQuery = {
+  response: TrustCenterReferenceGraphQuery$data;
+  variables: TrustCenterReferenceGraphQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "trustCenterId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "trustCenterId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "kind": "Literal",
+  "name": "orderBy",
+  "value": {
+    "direction": "ASC",
+    "field": "RANK"
+  }
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasPreviousPage",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "startCursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "TrustCenterReferenceEdge",
+  "kind": "LinkedField",
+  "name": "edges",
+  "plural": true,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "cursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "TrustCenterReference",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "description",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "websiteUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "logoUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "rank",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "updatedAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:trust-center-reference:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:trust-center-reference:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:trust-center-reference:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:trust-center-reference:delete\")"
+        },
+        (v2/*: any*/)
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v7 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v8 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 100
+  },
+  (v4/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterReferenceGraphQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "kind": "RequiredField",
+                "field": {
+                  "alias": "references",
+                  "args": [
+                    (v4/*: any*/)
+                  ],
+                  "concreteType": "TrustCenterReferenceConnection",
+                  "kind": "LinkedField",
+                  "name": "__TrustCenterReferencesSection_references_connection",
+                  "plural": false,
+                  "selections": [
+                    (v5/*: any*/),
+                    {
+                      "kind": "RequiredField",
+                      "field": (v6/*: any*/),
+                      "action": "THROW"
+                    },
+                    (v7/*: any*/)
+                  ],
+                  "storageKey": "__TrustCenterReferencesSection_references_connection(orderBy:{\"direction\":\"ASC\",\"field\":\"RANK\"})"
+                },
+                "action": "THROW"
+              }
+            ],
+            "type": "TrustCenter",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterReferenceGraphQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v8/*: any*/),
+                "concreteType": "TrustCenterReferenceConnection",
+                "kind": "LinkedField",
+                "name": "references",
+                "plural": false,
+                "selections": [
+                  (v5/*: any*/),
+                  (v6/*: any*/),
+                  (v7/*: any*/)
+                ],
+                "storageKey": "references(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"RANK\"})"
+              },
+              {
+                "alias": null,
+                "args": (v8/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "TrustCenterReferencesSection_references",
+                "kind": "LinkedHandle",
+                "name": "references"
+              }
+            ],
+            "type": "TrustCenter",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3eaf772859927eca50f824a7298fd2d5",
+    "id": null,
+    "metadata": {
+      "connection": [
+        {
+          "count": null,
+          "cursor": null,
+          "direction": "forward",
+          "path": [
+            "node",
+            "references"
+          ]
+        }
+      ]
+    },
+    "name": "TrustCenterReferenceGraphQuery",
+    "operationKind": "query",
+    "text": "query TrustCenterReferenceGraphQuery(\n  $trustCenterId: ID!\n) {\n  node(id: $trustCenterId) {\n    __typename\n    ... on TrustCenter {\n      id\n      references(first: 100, orderBy: {field: RANK, direction: ASC}) {\n        pageInfo {\n          hasNextPage\n          hasPreviousPage\n          startCursor\n          endCursor\n        }\n        edges {\n          cursor\n          node {\n            id\n            name\n            description\n            websiteUrl\n            logoUrl\n            rank\n            createdAt\n            updatedAt\n            canUpdate: permission(action: \"core:trust-center-reference:update\")\n            canDelete: permission(action: \"core:trust-center-reference:delete\")\n            __typename\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5c1e65a30423ec4357ef2cb546bca387";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..e02ee7e0f
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateMutation.graphql.ts
@@ -0,0 +1,194 @@
+/**
+ * @generated SignedSource<<2bb2430e2a2e063fc21f4f2c7c19910f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateTrustCenterReferenceInput = {
+  description?: string | null | undefined;
+  id: string;
+  logoFile?: any | null | undefined;
+  name?: string | null | undefined;
+  rank?: number | null | undefined;
+  websiteUrl?: string | null | undefined;
+};
+export type TrustCenterReferenceGraphUpdateMutation$variables = {
+  input: UpdateTrustCenterReferenceInput;
+};
+export type TrustCenterReferenceGraphUpdateMutation$data = {
+  readonly updateTrustCenterReference: {
+    readonly trustCenterReference: {
+      readonly canDelete: boolean;
+      readonly canUpdate: boolean;
+      readonly createdAt: string;
+      readonly description: string | null | undefined;
+      readonly id: string;
+      readonly logoUrl: string;
+      readonly name: string;
+      readonly rank: number;
+      readonly updatedAt: string;
+      readonly websiteUrl: string;
+    };
+  };
+};
+export type TrustCenterReferenceGraphUpdateMutation = {
+  response: TrustCenterReferenceGraphUpdateMutation$data;
+  variables: TrustCenterReferenceGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateTrustCenterReferencePayload",
+    "kind": "LinkedField",
+    "name": "updateTrustCenterReference",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TrustCenterReference",
+        "kind": "LinkedField",
+        "name": "trustCenterReference",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "websiteUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "logoUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "rank",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          },
+          {
+            "alias": "canUpdate",
+            "args": [
+              {
+                "kind": "Literal",
+                "name": "action",
+                "value": "core:trust-center-reference:update"
+              }
+            ],
+            "kind": "ScalarField",
+            "name": "permission",
+            "storageKey": "permission(action:\"core:trust-center-reference:update\")"
+          },
+          {
+            "alias": "canDelete",
+            "args": [
+              {
+                "kind": "Literal",
+                "name": "action",
+                "value": "core:trust-center-reference:delete"
+              }
+            ],
+            "kind": "ScalarField",
+            "name": "permission",
+            "storageKey": "permission(action:\"core:trust-center-reference:delete\")"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterReferenceGraphUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterReferenceGraphUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "7c0e441a6e51c68b72f3dc0b74079da1",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterReferenceGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterReferenceGraphUpdateMutation(\n  $input: UpdateTrustCenterReferenceInput!\n) {\n  updateTrustCenterReference(input: $input) {\n    trustCenterReference {\n      id\n      name\n      description\n      websiteUrl\n      logoUrl\n      rank\n      createdAt\n      updatedAt\n      canUpdate: permission(action: \"core:trust-center-reference:update\")\n      canDelete: permission(action: \"core:trust-center-reference:delete\")\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f6add85271c2b048654bf586745252fc";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateRankMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateRankMutation.graphql.ts
new file mode 100644
index 000000000..d915e8934
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterReferenceGraphUpdateRankMutation.graphql.ts
@@ -0,0 +1,118 @@
+/**
+ * @generated SignedSource<<ef22c5c717241729685db94c9e9c7701>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateTrustCenterReferenceInput = {
+  description?: string | null | undefined;
+  id: string;
+  logoFile?: any | null | undefined;
+  name?: string | null | undefined;
+  rank?: number | null | undefined;
+  websiteUrl?: string | null | undefined;
+};
+export type TrustCenterReferenceGraphUpdateRankMutation$variables = {
+  input: UpdateTrustCenterReferenceInput;
+};
+export type TrustCenterReferenceGraphUpdateRankMutation$data = {
+  readonly updateTrustCenterReference: {
+    readonly trustCenterReference: {
+      readonly id: string;
+      readonly rank: number;
+    };
+  };
+};
+export type TrustCenterReferenceGraphUpdateRankMutation = {
+  response: TrustCenterReferenceGraphUpdateRankMutation$data;
+  variables: TrustCenterReferenceGraphUpdateRankMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateTrustCenterReferencePayload",
+    "kind": "LinkedField",
+    "name": "updateTrustCenterReference",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "TrustCenterReference",
+        "kind": "LinkedField",
+        "name": "trustCenterReference",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "rank",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterReferenceGraphUpdateRankMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterReferenceGraphUpdateRankMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "9e3d186eff2bff3d66482ab88f27aead",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterReferenceGraphUpdateRankMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterReferenceGraphUpdateRankMutation(\n  $input: UpdateTrustCenterReferenceInput!\n) {\n  updateTrustCenterReference(input: $input) {\n    trustCenterReference {\n      id\n      rank\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "72d23bac1e404137890be27bf98bc59e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterVendorGraphUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/TrustCenterVendorGraphUpdateMutation.graphql.ts
new file mode 100644
index 000000000..8e6ad5f65
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterVendorGraphUpdateMutation.graphql.ts
@@ -0,0 +1,210 @@
+/**
+ * @generated SignedSource<<c0dfdaac2c2c1c873c8104a45b6077ac>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CountryCode = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "EU" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+export type UpdateVendorInput = {
+  businessAssociateAgreementUrl?: string | null | undefined;
+  businessOwnerId?: string | null | undefined;
+  category?: VendorCategory | null | undefined;
+  certifications?: ReadonlyArray<string> | null | undefined;
+  countries?: ReadonlyArray<CountryCode> | null | undefined;
+  dataProcessingAgreementUrl?: string | null | undefined;
+  description?: string | null | undefined;
+  headquarterAddress?: string | null | undefined;
+  id: string;
+  legalName?: string | null | undefined;
+  name?: string | null | undefined;
+  privacyPolicyUrl?: string | null | undefined;
+  securityOwnerId?: string | null | undefined;
+  securityPageUrl?: string | null | undefined;
+  serviceLevelAgreementUrl?: string | null | undefined;
+  showOnTrustCenter?: boolean | null | undefined;
+  statusPageUrl?: string | null | undefined;
+  subprocessorsListUrl?: string | null | undefined;
+  termsOfServiceUrl?: string | null | undefined;
+  trustPageUrl?: string | null | undefined;
+  websiteUrl?: string | null | undefined;
+};
+export type TrustCenterVendorGraphUpdateMutation$variables = {
+  input: UpdateVendorInput;
+};
+export type TrustCenterVendorGraphUpdateMutation$data = {
+  readonly updateVendor: {
+    readonly vendor: {
+      readonly id: string;
+      readonly showOnTrustCenter: boolean;
+      readonly " $fragmentSpreads": FragmentRefs<"TrustCenterVendorsCardFragment">;
+    };
+  };
+};
+export type TrustCenterVendorGraphUpdateMutation = {
+  response: TrustCenterVendorGraphUpdateMutation$data;
+  variables: TrustCenterVendorGraphUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "showOnTrustCenter",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TrustCenterVendorGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorPayload",
+        "kind": "LinkedField",
+        "name": "updateVendor",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Vendor",
+            "kind": "LinkedField",
+            "name": "vendor",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "TrustCenterVendorsCardFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "TrustCenterVendorGraphUpdateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorPayload",
+        "kind": "LinkedField",
+        "name": "updateVendor",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Vendor",
+            "kind": "LinkedField",
+            "name": "vendor",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "category",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              },
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "core:vendor:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"core:vendor:update\")"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b2d05d661624daec04a081aebf2dd4e2",
+    "id": null,
+    "metadata": {},
+    "name": "TrustCenterVendorGraphUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation TrustCenterVendorGraphUpdateMutation(\n  $input: UpdateVendorInput!\n) {\n  updateVendor(input: $input) {\n    vendor {\n      id\n      showOnTrustCenter\n      ...TrustCenterVendorsCardFragment\n    }\n  }\n}\n\nfragment TrustCenterVendorsCardFragment on Vendor {\n  id\n  name\n  category\n  description\n  showOnTrustCenter\n  createdAt\n  canUpdate: permission(action: \"core:vendor:update\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2b4395821fcfbd30bb06448db5429289";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/TrustCenterVendorsCardFragment.graphql.ts b/apps/console/src/__generated__/core/TrustCenterVendorsCardFragment.graphql.ts
new file mode 100644
index 000000000..d4fb8ecd3
--- /dev/null
+++ b/apps/console/src/__generated__/core/TrustCenterVendorsCardFragment.graphql.ts
@@ -0,0 +1,97 @@
+/**
+ * @generated SignedSource<<0138987bbb69846be5f1792b314854e4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+import { FragmentRefs } from "relay-runtime";
+export type TrustCenterVendorsCardFragment$data = {
+  readonly canUpdate: boolean;
+  readonly category: VendorCategory;
+  readonly createdAt: string;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly name: string;
+  readonly showOnTrustCenter: boolean;
+  readonly " $fragmentType": "TrustCenterVendorsCardFragment";
+};
+export type TrustCenterVendorsCardFragment$key = {
+  readonly " $data"?: TrustCenterVendorsCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"TrustCenterVendorsCardFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "TrustCenterVendorsCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "category",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "showOnTrustCenter",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:vendor:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:vendor:update\")"
+    }
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+
+(node as any).hash = "bac8046182ce2402a5a20ce27a25f7e6";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/UpdateVersionDialogCreateMutation.graphql.ts b/apps/console/src/__generated__/core/UpdateVersionDialogCreateMutation.graphql.ts
new file mode 100644
index 000000000..e42ce62b7
--- /dev/null
+++ b/apps/console/src/__generated__/core/UpdateVersionDialogCreateMutation.graphql.ts
@@ -0,0 +1,256 @@
+/**
+ * @generated SignedSource<<19fb3f18c8abfaf933f77514a1800538>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DocumentStatus = "DRAFT" | "PUBLISHED";
+export type DocumentVersionSignatureState = "REQUESTED" | "SIGNED";
+export type CreateDraftDocumentVersionInput = {
+  documentID: string;
+};
+export type UpdateVersionDialogCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateDraftDocumentVersionInput;
+};
+export type UpdateVersionDialogCreateMutation$data = {
+  readonly createDraftDocumentVersion: {
+    readonly documentVersionEdge: {
+      readonly node: {
+        readonly content: string;
+        readonly id: string;
+        readonly publishedAt: string | null | undefined;
+        readonly signatures: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly id: string;
+              readonly state: DocumentVersionSignatureState;
+            };
+          }>;
+        };
+        readonly status: DocumentStatus;
+        readonly updatedAt: string;
+        readonly version: number;
+      };
+    };
+  };
+};
+export type UpdateVersionDialogCreateMutation = {
+  response: UpdateVersionDialogCreateMutation$data;
+  variables: UpdateVersionDialogCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "DocumentVersionEdge",
+  "kind": "LinkedField",
+  "name": "documentVersionEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "DocumentVersion",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        (v3/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "content",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "status",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "publishedAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "version",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "updatedAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "first",
+              "value": 100
+            }
+          ],
+          "concreteType": "DocumentVersionSignatureConnection",
+          "kind": "LinkedField",
+          "name": "signatures",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "DocumentVersionSignatureEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "DocumentVersionSignature",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v3/*: any*/),
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "state",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": "signatures(first:100)"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "UpdateVersionDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateDraftDocumentVersionPayload",
+        "kind": "LinkedField",
+        "name": "createDraftDocumentVersion",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "UpdateVersionDialogCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateDraftDocumentVersionPayload",
+        "kind": "LinkedField",
+        "name": "createDraftDocumentVersion",
+        "plural": false,
+        "selections": [
+          (v4/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "documentVersionEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1a0f515ea5c0ca4fd3ab1ae969025ca0",
+    "id": null,
+    "metadata": {},
+    "name": "UpdateVersionDialogCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation UpdateVersionDialogCreateMutation(\n  $input: CreateDraftDocumentVersionInput!\n) {\n  createDraftDocumentVersion(input: $input) {\n    documentVersionEdge {\n      node {\n        id\n        content\n        status\n        publishedAt\n        version\n        updatedAt\n        signatures(first: 100) {\n          edges {\n            node {\n              id\n              state\n            }\n          }\n        }\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "a78a88558effc43ceab6746d8a4fea46";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/UpdateVersionDialogUpdateMutation.graphql.ts b/apps/console/src/__generated__/core/UpdateVersionDialogUpdateMutation.graphql.ts
new file mode 100644
index 000000000..11877c0a4
--- /dev/null
+++ b/apps/console/src/__generated__/core/UpdateVersionDialogUpdateMutation.graphql.ts
@@ -0,0 +1,114 @@
+/**
+ * @generated SignedSource<<2b90fd4d14e86e5547d7b790a20242c9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateDocumentVersionInput = {
+  content: string;
+  documentVersionId: string;
+};
+export type UpdateVersionDialogUpdateMutation$variables = {
+  input: UpdateDocumentVersionInput;
+};
+export type UpdateVersionDialogUpdateMutation$data = {
+  readonly updateDocumentVersion: {
+    readonly documentVersion: {
+      readonly content: string;
+      readonly id: string;
+    };
+  };
+};
+export type UpdateVersionDialogUpdateMutation = {
+  response: UpdateVersionDialogUpdateMutation$data;
+  variables: UpdateVersionDialogUpdateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateDocumentVersionPayload",
+    "kind": "LinkedField",
+    "name": "updateDocumentVersion",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "DocumentVersion",
+        "kind": "LinkedField",
+        "name": "documentVersion",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "content",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "UpdateVersionDialogUpdateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "UpdateVersionDialogUpdateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "527e45a341f2f991e30e8689ac24403c",
+    "id": null,
+    "metadata": {},
+    "name": "UpdateVersionDialogUpdateMutation",
+    "operationKind": "mutation",
+    "text": "mutation UpdateVersionDialogUpdateMutation(\n  $input: UpdateDocumentVersionInput!\n) {\n  updateDocumentVersion(input: $input) {\n    documentVersion {\n      id\n      content\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "ffd885c021e9fd91522a494e16e6830d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/UploadBusinessAssociateAgreementDialogMutation.graphql.ts b/apps/console/src/__generated__/core/UploadBusinessAssociateAgreementDialogMutation.graphql.ts
new file mode 100644
index 000000000..ebcda9ae2
--- /dev/null
+++ b/apps/console/src/__generated__/core/UploadBusinessAssociateAgreementDialogMutation.graphql.ts
@@ -0,0 +1,149 @@
+/**
+ * @generated SignedSource<<f57c27c6042a9507adc37d4404b09b58>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UploadVendorBusinessAssociateAgreementInput = {
+  file: any;
+  fileName: string;
+  validFrom?: string | null | undefined;
+  validUntil?: string | null | undefined;
+  vendorId: string;
+};
+export type UploadBusinessAssociateAgreementDialogMutation$variables = {
+  input: UploadVendorBusinessAssociateAgreementInput;
+};
+export type UploadBusinessAssociateAgreementDialogMutation$data = {
+  readonly uploadVendorBusinessAssociateAgreement: {
+    readonly vendorBusinessAssociateAgreement: {
+      readonly createdAt: string;
+      readonly fileName: string;
+      readonly fileUrl: string;
+      readonly id: string;
+      readonly validFrom: string | null | undefined;
+      readonly validUntil: string | null | undefined;
+    };
+  };
+};
+export type UploadBusinessAssociateAgreementDialogMutation = {
+  response: UploadBusinessAssociateAgreementDialogMutation$data;
+  variables: UploadBusinessAssociateAgreementDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UploadVendorBusinessAssociateAgreementPayload",
+    "kind": "LinkedField",
+    "name": "uploadVendorBusinessAssociateAgreement",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "VendorBusinessAssociateAgreement",
+        "kind": "LinkedField",
+        "name": "vendorBusinessAssociateAgreement",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fileName",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fileUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validFrom",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validUntil",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "UploadBusinessAssociateAgreementDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "UploadBusinessAssociateAgreementDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "bb7a0f67773da5b3916d08fdeaa2dc8d",
+    "id": null,
+    "metadata": {},
+    "name": "UploadBusinessAssociateAgreementDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation UploadBusinessAssociateAgreementDialogMutation(\n  $input: UploadVendorBusinessAssociateAgreementInput!\n) {\n  uploadVendorBusinessAssociateAgreement(input: $input) {\n    vendorBusinessAssociateAgreement {\n      id\n      fileName\n      fileUrl\n      validFrom\n      validUntil\n      createdAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e3fce209e1a4006a31996903e4c6cbae";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/UploadDataPrivacyAgreementDialogMutation.graphql.ts b/apps/console/src/__generated__/core/UploadDataPrivacyAgreementDialogMutation.graphql.ts
new file mode 100644
index 000000000..8c69990a4
--- /dev/null
+++ b/apps/console/src/__generated__/core/UploadDataPrivacyAgreementDialogMutation.graphql.ts
@@ -0,0 +1,149 @@
+/**
+ * @generated SignedSource<<0e9455daba78b038455718505f53a4d7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UploadVendorDataPrivacyAgreementInput = {
+  file: any;
+  fileName: string;
+  validFrom?: string | null | undefined;
+  validUntil?: string | null | undefined;
+  vendorId: string;
+};
+export type UploadDataPrivacyAgreementDialogMutation$variables = {
+  input: UploadVendorDataPrivacyAgreementInput;
+};
+export type UploadDataPrivacyAgreementDialogMutation$data = {
+  readonly uploadVendorDataPrivacyAgreement: {
+    readonly vendorDataPrivacyAgreement: {
+      readonly createdAt: string;
+      readonly fileName: string;
+      readonly fileUrl: string;
+      readonly id: string;
+      readonly validFrom: string | null | undefined;
+      readonly validUntil: string | null | undefined;
+    };
+  };
+};
+export type UploadDataPrivacyAgreementDialogMutation = {
+  response: UploadDataPrivacyAgreementDialogMutation$data;
+  variables: UploadDataPrivacyAgreementDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UploadVendorDataPrivacyAgreementPayload",
+    "kind": "LinkedField",
+    "name": "uploadVendorDataPrivacyAgreement",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "VendorDataPrivacyAgreement",
+        "kind": "LinkedField",
+        "name": "vendorDataPrivacyAgreement",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fileName",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fileUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validFrom",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "validUntil",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "UploadDataPrivacyAgreementDialogMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "UploadDataPrivacyAgreementDialogMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "c59302d882fc9406dd7f09072db552b5",
+    "id": null,
+    "metadata": {},
+    "name": "UploadDataPrivacyAgreementDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation UploadDataPrivacyAgreementDialogMutation(\n  $input: UploadVendorDataPrivacyAgreementInput!\n) {\n  uploadVendorDataPrivacyAgreement(input: $input) {\n    vendorDataPrivacyAgreement {\n      id\n      fileName\n      fileUrl\n      validFrom\n      validUntil\n      createdAt\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "8e4e70e111836cebd850061a75872980";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorComplianceTabDeleteReportMutation.graphql.ts b/apps/console/src/__generated__/core/VendorComplianceTabDeleteReportMutation.graphql.ts
new file mode 100644
index 000000000..20b6bb83a
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorComplianceTabDeleteReportMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<6fc7bf1e239dfeccb007ee5a9beefaff>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteVendorComplianceReportInput = {
+  reportId: string;
+};
+export type VendorComplianceTabDeleteReportMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteVendorComplianceReportInput;
+};
+export type VendorComplianceTabDeleteReportMutation$data = {
+  readonly deleteVendorComplianceReport: {
+    readonly deletedVendorComplianceReportId: string;
+  };
+};
+export type VendorComplianceTabDeleteReportMutation = {
+  response: VendorComplianceTabDeleteReportMutation$data;
+  variables: VendorComplianceTabDeleteReportMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedVendorComplianceReportId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorComplianceTabDeleteReportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorComplianceReportPayload",
+        "kind": "LinkedField",
+        "name": "deleteVendorComplianceReport",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorComplianceTabDeleteReportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorComplianceReportPayload",
+        "kind": "LinkedField",
+        "name": "deleteVendorComplianceReport",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedVendorComplianceReportId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "3bfaddbf09d2cd72a0bb72687c1e187e",
+    "id": null,
+    "metadata": {},
+    "name": "VendorComplianceTabDeleteReportMutation",
+    "operationKind": "mutation",
+    "text": "mutation VendorComplianceTabDeleteReportMutation(\n  $input: DeleteVendorComplianceReportInput!\n) {\n  deleteVendorComplianceReport(input: $input) {\n    deletedVendorComplianceReportId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "7151aea21838384dc10781b64f0209ae";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorComplianceTabFragment.graphql.ts b/apps/console/src/__generated__/core/VendorComplianceTabFragment.graphql.ts
new file mode 100644
index 000000000..58bdc1dcb
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorComplianceTabFragment.graphql.ts
@@ -0,0 +1,239 @@
+/**
+ * @generated SignedSource<<08a3ccf322eccf9d7c86b2f383526687>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorComplianceTabFragment$data = {
+  readonly complianceReports: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment_report">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "VendorComplianceTabFragment";
+};
+export type VendorComplianceTabFragment$key = {
+  readonly " $data"?: VendorComplianceTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment">;
+};
+
+import ComplianceReportListQuery_graphql from './ComplianceReportListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "complianceReports"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": ComplianceReportListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "VendorComplianceTabFragment",
+  "selections": [
+    {
+      "alias": "complianceReports",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "VendorComplianceReportConnection",
+      "kind": "LinkedField",
+      "name": "__VendorComplianceTabFragment_complianceReports_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "VendorComplianceReportEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "VendorComplianceReport",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:vendor-compliance-report:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:vendor-compliance-report:delete\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "VendorComplianceTabFragment_report"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "078c14e9b989c435abf83ec5b4396f6c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorComplianceTabFragment_report.graphql.ts b/apps/console/src/__generated__/core/VendorComplianceTabFragment_report.graphql.ts
new file mode 100644
index 000000000..11fd422a8
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorComplianceTabFragment_report.graphql.ts
@@ -0,0 +1,117 @@
+/**
+ * @generated SignedSource<<ecb2f1b1e2f7614af9a86484fa5940bf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorComplianceTabFragment_report$data = {
+  readonly canDelete: boolean;
+  readonly file: {
+    readonly fileName: string;
+    readonly mimeType: string;
+    readonly size: number;
+  } | null | undefined;
+  readonly id: string;
+  readonly reportDate: string;
+  readonly reportName: string;
+  readonly validUntil: string | null | undefined;
+  readonly " $fragmentType": "VendorComplianceTabFragment_report";
+};
+export type VendorComplianceTabFragment_report$key = {
+  readonly " $data"?: VendorComplianceTabFragment_report$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment_report">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VendorComplianceTabFragment_report",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "reportDate",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "validUntil",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "reportName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "File",
+      "kind": "LinkedField",
+      "name": "file",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fileName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "mimeType",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "size",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:vendor-compliance-report:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:vendor-compliance-report:delete\")"
+    }
+  ],
+  "type": "VendorComplianceReport",
+  "abstractKey": null
+};
+
+(node as any).hash = "7676d7b6379940339458e259707c222e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorComplianceTabUploadReportMutation.graphql.ts b/apps/console/src/__generated__/core/VendorComplianceTabUploadReportMutation.graphql.ts
new file mode 100644
index 000000000..71ec43de8
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorComplianceTabUploadReportMutation.graphql.ts
@@ -0,0 +1,258 @@
+/**
+ * @generated SignedSource<<7234ce37ee1c29a4b4546b9f9de471c8>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type UploadVendorComplianceReportInput = {
+  file: any;
+  reportDate: string;
+  reportName: string;
+  validUntil?: string | null | undefined;
+  vendorId: string;
+};
+export type VendorComplianceTabUploadReportMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: UploadVendorComplianceReportInput;
+};
+export type VendorComplianceTabUploadReportMutation$data = {
+  readonly uploadVendorComplianceReport: {
+    readonly vendorComplianceReportEdge: {
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment_report">;
+      };
+    };
+  };
+};
+export type VendorComplianceTabUploadReportMutation = {
+  response: VendorComplianceTabUploadReportMutation$data;
+  variables: VendorComplianceTabUploadReportMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorComplianceTabUploadReportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "UploadVendorComplianceReportPayload",
+        "kind": "LinkedField",
+        "name": "uploadVendorComplianceReport",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorComplianceReportEdge",
+            "kind": "LinkedField",
+            "name": "vendorComplianceReportEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorComplianceReport",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "args": null,
+                    "kind": "FragmentSpread",
+                    "name": "VendorComplianceTabFragment_report"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorComplianceTabUploadReportMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "UploadVendorComplianceReportPayload",
+        "kind": "LinkedField",
+        "name": "uploadVendorComplianceReport",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "VendorComplianceReportEdge",
+            "kind": "LinkedField",
+            "name": "vendorComplianceReportEdge",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorComplianceReport",
+                "kind": "LinkedField",
+                "name": "node",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "reportDate",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "validUntil",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "reportName",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "File",
+                    "kind": "LinkedField",
+                    "name": "file",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "fileName",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "mimeType",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "size",
+                        "storageKey": null
+                      },
+                      (v3/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor-compliance-report:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor-compliance-report:delete\")"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "appendEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "vendorComplianceReportEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "404f46e6eabb0fbe406f06ca861414fe",
+    "id": null,
+    "metadata": {},
+    "name": "VendorComplianceTabUploadReportMutation",
+    "operationKind": "mutation",
+    "text": "mutation VendorComplianceTabUploadReportMutation(\n  $input: UploadVendorComplianceReportInput!\n) {\n  uploadVendorComplianceReport(input: $input) {\n    vendorComplianceReportEdge {\n      node {\n        id\n        ...VendorComplianceTabFragment_report\n      }\n    }\n  }\n}\n\nfragment VendorComplianceTabFragment_report on VendorComplianceReport {\n  id\n  reportDate\n  validUntil\n  reportName\n  file {\n    fileName\n    mimeType\n    size\n    id\n  }\n  canDelete: permission(action: \"core:vendor-compliance-report:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4ed863a250b0686340056f4f77eb8ab8";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorContactsListQuery.graphql.ts b/apps/console/src/__generated__/core/VendorContactsListQuery.graphql.ts
new file mode 100644
index 000000000..5f97fd568
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorContactsListQuery.graphql.ts
@@ -0,0 +1,384 @@
+/**
+ * @generated SignedSource<<72e8dfdd3ad86ac69f4e631191d994ad>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type VendorContactOrderField = "CREATED_AT" | "EMAIL" | "FULL_NAME";
+export type VendorContactOrder = {
+  direction: OrderDirection;
+  field: VendorContactOrderField;
+};
+export type VendorContactsListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: VendorContactOrder | null | undefined;
+};
+export type VendorContactsListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"VendorContactsTabFragment">;
+  };
+};
+export type VendorContactsListQuery = {
+  response: VendorContactsListQuery$data;
+  variables: VendorContactsListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorContactsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "VendorContactsTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorContactsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "VendorContactConnection",
+                "kind": "LinkedField",
+                "name": "contacts",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorContactEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorContact",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-contact:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-contact:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-contact:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-contact:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "fullName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "email",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "phone",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "role",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "VendorContactsTabFragment_contacts",
+                "kind": "LinkedHandle",
+                "name": "contacts"
+              }
+            ],
+            "type": "Vendor",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "99175ca46dc5865d6d7a5f6c55fd8c8d",
+    "id": null,
+    "metadata": {},
+    "name": "VendorContactsListQuery",
+    "operationKind": "query",
+    "text": "query VendorContactsListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: VendorContactOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...VendorContactsTabFragment_16fISc\n    id\n  }\n}\n\nfragment VendorContactsTabFragment_16fISc on Vendor {\n  contacts(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        canUpdate: permission(action: \"core:vendor-contact:update\")\n        canDelete: permission(action: \"core:vendor-contact:delete\")\n        ...VendorContactsTabFragment_contact\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment VendorContactsTabFragment_contact on VendorContact {\n  id\n  fullName\n  email\n  phone\n  role\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-contact:update\")\n  canDelete: permission(action: \"core:vendor-contact:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b0516167cf827553fe6c6617b2025967";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorContactsTabDeleteContactMutation.graphql.ts b/apps/console/src/__generated__/core/VendorContactsTabDeleteContactMutation.graphql.ts
new file mode 100644
index 000000000..cc5003970
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorContactsTabDeleteContactMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<3824bce11d22a60d1e50f53c699611c5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteVendorContactInput = {
+  vendorContactId: string;
+};
+export type VendorContactsTabDeleteContactMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteVendorContactInput;
+};
+export type VendorContactsTabDeleteContactMutation$data = {
+  readonly deleteVendorContact: {
+    readonly deletedVendorContactId: string;
+  };
+};
+export type VendorContactsTabDeleteContactMutation = {
+  response: VendorContactsTabDeleteContactMutation$data;
+  variables: VendorContactsTabDeleteContactMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedVendorContactId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorContactsTabDeleteContactMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorContactPayload",
+        "kind": "LinkedField",
+        "name": "deleteVendorContact",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorContactsTabDeleteContactMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorContactPayload",
+        "kind": "LinkedField",
+        "name": "deleteVendorContact",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedVendorContactId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "806c0b076e6da2ac4841d172047c8655",
+    "id": null,
+    "metadata": {},
+    "name": "VendorContactsTabDeleteContactMutation",
+    "operationKind": "mutation",
+    "text": "mutation VendorContactsTabDeleteContactMutation(\n  $input: DeleteVendorContactInput!\n) {\n  deleteVendorContact(input: $input) {\n    deletedVendorContactId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f0595bed2e2e7527eeac8737a0640a4d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorContactsTabFragment.graphql.ts b/apps/console/src/__generated__/core/VendorContactsTabFragment.graphql.ts
new file mode 100644
index 000000000..f8e1d7278
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorContactsTabFragment.graphql.ts
@@ -0,0 +1,253 @@
+/**
+ * @generated SignedSource<<67ebbddf5fa502880ebc8aa6b5f9810c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorContactsTabFragment$data = {
+  readonly contacts: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"VendorContactsTabFragment_contact">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "VendorContactsTabFragment";
+};
+export type VendorContactsTabFragment$key = {
+  readonly " $data"?: VendorContactsTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorContactsTabFragment">;
+};
+
+import VendorContactsListQuery_graphql from './VendorContactsListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "contacts"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": VendorContactsListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "VendorContactsTabFragment",
+  "selections": [
+    {
+      "alias": "contacts",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "VendorContactConnection",
+      "kind": "LinkedField",
+      "name": "__VendorContactsTabFragment_contacts_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "VendorContactEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "VendorContact",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:vendor-contact:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:vendor-contact:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:vendor-contact:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:vendor-contact:delete\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "VendorContactsTabFragment_contact"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "b0516167cf827553fe6c6617b2025967";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorContactsTabFragment_contact.graphql.ts b/apps/console/src/__generated__/core/VendorContactsTabFragment_contact.graphql.ts
new file mode 100644
index 000000000..7bb2c6a21
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorContactsTabFragment_contact.graphql.ts
@@ -0,0 +1,118 @@
+/**
+ * @generated SignedSource<<2e0270bf6c8a8f1849c2e05463ece19b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorContactsTabFragment_contact$data = {
+  readonly canDelete: boolean;
+  readonly canUpdate: boolean;
+  readonly createdAt: string;
+  readonly email: string | null | undefined;
+  readonly fullName: string | null | undefined;
+  readonly id: string;
+  readonly phone: string | null | undefined;
+  readonly role: string | null | undefined;
+  readonly updatedAt: string;
+  readonly " $fragmentType": "VendorContactsTabFragment_contact";
+};
+export type VendorContactsTabFragment_contact$key = {
+  readonly " $data"?: VendorContactsTabFragment_contact$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorContactsTabFragment_contact">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VendorContactsTabFragment_contact",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "email",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "phone",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "role",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "updatedAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:vendor-contact:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:vendor-contact:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:vendor-contact:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:vendor-contact:delete\")"
+    }
+  ],
+  "type": "VendorContact",
+  "abstractKey": null
+};
+
+(node as any).hash = "fbcc45db4e2f857e3208ed8dc35e912d";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorGraphCreateMutation.graphql.ts b/apps/console/src/__generated__/core/VendorGraphCreateMutation.graphql.ts
new file mode 100644
index 000000000..f86de1910
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorGraphCreateMutation.graphql.ts
@@ -0,0 +1,247 @@
+/**
+ * @generated SignedSource<<dc9115d5a6b814a7c3b4a95077afe694>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CountryCode = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "EU" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+export type CreateVendorInput = {
+  businessAssociateAgreementUrl?: string | null | undefined;
+  businessOwnerId?: string | null | undefined;
+  category?: VendorCategory | null | undefined;
+  certifications?: ReadonlyArray<string> | null | undefined;
+  countries?: ReadonlyArray<CountryCode> | null | undefined;
+  dataProcessingAgreementUrl?: string | null | undefined;
+  description?: string | null | undefined;
+  headquarterAddress?: string | null | undefined;
+  legalName?: string | null | undefined;
+  name: string;
+  organizationId: string;
+  privacyPolicyUrl?: string | null | undefined;
+  securityOwnerId?: string | null | undefined;
+  securityPageUrl?: string | null | undefined;
+  serviceLevelAgreementUrl?: string | null | undefined;
+  statusPageUrl?: string | null | undefined;
+  subprocessorsListUrl?: string | null | undefined;
+  termsOfServiceUrl?: string | null | undefined;
+  trustPageUrl?: string | null | undefined;
+  websiteUrl?: string | null | undefined;
+};
+export type VendorGraphCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateVendorInput;
+};
+export type VendorGraphCreateMutation$data = {
+  readonly createVendor: {
+    readonly vendorEdge: {
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly createdAt: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly name: string;
+        readonly updatedAt: string;
+        readonly websiteUrl: string | null | undefined;
+      };
+    };
+  };
+};
+export type VendorGraphCreateMutation = {
+  response: VendorGraphCreateMutation$data;
+  variables: VendorGraphCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "VendorEdge",
+  "kind": "LinkedField",
+  "name": "vendorEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Vendor",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "description",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "websiteUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "updatedAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:vendor:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:vendor:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:vendor:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:vendor:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorPayload",
+        "kind": "LinkedField",
+        "name": "createVendor",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorGraphCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateVendorPayload",
+        "kind": "LinkedField",
+        "name": "createVendor",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "vendorEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "94b1c06e8575dd431ade59add9fdcb8a",
+    "id": null,
+    "metadata": {},
+    "name": "VendorGraphCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation VendorGraphCreateMutation(\n  $input: CreateVendorInput!\n) {\n  createVendor(input: $input) {\n    vendorEdge {\n      node {\n        id\n        name\n        description\n        websiteUrl\n        createdAt\n        updatedAt\n        canUpdate: permission(action: \"core:vendor:update\")\n        canDelete: permission(action: \"core:vendor:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d4fbc819ee92c20d31400395a924eb7c";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorGraphDeleteMutation.graphql.ts b/apps/console/src/__generated__/core/VendorGraphDeleteMutation.graphql.ts
new file mode 100644
index 000000000..614aa3cf1
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorGraphDeleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<6b924850fd9bad48c4fe32c331a7770b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteVendorInput = {
+  vendorId: string;
+};
+export type VendorGraphDeleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteVendorInput;
+};
+export type VendorGraphDeleteMutation$data = {
+  readonly deleteVendor: {
+    readonly deletedVendorId: string;
+  };
+};
+export type VendorGraphDeleteMutation = {
+  response: VendorGraphDeleteMutation$data;
+  variables: VendorGraphDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedVendorId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorPayload",
+        "kind": "LinkedField",
+        "name": "deleteVendor",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorGraphDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorPayload",
+        "kind": "LinkedField",
+        "name": "deleteVendor",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedVendorId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "866254027729839312bc72c942de3111",
+    "id": null,
+    "metadata": {},
+    "name": "VendorGraphDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation VendorGraphDeleteMutation(\n  $input: DeleteVendorInput!\n) {\n  deleteVendor(input: $input) {\n    deletedVendorId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "82648f6825e035f9abe617d5f641d537";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorGraphListQuery.graphql.ts b/apps/console/src/__generated__/core/VendorGraphListQuery.graphql.ts
new file mode 100644
index 000000000..a78b448d2
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorGraphListQuery.graphql.ts
@@ -0,0 +1,407 @@
+/**
+ * @generated SignedSource<<2fb0056a5c2b8df4604284949b579bff>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorGraphListQuery$variables = {
+  organizationId: string;
+  snapshotId?: string | null | undefined;
+};
+export type VendorGraphListQuery$data = {
+  readonly node: {
+    readonly canCreateVendor?: boolean;
+    readonly id?: string;
+    readonly " $fragmentSpreads": FragmentRefs<"VendorGraphPaginatedFragment">;
+  };
+};
+export type VendorGraphListQuery = {
+  response: VendorGraphListQuery$data;
+  variables: VendorGraphListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  },
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "snapshotId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": "canCreateVendor",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor:create\")"
+},
+v4 = [
+  {
+    "kind": "Variable",
+    "name": "snapshotId",
+    "variableName": "snapshotId"
+  }
+],
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v6 = [
+  {
+    "fields": (v4/*: any*/),
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v2/*: any*/),
+              (v3/*: any*/),
+              {
+                "args": (v4/*: any*/),
+                "kind": "FragmentSpread",
+                "name": "VendorGraphPaginatedFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "VendorGraphListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v5/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "VendorConnection",
+                "kind": "LinkedField",
+                "name": "vendors",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Vendor",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "websiteUrl",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              },
+                              {
+                                "kind": "Literal",
+                                "name": "orderBy",
+                                "value": {
+                                  "direction": "DESC",
+                                  "field": "CREATED_AT"
+                                }
+                              }
+                            ],
+                            "concreteType": "VendorRiskAssessmentConnection",
+                            "kind": "LinkedField",
+                            "name": "riskAssessments",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "VendorRiskAssessmentEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "VendorRiskAssessment",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v2/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "createdAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "expiresAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "dataSensitivity",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "businessImpact",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "riskAssessments(first:1,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor:delete\")"
+                          },
+                          (v5/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "VendorsListQuery_vendors",
+                "kind": "LinkedHandle",
+                "name": "vendors"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c2264340742570acaecb4b0b7b53723c",
+    "id": null,
+    "metadata": {},
+    "name": "VendorGraphListQuery",
+    "operationKind": "query",
+    "text": "query VendorGraphListQuery(\n  $organizationId: ID!\n  $snapshotId: ID\n) {\n  node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      canCreateVendor: permission(action: \"core:vendor:create\")\n      ...VendorGraphPaginatedFragment_3iomuz\n    }\n    id\n  }\n}\n\nfragment VendorGraphPaginatedFragment_3iomuz on Organization {\n  vendors(first: 50, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        snapshotId\n        name\n        websiteUrl\n        updatedAt\n        riskAssessments(first: 1, orderBy: {direction: DESC, field: CREATED_AT}) {\n          edges {\n            node {\n              id\n              createdAt\n              expiresAt\n              dataSensitivity\n              businessImpact\n            }\n          }\n        }\n        canUpdate: permission(action: \"core:vendor:update\")\n        canDelete: permission(action: \"core:vendor:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "725a4385cbde48d0f8895d1a35ca2135";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorGraphNodeQuery.graphql.ts b/apps/console/src/__generated__/core/VendorGraphNodeQuery.graphql.ts
new file mode 100644
index 000000000..daf56bf27
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorGraphNodeQuery.graphql.ts
@@ -0,0 +1,1038 @@
+/**
+ * @generated SignedSource<<f72445ad5e95c960270b2234da2b1a1f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorGraphNodeQuery$variables = {
+  vendorId: string;
+};
+export type VendorGraphNodeQuery$data = {
+  readonly node: {
+    readonly canAssess?: boolean;
+    readonly canCreateContact?: boolean;
+    readonly canCreateRiskAssessment?: boolean;
+    readonly canCreateService?: boolean;
+    readonly canDelete?: boolean;
+    readonly canUpdate?: boolean;
+    readonly canUploadBAA?: boolean;
+    readonly canUploadComplianceReport?: boolean;
+    readonly canUploadDPA?: boolean;
+    readonly id: string;
+    readonly name?: string;
+    readonly snapshotId?: string | null | undefined;
+    readonly websiteUrl?: string | null | undefined;
+    readonly " $fragmentSpreads": FragmentRefs<"VendorComplianceTabFragment" | "VendorContactsTabFragment" | "VendorOverviewTabBusinessAssociateAgreementFragment" | "VendorOverviewTabDataPrivacyAgreementFragment" | "VendorRiskAssessmentTabFragment" | "VendorServicesTabFragment" | "useVendorFormFragment">;
+  };
+  readonly viewer: {
+    readonly id: string;
+  };
+};
+export type VendorGraphNodeQuery = {
+  response: VendorGraphNodeQuery$data;
+  variables: VendorGraphNodeQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "vendorId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "vendorId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "snapshotId",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "websiteUrl",
+  "storageKey": null
+},
+v6 = {
+  "alias": "canAssess",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor:assess"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor:assess\")"
+},
+v7 = {
+  "alias": "canUpdate",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor:update"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor:update\")"
+},
+v8 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor:delete\")"
+},
+v9 = {
+  "alias": "canUploadComplianceReport",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-compliance-report:upload"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-compliance-report:upload\")"
+},
+v10 = {
+  "alias": "canCreateRiskAssessment",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-risk-assessment:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-risk-assessment:create\")"
+},
+v11 = {
+  "alias": "canCreateContact",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-contact:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-contact:create\")"
+},
+v12 = {
+  "alias": "canCreateService",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-service:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-service:create\")"
+},
+v13 = {
+  "alias": "canUploadBAA",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-business-associate-agreement:upload"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-business-associate-agreement:upload\")"
+},
+v14 = {
+  "alias": "canUploadDPA",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "core:vendor-data-privacy-agreement:upload"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"core:vendor-data-privacy-agreement:upload\")"
+},
+v15 = [
+  (v2/*: any*/)
+],
+v16 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Viewer",
+  "kind": "LinkedField",
+  "name": "viewer",
+  "plural": false,
+  "selections": (v15/*: any*/),
+  "storageKey": null
+},
+v17 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v18 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "description",
+  "storageKey": null
+},
+v19 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 50
+  }
+],
+v20 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "validUntil",
+  "storageKey": null
+},
+v21 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fileName",
+  "storageKey": null
+},
+v22 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v23 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "endCursor",
+  "storageKey": null
+},
+v24 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasNextPage",
+  "storageKey": null
+},
+v25 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "hasPreviousPage",
+  "storageKey": null
+},
+v26 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "startCursor",
+  "storageKey": null
+},
+v27 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    (v23/*: any*/),
+    (v24/*: any*/),
+    (v25/*: any*/),
+    (v26/*: any*/)
+  ],
+  "storageKey": null
+},
+v28 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+},
+v29 = [
+  "orderBy"
+],
+v30 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v31 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "updatedAt",
+  "storageKey": null
+},
+v32 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fileUrl",
+  "storageKey": null
+},
+v33 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "validFrom",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "useVendorFormFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorComplianceTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorContactsTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorServicesTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorRiskAssessmentTabFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorOverviewTabBusinessAssociateAgreementFragment"
+              },
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "VendorOverviewTabDataPrivacyAgreementFragment"
+              }
+            ],
+            "type": "Vendor",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      (v16/*: any*/)
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "VendorGraphNodeQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v17/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/),
+              (v14/*: any*/),
+              (v18/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "category",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "statusPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "termsOfServiceUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "privacyPolicyUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "serviceLevelAgreementUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "dataProcessingAgreementUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "legalName",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "headquarterAddress",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "certifications",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "countries",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "securityPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "trustPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "businessOwner",
+                "plural": false,
+                "selections": (v15/*: any*/),
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "securityOwner",
+                "plural": false,
+                "selections": (v15/*: any*/),
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "concreteType": "VendorComplianceReportConnection",
+                "kind": "LinkedField",
+                "name": "complianceReports",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorComplianceReportEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorComplianceReport",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-compliance-report:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-compliance-report:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "reportDate",
+                            "storageKey": null
+                          },
+                          (v20/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "reportName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "File",
+                            "kind": "LinkedField",
+                            "name": "file",
+                            "plural": false,
+                            "selections": [
+                              (v21/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "mimeType",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "size",
+                                "storageKey": null
+                              },
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v17/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v22/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v27/*: any*/),
+                  (v28/*: any*/)
+                ],
+                "storageKey": "complianceReports(first:50)"
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "filters": (v29/*: any*/),
+                "handle": "connection",
+                "key": "VendorComplianceTabFragment_complianceReports",
+                "kind": "LinkedHandle",
+                "name": "complianceReports"
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "concreteType": "VendorContactConnection",
+                "kind": "LinkedField",
+                "name": "contacts",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorContactEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorContact",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-contact:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-contact:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-contact:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-contact:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "fullName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "email",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "phone",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "role",
+                            "storageKey": null
+                          },
+                          (v30/*: any*/),
+                          (v31/*: any*/),
+                          (v17/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v22/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v27/*: any*/),
+                  (v28/*: any*/)
+                ],
+                "storageKey": "contacts(first:50)"
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "filters": (v29/*: any*/),
+                "handle": "connection",
+                "key": "VendorContactsTabFragment_contacts",
+                "kind": "LinkedHandle",
+                "name": "contacts"
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "concreteType": "VendorServiceConnection",
+                "kind": "LinkedField",
+                "name": "services",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorServiceEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorService",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-service:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-service:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-service:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-service:delete\")"
+                          },
+                          (v4/*: any*/),
+                          (v18/*: any*/),
+                          (v30/*: any*/),
+                          (v31/*: any*/),
+                          (v17/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v22/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v27/*: any*/),
+                  (v28/*: any*/)
+                ],
+                "storageKey": "services(first:50)"
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "filters": (v29/*: any*/),
+                "handle": "connection",
+                "key": "VendorServicesTabFragment_services",
+                "kind": "LinkedHandle",
+                "name": "services"
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "concreteType": "VendorRiskAssessmentConnection",
+                "kind": "LinkedField",
+                "name": "riskAssessments",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorRiskAssessmentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorRiskAssessment",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v30/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "expiresAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSensitivity",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "businessImpact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "notes",
+                            "storageKey": null
+                          },
+                          (v17/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v22/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      (v24/*: any*/),
+                      (v23/*: any*/),
+                      (v25/*: any*/),
+                      (v26/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v28/*: any*/)
+                ],
+                "storageKey": "riskAssessments(first:50)"
+              },
+              {
+                "alias": null,
+                "args": (v19/*: any*/),
+                "filters": (v29/*: any*/),
+                "handle": "connection",
+                "key": "VendorRiskAssessmentTabFragment_riskAssessments",
+                "kind": "LinkedHandle",
+                "name": "riskAssessments"
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorBusinessAssociateAgreement",
+                "kind": "LinkedField",
+                "name": "businessAssociateAgreement",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  (v21/*: any*/),
+                  (v32/*: any*/),
+                  (v33/*: any*/),
+                  (v20/*: any*/),
+                  (v30/*: any*/),
+                  {
+                    "alias": "canUpdate",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor-business-associate-agreement:update"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor-business-associate-agreement:update\")"
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor-business-associate-agreement:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor-business-associate-agreement:delete\")"
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "VendorDataPrivacyAgreement",
+                "kind": "LinkedField",
+                "name": "dataPrivacyAgreement",
+                "plural": false,
+                "selections": [
+                  (v2/*: any*/),
+                  (v21/*: any*/),
+                  (v32/*: any*/),
+                  (v33/*: any*/),
+                  (v20/*: any*/),
+                  (v30/*: any*/),
+                  {
+                    "alias": "canUpdate",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor-data-privacy-agreement:update"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor-data-privacy-agreement:update\")"
+                  },
+                  {
+                    "alias": "canDelete",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor-data-privacy-agreement:delete"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor-data-privacy-agreement:delete\")"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Vendor",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      (v16/*: any*/)
+    ]
+  },
+  "params": {
+    "cacheID": "2e729f8d534ac8b2c3ed86175ef62da7",
+    "id": null,
+    "metadata": {},
+    "name": "VendorGraphNodeQuery",
+    "operationKind": "query",
+    "text": "query VendorGraphNodeQuery(\n  $vendorId: ID!\n) {\n  node(id: $vendorId) {\n    __typename\n    id\n    ... on Vendor {\n      snapshotId\n      name\n      websiteUrl\n      canAssess: permission(action: \"core:vendor:assess\")\n      canUpdate: permission(action: \"core:vendor:update\")\n      canDelete: permission(action: \"core:vendor:delete\")\n      canUploadComplianceReport: permission(action: \"core:vendor-compliance-report:upload\")\n      canCreateRiskAssessment: permission(action: \"core:vendor-risk-assessment:create\")\n      canCreateContact: permission(action: \"core:vendor-contact:create\")\n      canCreateService: permission(action: \"core:vendor-service:create\")\n      canUploadBAA: permission(action: \"core:vendor-business-associate-agreement:upload\")\n      canUploadDPA: permission(action: \"core:vendor-data-privacy-agreement:upload\")\n      ...useVendorFormFragment\n      ...VendorComplianceTabFragment\n      ...VendorContactsTabFragment\n      ...VendorServicesTabFragment\n      ...VendorRiskAssessmentTabFragment\n      ...VendorOverviewTabBusinessAssociateAgreementFragment\n      ...VendorOverviewTabDataPrivacyAgreementFragment\n    }\n  }\n  viewer {\n    id\n  }\n}\n\nfragment VendorComplianceTabFragment on Vendor {\n  complianceReports(first: 50) {\n    edges {\n      node {\n        id\n        canDelete: permission(action: \"core:vendor-compliance-report:delete\")\n        ...VendorComplianceTabFragment_report\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment VendorComplianceTabFragment_report on VendorComplianceReport {\n  id\n  reportDate\n  validUntil\n  reportName\n  file {\n    fileName\n    mimeType\n    size\n    id\n  }\n  canDelete: permission(action: \"core:vendor-compliance-report:delete\")\n}\n\nfragment VendorContactsTabFragment on Vendor {\n  contacts(first: 50) {\n    edges {\n      node {\n        id\n        canUpdate: permission(action: \"core:vendor-contact:update\")\n        canDelete: permission(action: \"core:vendor-contact:delete\")\n        ...VendorContactsTabFragment_contact\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment VendorContactsTabFragment_contact on VendorContact {\n  id\n  fullName\n  email\n  phone\n  role\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-contact:update\")\n  canDelete: permission(action: \"core:vendor-contact:delete\")\n}\n\nfragment VendorOverviewTabBusinessAssociateAgreementFragment on Vendor {\n  businessAssociateAgreement {\n    id\n    fileName\n    fileUrl\n    validFrom\n    validUntil\n    createdAt\n    canUpdate: permission(action: \"core:vendor-business-associate-agreement:update\")\n    canDelete: permission(action: \"core:vendor-business-associate-agreement:delete\")\n  }\n}\n\nfragment VendorOverviewTabDataPrivacyAgreementFragment on Vendor {\n  dataPrivacyAgreement {\n    id\n    fileName\n    fileUrl\n    validFrom\n    validUntil\n    createdAt\n    canUpdate: permission(action: \"core:vendor-data-privacy-agreement:update\")\n    canDelete: permission(action: \"core:vendor-data-privacy-agreement:delete\")\n  }\n}\n\nfragment VendorRiskAssessmentTabFragment on Vendor {\n  id\n  riskAssessments(first: 50) {\n    edges {\n      node {\n        id\n        ...VendorRiskAssessmentTabFragment_assessment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment VendorRiskAssessmentTabFragment_assessment on VendorRiskAssessment {\n  id\n  createdAt\n  expiresAt\n  dataSensitivity\n  businessImpact\n  notes\n}\n\nfragment VendorServicesTabFragment on Vendor {\n  services(first: 50) {\n    edges {\n      node {\n        id\n        canUpdate: permission(action: \"core:vendor-service:update\")\n        canDelete: permission(action: \"core:vendor-service:delete\")\n        ...VendorServicesTabFragment_service\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment VendorServicesTabFragment_service on VendorService {\n  id\n  name\n  description\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-service:update\")\n  canDelete: permission(action: \"core:vendor-service:delete\")\n}\n\nfragment useVendorFormFragment on Vendor {\n  id\n  name\n  description\n  category\n  statusPageUrl\n  termsOfServiceUrl\n  privacyPolicyUrl\n  serviceLevelAgreementUrl\n  dataProcessingAgreementUrl\n  websiteUrl\n  legalName\n  headquarterAddress\n  certifications\n  countries\n  securityPageUrl\n  trustPageUrl\n  businessOwner {\n    id\n  }\n  securityOwner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4de8ce39d2595e8b9866617badc36cae";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorGraphPaginatedFragment.graphql.ts b/apps/console/src/__generated__/core/VendorGraphPaginatedFragment.graphql.ts
new file mode 100644
index 000000000..45670645e
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorGraphPaginatedFragment.graphql.ts
@@ -0,0 +1,379 @@
+/**
+ * @generated SignedSource<<5e319c5022f751db916ef2ba18d368e2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type BusinessImpact = "CRITICAL" | "HIGH" | "LOW" | "MEDIUM";
+export type DataSensitivity = "CRITICAL" | "HIGH" | "LOW" | "MEDIUM" | "NONE";
+import { FragmentRefs } from "relay-runtime";
+export type VendorGraphPaginatedFragment$data = {
+  readonly id: string;
+  readonly vendors: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly id: string;
+        readonly name: string;
+        readonly riskAssessments: {
+          readonly edges: ReadonlyArray<{
+            readonly node: {
+              readonly businessImpact: BusinessImpact;
+              readonly createdAt: string;
+              readonly dataSensitivity: DataSensitivity;
+              readonly expiresAt: string;
+              readonly id: string;
+            };
+          }>;
+        };
+        readonly snapshotId: string | null | undefined;
+        readonly updatedAt: string;
+        readonly websiteUrl: string | null | undefined;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "VendorGraphPaginatedFragment";
+};
+export type VendorGraphPaginatedFragment$key = {
+  readonly " $data"?: VendorGraphPaginatedFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorGraphPaginatedFragment">;
+};
+
+import VendorsListQuery_graphql from './VendorsListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "vendors"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "snapshotId"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": VendorsListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "VendorGraphPaginatedFragment",
+  "selections": [
+    {
+      "alias": "vendors",
+      "args": [
+        {
+          "fields": [
+            {
+              "kind": "Variable",
+              "name": "snapshotId",
+              "variableName": "snapshotId"
+            }
+          ],
+          "kind": "ObjectValue",
+          "name": "filter"
+        }
+      ],
+      "concreteType": "VendorConnection",
+      "kind": "LinkedField",
+      "name": "__VendorsListQuery_vendors_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "VendorEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Vendor",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "snapshotId",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "websiteUrl",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "updatedAt",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "first",
+                      "value": 1
+                    },
+                    {
+                      "kind": "Literal",
+                      "name": "orderBy",
+                      "value": {
+                        "direction": "DESC",
+                        "field": "CREATED_AT"
+                      }
+                    }
+                  ],
+                  "concreteType": "VendorRiskAssessmentConnection",
+                  "kind": "LinkedField",
+                  "name": "riskAssessments",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "VendorRiskAssessmentEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "alias": null,
+                          "args": null,
+                          "concreteType": "VendorRiskAssessment",
+                          "kind": "LinkedField",
+                          "name": "node",
+                          "plural": false,
+                          "selections": [
+                            (v1/*: any*/),
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "createdAt",
+                              "storageKey": null
+                            },
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "expiresAt",
+                              "storageKey": null
+                            },
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "dataSensitivity",
+                              "storageKey": null
+                            },
+                            {
+                              "alias": null,
+                              "args": null,
+                              "kind": "ScalarField",
+                              "name": "businessImpact",
+                              "storageKey": null
+                            }
+                          ],
+                          "storageKey": null
+                        }
+                      ],
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": "riskAssessments(first:1,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+                },
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:vendor:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:vendor:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:vendor:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:vendor:delete\")"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "023558795ed2a60c50d2c39edbe3db36";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorGraphSelectQuery.graphql.ts b/apps/console/src/__generated__/core/VendorGraphSelectQuery.graphql.ts
new file mode 100644
index 000000000..0b1a9369b
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorGraphSelectQuery.graphql.ts
@@ -0,0 +1,188 @@
+/**
+ * @generated SignedSource<<d95b0a849f39b75fce6dbae7baf2c512>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type VendorGraphSelectQuery$variables = {
+  organizationId: string;
+};
+export type VendorGraphSelectQuery$data = {
+  readonly organization: {
+    readonly vendors?: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly name: string;
+          readonly websiteUrl: string | null | undefined;
+        };
+      }>;
+    };
+  };
+};
+export type VendorGraphSelectQuery = {
+  response: VendorGraphSelectQuery$data;
+  variables: VendorGraphSelectQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "kind": "InlineFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "first",
+          "value": 100
+        },
+        {
+          "kind": "Literal",
+          "name": "orderBy",
+          "value": {
+            "direction": "ASC",
+            "field": "NAME"
+          }
+        }
+      ],
+      "concreteType": "VendorConnection",
+      "kind": "LinkedField",
+      "name": "vendors",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "VendorEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Vendor",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v2/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "websiteUrl",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": "vendors(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"NAME\"})"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorGraphSelectQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "VendorGraphSelectQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          (v3/*: any*/),
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "8127e6998fabfabfcc50a290c7ae3ed4",
+    "id": null,
+    "metadata": {},
+    "name": "VendorGraphSelectQuery",
+    "operationKind": "query",
+    "text": "query VendorGraphSelectQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      vendors(first: 100, orderBy: {direction: ASC, field: NAME}) {\n        edges {\n          node {\n            id\n            name\n            websiteUrl\n          }\n        }\n      }\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "cd161c358ec53aacea5be6d1e7698307";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorOverviewTabBusinessAssociateAgreementFragment.graphql.ts b/apps/console/src/__generated__/core/VendorOverviewTabBusinessAssociateAgreementFragment.graphql.ts
new file mode 100644
index 000000000..cd212b765
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorOverviewTabBusinessAssociateAgreementFragment.graphql.ts
@@ -0,0 +1,123 @@
+/**
+ * @generated SignedSource<<92455d5992a9e72cb7d395f570ad308c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorOverviewTabBusinessAssociateAgreementFragment$data = {
+  readonly businessAssociateAgreement: {
+    readonly canDelete: boolean;
+    readonly canUpdate: boolean;
+    readonly createdAt: string;
+    readonly fileName: string;
+    readonly fileUrl: string;
+    readonly id: string;
+    readonly validFrom: string | null | undefined;
+    readonly validUntil: string | null | undefined;
+  } | null | undefined;
+  readonly " $fragmentType": "VendorOverviewTabBusinessAssociateAgreementFragment";
+};
+export type VendorOverviewTabBusinessAssociateAgreementFragment$key = {
+  readonly " $data"?: VendorOverviewTabBusinessAssociateAgreementFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorOverviewTabBusinessAssociateAgreementFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VendorOverviewTabBusinessAssociateAgreementFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "VendorBusinessAssociateAgreement",
+      "kind": "LinkedField",
+      "name": "businessAssociateAgreement",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fileName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fileUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "validFrom",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "validUntil",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:vendor-business-associate-agreement:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:vendor-business-associate-agreement:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:vendor-business-associate-agreement:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:vendor-business-associate-agreement:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+
+(node as any).hash = "3c3bb156f86684d1834ec63cf43dc99f";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorOverviewTabDataPrivacyAgreementFragment.graphql.ts b/apps/console/src/__generated__/core/VendorOverviewTabDataPrivacyAgreementFragment.graphql.ts
new file mode 100644
index 000000000..8d6b5cffb
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorOverviewTabDataPrivacyAgreementFragment.graphql.ts
@@ -0,0 +1,123 @@
+/**
+ * @generated SignedSource<<3cf0d5be883754321b4278ac59d77a54>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorOverviewTabDataPrivacyAgreementFragment$data = {
+  readonly dataPrivacyAgreement: {
+    readonly canDelete: boolean;
+    readonly canUpdate: boolean;
+    readonly createdAt: string;
+    readonly fileName: string;
+    readonly fileUrl: string;
+    readonly id: string;
+    readonly validFrom: string | null | undefined;
+    readonly validUntil: string | null | undefined;
+  } | null | undefined;
+  readonly " $fragmentType": "VendorOverviewTabDataPrivacyAgreementFragment";
+};
+export type VendorOverviewTabDataPrivacyAgreementFragment$key = {
+  readonly " $data"?: VendorOverviewTabDataPrivacyAgreementFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorOverviewTabDataPrivacyAgreementFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VendorOverviewTabDataPrivacyAgreementFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "VendorDataPrivacyAgreement",
+      "kind": "LinkedField",
+      "name": "dataPrivacyAgreement",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fileName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fileUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "validFrom",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "validUntil",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canUpdate",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:vendor-data-privacy-agreement:update"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:vendor-data-privacy-agreement:update\")"
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "core:vendor-data-privacy-agreement:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"core:vendor-data-privacy-agreement:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+
+(node as any).hash = "c07606a63a9dc76f5cfad938c9d54268";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment.graphql.ts b/apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment.graphql.ts
new file mode 100644
index 000000000..64503df84
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment.graphql.ts
@@ -0,0 +1,229 @@
+/**
+ * @generated SignedSource<<48a58e84cc3d767baf9ac8e346864db8>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorRiskAssessmentTabFragment$data = {
+  readonly id: string;
+  readonly riskAssessments: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"VendorRiskAssessmentTabFragment_assessment">;
+      };
+    }>;
+    readonly pageInfo: {
+      readonly endCursor: string | null | undefined;
+      readonly hasNextPage: boolean;
+    };
+  };
+  readonly " $fragmentType": "VendorRiskAssessmentTabFragment";
+};
+export type VendorRiskAssessmentTabFragment$key = {
+  readonly " $data"?: VendorRiskAssessmentTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorRiskAssessmentTabFragment">;
+};
+
+import VendorRiskAssessmentTabQuery_graphql from './VendorRiskAssessmentTabQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "riskAssessments"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": VendorRiskAssessmentTabQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "VendorRiskAssessmentTabFragment",
+  "selections": [
+    (v1/*: any*/),
+    {
+      "alias": "riskAssessments",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "VendorRiskAssessmentConnection",
+      "kind": "LinkedField",
+      "name": "__VendorRiskAssessmentTabFragment_riskAssessments_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "VendorRiskAssessmentEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "VendorRiskAssessment",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "VendorRiskAssessmentTabFragment_assessment"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "0677e45996571e06b832e4600939db5b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment_assessment.graphql.ts b/apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment_assessment.graphql.ts
new file mode 100644
index 000000000..7eff7f622
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorRiskAssessmentTabFragment_assessment.graphql.ts
@@ -0,0 +1,84 @@
+/**
+ * @generated SignedSource<<a857bf1e1c4cc9c8666e512acfdb4b60>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type BusinessImpact = "CRITICAL" | "HIGH" | "LOW" | "MEDIUM";
+export type DataSensitivity = "CRITICAL" | "HIGH" | "LOW" | "MEDIUM" | "NONE";
+import { FragmentRefs } from "relay-runtime";
+export type VendorRiskAssessmentTabFragment_assessment$data = {
+  readonly businessImpact: BusinessImpact;
+  readonly createdAt: string;
+  readonly dataSensitivity: DataSensitivity;
+  readonly expiresAt: string;
+  readonly id: string;
+  readonly notes: string | null | undefined;
+  readonly " $fragmentType": "VendorRiskAssessmentTabFragment_assessment";
+};
+export type VendorRiskAssessmentTabFragment_assessment$key = {
+  readonly " $data"?: VendorRiskAssessmentTabFragment_assessment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorRiskAssessmentTabFragment_assessment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VendorRiskAssessmentTabFragment_assessment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "expiresAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "dataSensitivity",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "businessImpact",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "notes",
+      "storageKey": null
+    }
+  ],
+  "type": "VendorRiskAssessment",
+  "abstractKey": null
+};
+
+(node as any).hash = "533771f5fac9e732556929fa2b1d0dc5";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorRiskAssessmentTabQuery.graphql.ts b/apps/console/src/__generated__/core/VendorRiskAssessmentTabQuery.graphql.ts
new file mode 100644
index 000000000..4ad1a7539
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorRiskAssessmentTabQuery.graphql.ts
@@ -0,0 +1,351 @@
+/**
+ * @generated SignedSource<<6303a33c70cf6072bad533f5362a8944>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type VendorRiskAssessmentOrderField = "CREATED_AT" | "EXPIRES_AT";
+export type VendorRiskAssessmentOrder = {
+  direction: OrderDirection;
+  field: VendorRiskAssessmentOrderField;
+};
+export type VendorRiskAssessmentTabQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: VendorRiskAssessmentOrder | null | undefined;
+};
+export type VendorRiskAssessmentTabQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"VendorRiskAssessmentTabFragment">;
+  };
+};
+export type VendorRiskAssessmentTabQuery = {
+  response: VendorRiskAssessmentTabQuery$data;
+  variables: VendorRiskAssessmentTabQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorRiskAssessmentTabQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "VendorRiskAssessmentTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorRiskAssessmentTabQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "VendorRiskAssessmentConnection",
+                "kind": "LinkedField",
+                "name": "riskAssessments",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorRiskAssessmentEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorRiskAssessment",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "expiresAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "dataSensitivity",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "businessImpact",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "notes",
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "VendorRiskAssessmentTabFragment_riskAssessments",
+                "kind": "LinkedHandle",
+                "name": "riskAssessments"
+              }
+            ],
+            "type": "Vendor",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5bf6eff01e3ca53e8da78cba59316a0c",
+    "id": null,
+    "metadata": {},
+    "name": "VendorRiskAssessmentTabQuery",
+    "operationKind": "query",
+    "text": "query VendorRiskAssessmentTabQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: VendorRiskAssessmentOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...VendorRiskAssessmentTabFragment_16fISc\n    id\n  }\n}\n\nfragment VendorRiskAssessmentTabFragment_16fISc on Vendor {\n  id\n  riskAssessments(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        ...VendorRiskAssessmentTabFragment_assessment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      hasNextPage\n      endCursor\n      hasPreviousPage\n      startCursor\n    }\n  }\n}\n\nfragment VendorRiskAssessmentTabFragment_assessment on VendorRiskAssessment {\n  id\n  createdAt\n  expiresAt\n  dataSensitivity\n  businessImpact\n  notes\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "0677e45996571e06b832e4600939db5b";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorServicesListQuery.graphql.ts b/apps/console/src/__generated__/core/VendorServicesListQuery.graphql.ts
new file mode 100644
index 000000000..f8217a2ea
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorServicesListQuery.graphql.ts
@@ -0,0 +1,370 @@
+/**
+ * @generated SignedSource<<5eb43de8b9e005e9d6a505932b1e2bfd>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type VendorServiceOrderField = "CREATED_AT" | "NAME";
+export type VendorServiceOrder = {
+  direction: OrderDirection;
+  field: VendorServiceOrderField;
+};
+export type VendorServicesListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: VendorServiceOrder | null | undefined;
+};
+export type VendorServicesListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"VendorServicesTabFragment">;
+  };
+};
+export type VendorServicesListQuery = {
+  response: VendorServicesListQuery$data;
+  variables: VendorServicesListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorServicesListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "VendorServicesTabFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorServicesListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "VendorServiceConnection",
+                "kind": "LinkedField",
+                "name": "services",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorServiceEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "VendorService",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-service:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-service:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor-service:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor-service:delete\")"
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "VendorServicesTabFragment_services",
+                "kind": "LinkedHandle",
+                "name": "services"
+              }
+            ],
+            "type": "Vendor",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "94e552f4d7ee637234214d9277109b51",
+    "id": null,
+    "metadata": {},
+    "name": "VendorServicesListQuery",
+    "operationKind": "query",
+    "text": "query VendorServicesListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: VendorServiceOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...VendorServicesTabFragment_16fISc\n    id\n  }\n}\n\nfragment VendorServicesTabFragment_16fISc on Vendor {\n  services(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        canUpdate: permission(action: \"core:vendor-service:update\")\n        canDelete: permission(action: \"core:vendor-service:delete\")\n        ...VendorServicesTabFragment_service\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment VendorServicesTabFragment_service on VendorService {\n  id\n  name\n  description\n  createdAt\n  updatedAt\n  canUpdate: permission(action: \"core:vendor-service:update\")\n  canDelete: permission(action: \"core:vendor-service:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9ef8673eefe25a94bb6e02b564c2f1aa";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorServicesTabDeleteServiceMutation.graphql.ts b/apps/console/src/__generated__/core/VendorServicesTabDeleteServiceMutation.graphql.ts
new file mode 100644
index 000000000..baa90fc88
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorServicesTabDeleteServiceMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<deb85307c2d7da7ec52f99a67ad56d9f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteVendorServiceInput = {
+  vendorServiceId: string;
+};
+export type VendorServicesTabDeleteServiceMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteVendorServiceInput;
+};
+export type VendorServicesTabDeleteServiceMutation$data = {
+  readonly deleteVendorService: {
+    readonly deletedVendorServiceId: string;
+  };
+};
+export type VendorServicesTabDeleteServiceMutation = {
+  response: VendorServicesTabDeleteServiceMutation$data;
+  variables: VendorServicesTabDeleteServiceMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedVendorServiceId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorServicesTabDeleteServiceMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorServicePayload",
+        "kind": "LinkedField",
+        "name": "deleteVendorService",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorServicesTabDeleteServiceMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteVendorServicePayload",
+        "kind": "LinkedField",
+        "name": "deleteVendorService",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedVendorServiceId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "fef00196f74b15a5528a0974541f1ec4",
+    "id": null,
+    "metadata": {},
+    "name": "VendorServicesTabDeleteServiceMutation",
+    "operationKind": "mutation",
+    "text": "mutation VendorServicesTabDeleteServiceMutation(\n  $input: DeleteVendorServiceInput!\n) {\n  deleteVendorService(input: $input) {\n    deletedVendorServiceId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "73d14c22b95d031b2c07b18dbbeb64d4";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorServicesTabFragment.graphql.ts b/apps/console/src/__generated__/core/VendorServicesTabFragment.graphql.ts
new file mode 100644
index 000000000..6b78a9168
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorServicesTabFragment.graphql.ts
@@ -0,0 +1,253 @@
+/**
+ * @generated SignedSource<<63a5d7d63f436c96a8f7d9b66a4f708d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorServicesTabFragment$data = {
+  readonly id: string;
+  readonly services: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"VendorServicesTabFragment_service">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "VendorServicesTabFragment";
+};
+export type VendorServicesTabFragment$key = {
+  readonly " $data"?: VendorServicesTabFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorServicesTabFragment">;
+};
+
+import VendorServicesListQuery_graphql from './VendorServicesListQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "services"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 50,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": VendorServicesListQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "VendorServicesTabFragment",
+  "selections": [
+    {
+      "alias": "services",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "VendorServiceConnection",
+      "kind": "LinkedField",
+      "name": "__VendorServicesTabFragment_services_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "VendorServiceEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "VendorService",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": "canUpdate",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:vendor-service:update"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:vendor-service:update\")"
+                },
+                {
+                  "alias": "canDelete",
+                  "args": [
+                    {
+                      "kind": "Literal",
+                      "name": "action",
+                      "value": "core:vendor-service:delete"
+                    }
+                  ],
+                  "kind": "ScalarField",
+                  "name": "permission",
+                  "storageKey": "permission(action:\"core:vendor-service:delete\")"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "VendorServicesTabFragment_service"
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "kind": "ClientExtension",
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "__id",
+              "storageKey": null
+            }
+          ]
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "9ef8673eefe25a94bb6e02b564c2f1aa";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorServicesTabFragment_service.graphql.ts b/apps/console/src/__generated__/core/VendorServicesTabFragment_service.graphql.ts
new file mode 100644
index 000000000..a4e67da8f
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorServicesTabFragment_service.graphql.ts
@@ -0,0 +1,102 @@
+/**
+ * @generated SignedSource<<f8640f48ff7cc9e6d9431195f6aec66b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VendorServicesTabFragment_service$data = {
+  readonly canDelete: boolean;
+  readonly canUpdate: boolean;
+  readonly createdAt: string;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly name: string;
+  readonly updatedAt: string;
+  readonly " $fragmentType": "VendorServicesTabFragment_service";
+};
+export type VendorServicesTabFragment_service$key = {
+  readonly " $data"?: VendorServicesTabFragment_service$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VendorServicesTabFragment_service">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VendorServicesTabFragment_service",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "updatedAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:vendor-service:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:vendor-service:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:vendor-service:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:vendor-service:delete\")"
+    }
+  ],
+  "type": "VendorService",
+  "abstractKey": null
+};
+
+(node as any).hash = "6371ec5f43c5d090c72fa50ca7ec1686";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VendorsListQuery.graphql.ts b/apps/console/src/__generated__/core/VendorsListQuery.graphql.ts
new file mode 100644
index 000000000..a97c33354
--- /dev/null
+++ b/apps/console/src/__generated__/core/VendorsListQuery.graphql.ts
@@ -0,0 +1,467 @@
+/**
+ * @generated SignedSource<<32bbeab909437ba96ded84710a198413>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrderDirection = "ASC" | "DESC";
+export type VendorOrderField = "CREATED_AT" | "NAME" | "UPDATED_AT";
+export type VendorOrder = {
+  direction: OrderDirection;
+  field: VendorOrderField;
+};
+export type VendorsListQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: VendorOrder | null | undefined;
+  snapshotId?: string | null | undefined;
+};
+export type VendorsListQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"VendorGraphPaginatedFragment">;
+  };
+};
+export type VendorsListQuery = {
+  response: VendorsListQuery$data;
+  variables: VendorsListQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 50,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "snapshotId"
+},
+v7 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v8 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v11 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v12 = {
+  "kind": "Variable",
+  "name": "snapshotId",
+  "variableName": "snapshotId"
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v15 = [
+  (v8/*: any*/),
+  (v9/*: any*/),
+  {
+    "fields": [
+      (v12/*: any*/)
+    ],
+    "kind": "ObjectValue",
+    "name": "filter"
+  },
+  (v10/*: any*/),
+  (v11/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "VendorsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              },
+              (v12/*: any*/)
+            ],
+            "kind": "FragmentSpread",
+            "name": "VendorGraphPaginatedFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v6/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "VendorsListQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v7/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v13/*: any*/),
+          (v14/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "concreteType": "VendorConnection",
+                "kind": "LinkedField",
+                "name": "vendors",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "VendorEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Vendor",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "snapshotId",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "websiteUrl",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "updatedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "first",
+                                "value": 1
+                              },
+                              {
+                                "kind": "Literal",
+                                "name": "orderBy",
+                                "value": {
+                                  "direction": "DESC",
+                                  "field": "CREATED_AT"
+                                }
+                              }
+                            ],
+                            "concreteType": "VendorRiskAssessmentConnection",
+                            "kind": "LinkedField",
+                            "name": "riskAssessments",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "VendorRiskAssessmentEdge",
+                                "kind": "LinkedField",
+                                "name": "edges",
+                                "plural": true,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "VendorRiskAssessment",
+                                    "kind": "LinkedField",
+                                    "name": "node",
+                                    "plural": false,
+                                    "selections": [
+                                      (v14/*: any*/),
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "createdAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "expiresAt",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "dataSensitivity",
+                                        "storageKey": null
+                                      },
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "businessImpact",
+                                        "storageKey": null
+                                      }
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": "riskAssessments(first:1,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "core:vendor:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"core:vendor:delete\")"
+                          },
+                          (v13/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v15/*: any*/),
+                "filters": [
+                  "filter"
+                ],
+                "handle": "connection",
+                "key": "VendorsListQuery_vendors",
+                "kind": "LinkedHandle",
+                "name": "vendors"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "04d4f2010cbc972eea3c0b464a7d2ad8",
+    "id": null,
+    "metadata": {},
+    "name": "VendorsListQuery",
+    "operationKind": "query",
+    "text": "query VendorsListQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 50\n  $last: Int = null\n  $order: VendorOrder = null\n  $snapshotId: ID = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...VendorGraphPaginatedFragment_25MC8O\n    id\n  }\n}\n\nfragment VendorGraphPaginatedFragment_25MC8O on Organization {\n  vendors(first: $first, after: $after, last: $last, before: $before, orderBy: $order, filter: {snapshotId: $snapshotId}) {\n    edges {\n      node {\n        id\n        snapshotId\n        name\n        websiteUrl\n        updatedAt\n        riskAssessments(first: 1, orderBy: {direction: DESC, field: CREATED_AT}) {\n          edges {\n            node {\n              id\n              createdAt\n              expiresAt\n              dataSensitivity\n              businessImpact\n            }\n          }\n        }\n        canUpdate: permission(action: \"core:vendor:update\")\n        canDelete: permission(action: \"core:vendor:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "023558795ed2a60c50d2c39edbe3db36";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VersionActionsFragment.graphql.ts b/apps/console/src/__generated__/core/VersionActionsFragment.graphql.ts
new file mode 100644
index 000000000..17fe23b88
--- /dev/null
+++ b/apps/console/src/__generated__/core/VersionActionsFragment.graphql.ts
@@ -0,0 +1,50 @@
+/**
+ * @generated SignedSource<<f777a3e905bf0a68614d31011688f76d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VersionActionsFragment$data = {
+  readonly id: string;
+  readonly signed: boolean;
+  readonly " $fragmentType": "VersionActionsFragment";
+};
+export type VersionActionsFragment$key = {
+  readonly " $data"?: VersionActionsFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VersionActionsFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VersionActionsFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "signed",
+      "storageKey": null
+    }
+  ],
+  "type": "DocumentVersion",
+  "abstractKey": null
+};
+
+(node as any).hash = "9d3f7cc67712ad429dc0b1072fe2fe97";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/VersionRowFragment.graphql.ts b/apps/console/src/__generated__/core/VersionRowFragment.graphql.ts
new file mode 100644
index 000000000..cbcc61854
--- /dev/null
+++ b/apps/console/src/__generated__/core/VersionRowFragment.graphql.ts
@@ -0,0 +1,66 @@
+/**
+ * @generated SignedSource<<9e7dea0ad7cddb603d16a2fbbe71e4dc>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type VersionRowFragment$data = {
+  readonly id: string;
+  readonly publishedAt: string | null | undefined;
+  readonly signed: boolean;
+  readonly version: number;
+  readonly " $fragmentType": "VersionRowFragment";
+};
+export type VersionRowFragment$key = {
+  readonly " $data"?: VersionRowFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"VersionRowFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "VersionRowFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "version",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "signed",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "publishedAt",
+      "storageKey": null
+    }
+  ],
+  "type": "DocumentVersion",
+  "abstractKey": null
+};
+
+(node as any).hash = "421d770febb7c38b46562e03ecd95a41";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/usePaginatedMeasuresFragment.graphql.ts b/apps/console/src/__generated__/core/usePaginatedMeasuresFragment.graphql.ts
new file mode 100644
index 000000000..129675f8d
--- /dev/null
+++ b/apps/console/src/__generated__/core/usePaginatedMeasuresFragment.graphql.ts
@@ -0,0 +1,239 @@
+/**
+ * @generated SignedSource<<53e0a105a9b28a70a1083500cd6b4577>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type MeasureState = "IMPLEMENTED" | "IN_PROGRESS" | "NOT_APPLICABLE" | "NOT_STARTED";
+import { FragmentRefs } from "relay-runtime";
+export type usePaginatedMeasuresFragment$data = {
+  readonly id: string;
+  readonly measures: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly category: string;
+        readonly description: string | null | undefined;
+        readonly id: string;
+        readonly name: string;
+        readonly state: MeasureState;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "usePaginatedMeasuresFragment";
+};
+export type usePaginatedMeasuresFragment$key = {
+  readonly " $data"?: usePaginatedMeasuresFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"usePaginatedMeasuresFragment">;
+};
+
+import usePaginatedMeasuresQuery_fragment_graphql from './usePaginatedMeasuresQuery_fragment.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "measures"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": usePaginatedMeasuresQuery_fragment_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "usePaginatedMeasuresFragment",
+  "selections": [
+    {
+      "alias": "measures",
+      "args": [
+        {
+          "kind": "Variable",
+          "name": "orderBy",
+          "variableName": "order"
+        }
+      ],
+      "concreteType": "MeasureConnection",
+      "kind": "LinkedField",
+      "name": "__usePaginatedMeasuresQuery_measures_connection",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "MeasureEdge",
+          "kind": "LinkedField",
+          "name": "edges",
+          "plural": true,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "concreteType": "Measure",
+              "kind": "LinkedField",
+              "name": "node",
+              "plural": false,
+              "selections": [
+                (v1/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "name",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "state",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "description",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "category",
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "__typename",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "cursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "PageInfo",
+          "kind": "LinkedField",
+          "name": "pageInfo",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "endCursor",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasNextPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "hasPreviousPage",
+              "storageKey": null
+            },
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "startCursor",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "7d9401a3b7aad78951093dcac34df06e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/usePaginatedMeasuresQuery.graphql.ts b/apps/console/src/__generated__/core/usePaginatedMeasuresQuery.graphql.ts
new file mode 100644
index 000000000..39075a929
--- /dev/null
+++ b/apps/console/src/__generated__/core/usePaginatedMeasuresQuery.graphql.ts
@@ -0,0 +1,259 @@
+/**
+ * @generated SignedSource<<30fa378f7e73bf788828131ecfccb812>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type usePaginatedMeasuresQuery$variables = {
+  organizationId: string;
+};
+export type usePaginatedMeasuresQuery$data = {
+  readonly organization: {
+    readonly id: string;
+    readonly " $fragmentSpreads": FragmentRefs<"usePaginatedMeasuresFragment">;
+  };
+};
+export type usePaginatedMeasuresQuery = {
+  response: usePaginatedMeasuresQuery$data;
+  variables: usePaginatedMeasuresQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "usePaginatedMeasuresQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "usePaginatedMeasuresFragment"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "usePaginatedMeasuresQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "MeasureConnection",
+                "kind": "LinkedField",
+                "name": "measures",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeasureEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Measure",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "category",
+                            "storageKey": null
+                          },
+                          (v3/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "measures(first:20)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "usePaginatedMeasuresQuery_measures",
+                "kind": "LinkedHandle",
+                "name": "measures"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5e37746b5ff660a2b5c817eb64ec0f6e",
+    "id": null,
+    "metadata": {},
+    "name": "usePaginatedMeasuresQuery",
+    "operationKind": "query",
+    "text": "query usePaginatedMeasuresQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    id\n    ... on Organization {\n      ...usePaginatedMeasuresFragment\n    }\n  }\n}\n\nfragment usePaginatedMeasuresFragment on Organization {\n  measures(first: 20) {\n    edges {\n      node {\n        id\n        name\n        state\n        description\n        category\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "49bbe1012e06a7c38d335da0defc0270";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/usePaginatedMeasuresQuery_fragment.graphql.ts b/apps/console/src/__generated__/core/usePaginatedMeasuresQuery_fragment.graphql.ts
new file mode 100644
index 000000000..8fb070b76
--- /dev/null
+++ b/apps/console/src/__generated__/core/usePaginatedMeasuresQuery_fragment.graphql.ts
@@ -0,0 +1,332 @@
+/**
+ * @generated SignedSource<<6c86702e8005adfb32ab18b122d37fba>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MeasureOrderField = "CREATED_AT" | "NAME";
+export type OrderDirection = "ASC" | "DESC";
+export type MeasureOrder = {
+  direction: OrderDirection;
+  field: MeasureOrderField;
+};
+export type usePaginatedMeasuresQuery_fragment$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: MeasureOrder | null | undefined;
+};
+export type usePaginatedMeasuresQuery_fragment$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"usePaginatedMeasuresFragment">;
+  };
+};
+export type usePaginatedMeasuresQuery_fragment = {
+  response: usePaginatedMeasuresQuery_fragment$data;
+  variables: usePaginatedMeasuresQuery_fragment$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "usePaginatedMeasuresQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "usePaginatedMeasuresFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "usePaginatedMeasuresQuery_fragment",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "MeasureConnection",
+                "kind": "LinkedField",
+                "name": "measures",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MeasureEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Measure",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "name",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "state",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "description",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "category",
+                            "storageKey": null
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "usePaginatedMeasuresQuery_measures",
+                "kind": "LinkedHandle",
+                "name": "measures"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "c37a9764fcf0b587ae467395a5af84e4",
+    "id": null,
+    "metadata": {},
+    "name": "usePaginatedMeasuresQuery_fragment",
+    "operationKind": "query",
+    "text": "query usePaginatedMeasuresQuery_fragment(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $order: MeasureOrder = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...usePaginatedMeasuresFragment_16fISc\n    id\n  }\n}\n\nfragment usePaginatedMeasuresFragment_16fISc on Organization {\n  measures(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    edges {\n      node {\n        id\n        name\n        state\n        description\n        category\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "7d9401a3b7aad78951093dcac34df06e";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/useRiskFormFragment.graphql.ts b/apps/console/src/__generated__/core/useRiskFormFragment.graphql.ts
new file mode 100644
index 000000000..f787a5c77
--- /dev/null
+++ b/apps/console/src/__generated__/core/useRiskFormFragment.graphql.ts
@@ -0,0 +1,149 @@
+/**
+ * @generated SignedSource<<759f9a511cc5c589b3ac366de83adbfe>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED";
+import { FragmentRefs } from "relay-runtime";
+export type useRiskFormFragment$data = {
+  readonly category: string;
+  readonly description: string | null | undefined;
+  readonly id: string;
+  readonly inherentImpact: number;
+  readonly inherentLikelihood: number;
+  readonly inherentRiskScore: number;
+  readonly name: string;
+  readonly note: string;
+  readonly owner: {
+    readonly id: string;
+  } | null | undefined;
+  readonly residualImpact: number;
+  readonly residualLikelihood: number;
+  readonly residualRiskScore: number;
+  readonly treatment: RiskTreatment;
+  readonly " $fragmentType": "useRiskFormFragment";
+};
+export type useRiskFormFragment$key = {
+  readonly " $data"?: useRiskFormFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "useRiskFormFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "category",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "treatment",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "inherentLikelihood",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "inherentImpact",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualLikelihood",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualImpact",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "inherentRiskScore",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "residualRiskScore",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "note",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "owner",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/)
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "Risk",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "d9b52f879eadba5f7b1c18dcdbf85559";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/useVendorFormFragment.graphql.ts b/apps/console/src/__generated__/core/useVendorFormFragment.graphql.ts
new file mode 100644
index 000000000..5201b1734
--- /dev/null
+++ b/apps/console/src/__generated__/core/useVendorFormFragment.graphql.ts
@@ -0,0 +1,196 @@
+/**
+ * @generated SignedSource<<c17f2f40b3c25f5c333824c70ad168e5>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type CountryCode = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "EU" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+import { FragmentRefs } from "relay-runtime";
+export type useVendorFormFragment$data = {
+  readonly businessOwner: {
+    readonly id: string;
+  } | null | undefined;
+  readonly category: VendorCategory;
+  readonly certifications: ReadonlyArray<string>;
+  readonly countries: ReadonlyArray<CountryCode>;
+  readonly dataProcessingAgreementUrl: string | null | undefined;
+  readonly description: string | null | undefined;
+  readonly headquarterAddress: string | null | undefined;
+  readonly id: string;
+  readonly legalName: string | null | undefined;
+  readonly name: string;
+  readonly privacyPolicyUrl: string | null | undefined;
+  readonly securityOwner: {
+    readonly id: string;
+  } | null | undefined;
+  readonly securityPageUrl: string | null | undefined;
+  readonly serviceLevelAgreementUrl: string | null | undefined;
+  readonly statusPageUrl: string | null | undefined;
+  readonly termsOfServiceUrl: string | null | undefined;
+  readonly trustPageUrl: string | null | undefined;
+  readonly websiteUrl: string | null | undefined;
+  readonly " $fragmentType": "useVendorFormFragment";
+};
+export type useVendorFormFragment$key = {
+  readonly " $data"?: useVendorFormFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"useVendorFormFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = [
+  (v0/*: any*/)
+];
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "useVendorFormFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "category",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "statusPageUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "termsOfServiceUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "privacyPolicyUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "serviceLevelAgreementUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "dataProcessingAgreementUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "websiteUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "legalName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "headquarterAddress",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "certifications",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "countries",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "securityPageUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "trustPageUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "businessOwner",
+      "plural": false,
+      "selections": (v1/*: any*/),
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "People",
+      "kind": "LinkedField",
+      "name": "securityOwner",
+      "plural": false,
+      "selections": (v1/*: any*/),
+      "storageKey": null
+    }
+  ],
+  "type": "Vendor",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "89148658660d29dbe0ab6761300c6771";
+
+export default node;
diff --git a/apps/console/src/__generated__/core/useVendorFormMutation.graphql.ts b/apps/console/src/__generated__/core/useVendorFormMutation.graphql.ts
new file mode 100644
index 000000000..fc86d8be6
--- /dev/null
+++ b/apps/console/src/__generated__/core/useVendorFormMutation.graphql.ts
@@ -0,0 +1,285 @@
+/**
+ * @generated SignedSource<<186b7bb61950ba6e7a05d0e16ce4d2c6>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type CountryCode = "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AQ" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BV" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "EU" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HM" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PN" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TC" | "TD" | "TF" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "UM" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "YE" | "YT" | "ZA" | "ZM" | "ZW";
+export type VendorCategory = "ANALYTICS" | "CLOUD_MONITORING" | "CLOUD_PROVIDER" | "COLLABORATION" | "CUSTOMER_SUPPORT" | "DATA_STORAGE_AND_PROCESSING" | "DOCUMENT_MANAGEMENT" | "EMPLOYEE_MANAGEMENT" | "ENGINEERING" | "FINANCE" | "IDENTITY_PROVIDER" | "IT" | "MARKETING" | "OFFICE_OPERATIONS" | "OTHER" | "PASSWORD_MANAGEMENT" | "PRODUCT_AND_DESIGN" | "PROFESSIONAL_SERVICES" | "RECRUITING" | "SALES" | "SECURITY" | "VERSION_CONTROL";
+export type UpdateVendorInput = {
+  businessAssociateAgreementUrl?: string | null | undefined;
+  businessOwnerId?: string | null | undefined;
+  category?: VendorCategory | null | undefined;
+  certifications?: ReadonlyArray<string> | null | undefined;
+  countries?: ReadonlyArray<CountryCode> | null | undefined;
+  dataProcessingAgreementUrl?: string | null | undefined;
+  description?: string | null | undefined;
+  headquarterAddress?: string | null | undefined;
+  id: string;
+  legalName?: string | null | undefined;
+  name?: string | null | undefined;
+  privacyPolicyUrl?: string | null | undefined;
+  securityOwnerId?: string | null | undefined;
+  securityPageUrl?: string | null | undefined;
+  serviceLevelAgreementUrl?: string | null | undefined;
+  showOnTrustCenter?: boolean | null | undefined;
+  statusPageUrl?: string | null | undefined;
+  subprocessorsListUrl?: string | null | undefined;
+  termsOfServiceUrl?: string | null | undefined;
+  trustPageUrl?: string | null | undefined;
+  websiteUrl?: string | null | undefined;
+};
+export type useVendorFormMutation$variables = {
+  input: UpdateVendorInput;
+};
+export type useVendorFormMutation$data = {
+  readonly updateVendor: {
+    readonly vendor: {
+      readonly " $fragmentSpreads": FragmentRefs<"useVendorFormFragment">;
+    };
+  };
+};
+export type useVendorFormMutation = {
+  response: useVendorFormMutation$data;
+  variables: useVendorFormMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = [
+  (v2/*: any*/)
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "useVendorFormMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorPayload",
+        "kind": "LinkedField",
+        "name": "updateVendor",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Vendor",
+            "kind": "LinkedField",
+            "name": "vendor",
+            "plural": false,
+            "selections": [
+              {
+                "args": null,
+                "kind": "FragmentSpread",
+                "name": "useVendorFormFragment"
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "useVendorFormMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "UpdateVendorPayload",
+        "kind": "LinkedField",
+        "name": "updateVendor",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Vendor",
+            "kind": "LinkedField",
+            "name": "vendor",
+            "plural": false,
+            "selections": [
+              (v2/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "category",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "statusPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "termsOfServiceUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "privacyPolicyUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "serviceLevelAgreementUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "dataProcessingAgreementUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "websiteUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "legalName",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "headquarterAddress",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "certifications",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "countries",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "securityPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "trustPageUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "businessOwner",
+                "plural": false,
+                "selections": (v3/*: any*/),
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "People",
+                "kind": "LinkedField",
+                "name": "securityOwner",
+                "plural": false,
+                "selections": (v3/*: any*/),
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "35a5e6d13ef172a9a8640740a5606b46",
+    "id": null,
+    "metadata": {},
+    "name": "useVendorFormMutation",
+    "operationKind": "mutation",
+    "text": "mutation useVendorFormMutation(\n  $input: UpdateVendorInput!\n) {\n  updateVendor(input: $input) {\n    vendor {\n      ...useVendorFormFragment\n      id\n    }\n  }\n}\n\nfragment useVendorFormFragment on Vendor {\n  id\n  name\n  description\n  category\n  statusPageUrl\n  termsOfServiceUrl\n  privacyPolicyUrl\n  serviceLevelAgreementUrl\n  dataProcessingAgreementUrl\n  websiteUrl\n  legalName\n  headquarterAddress\n  certifications\n  countries\n  securityPageUrl\n  trustPageUrl\n  businessOwner {\n    id\n  }\n  securityOwner {\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "f49cfca25ffd99e8bbdc2e2e3c78b400";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/APIKeysPageQuery.graphql.ts b/apps/console/src/__generated__/iam/APIKeysPageQuery.graphql.ts
new file mode 100644
index 000000000..00877c258
--- /dev/null
+++ b/apps/console/src/__generated__/iam/APIKeysPageQuery.graphql.ts
@@ -0,0 +1,202 @@
+/**
+ * @generated SignedSource<<76057cc6f78c32b15c6e580c7a0c30da>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type APIKeysPageQuery$variables = Record<PropertyKey, never>;
+export type APIKeysPageQuery$data = {
+  readonly viewer: {
+    readonly " $fragmentSpreads": FragmentRefs<"PersonalAPIKeyListFragment">;
+  } | null | undefined;
+};
+export type APIKeysPageQuery = {
+  response: APIKeysPageQuery$data;
+  variables: APIKeysPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v1 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1000
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "APIKeysPageQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          {
+            "args": null,
+            "kind": "FragmentSpread",
+            "name": "PersonalAPIKeyListFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [],
+    "kind": "Operation",
+    "name": "APIKeysPageQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          (v0/*: any*/),
+          {
+            "alias": null,
+            "args": (v1/*: any*/),
+            "concreteType": "PersonalAPIKeyConnection",
+            "kind": "LinkedField",
+            "name": "personalAPIKeys",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "PersonalAPIKeyEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PersonalAPIKey",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v0/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "name",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "createdAt",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "expiresAt",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__typename",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "cursor",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "PageInfo",
+                "kind": "LinkedField",
+                "name": "pageInfo",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "endCursor",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "hasNextPage",
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": "personalAPIKeys(first:1000)"
+          },
+          {
+            "alias": null,
+            "args": (v1/*: any*/),
+            "filters": null,
+            "handle": "connection",
+            "key": "PersonalAPIKeyListFragment_personalAPIKeys",
+            "kind": "LinkedHandle",
+            "name": "personalAPIKeys"
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "cf6f6f621bdcb1bd24a2dd94f856729f",
+    "id": null,
+    "metadata": {},
+    "name": "APIKeysPageQuery",
+    "operationKind": "query",
+    "text": "query APIKeysPageQuery {\n  viewer {\n    ...PersonalAPIKeyListFragment\n    id\n  }\n}\n\nfragment PersonalAPIKeyListFragment on Identity {\n  id\n  personalAPIKeys(first: 1000) {\n    edges {\n      node {\n        id\n        ...PersonalAPIKeyRowFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n\nfragment PersonalAPIKeyRowFragment on PersonalAPIKey {\n  id\n  name\n  createdAt\n  expiresAt\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e99d7224e11d4e9060518c3155f98a7d";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/EditMemberDialog_updateMutation.graphql.ts b/apps/console/src/__generated__/iam/EditMemberDialog_updateMutation.graphql.ts
new file mode 100644
index 000000000..737d88ee5
--- /dev/null
+++ b/apps/console/src/__generated__/iam/EditMemberDialog_updateMutation.graphql.ts
@@ -0,0 +1,116 @@
+/**
+ * @generated SignedSource<<d29dfbdd0293d60af6d3f72e09dd5e9d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
+export type UpdateMembershipInput = {
+  membershipId: string;
+  organizationId: string;
+  role: MembershipRole;
+};
+export type EditMemberDialog_updateMutation$variables = {
+  input: UpdateMembershipInput;
+};
+export type EditMemberDialog_updateMutation$data = {
+  readonly updateMembership: {
+    readonly membership: {
+      readonly id: string;
+      readonly role: MembershipRole;
+    };
+  };
+};
+export type EditMemberDialog_updateMutation = {
+  response: EditMemberDialog_updateMutation$data;
+  variables: EditMemberDialog_updateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateMembershipPayload",
+    "kind": "LinkedField",
+    "name": "updateMembership",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Membership",
+        "kind": "LinkedField",
+        "name": "membership",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "role",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditMemberDialog_updateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditMemberDialog_updateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "696ec9f74220b92171bf60630e5c8d7f",
+    "id": null,
+    "metadata": {},
+    "name": "EditMemberDialog_updateMutation",
+    "operationKind": "mutation",
+    "text": "mutation EditMemberDialog_updateMutation(\n  $input: UpdateMembershipInput!\n) {\n  updateMembership(input: $input) {\n    membership {\n      id\n      role\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "fc971ff69092912586c14c7f6e2111ed";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/EditSAMLConfigurationFormQuery.graphql.ts b/apps/console/src/__generated__/iam/EditSAMLConfigurationFormQuery.graphql.ts
new file mode 100644
index 000000000..969023dfc
--- /dev/null
+++ b/apps/console/src/__generated__/iam/EditSAMLConfigurationFormQuery.graphql.ts
@@ -0,0 +1,273 @@
+/**
+ * @generated SignedSource<<9f5f726789193f7af37d789c8b324a1e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SAMLEnforcementPolicy = "OFF" | "OPTIONAL" | "REQUIRED";
+export type EditSAMLConfigurationFormQuery$variables = {
+  samlConfigurationId: string;
+};
+export type EditSAMLConfigurationFormQuery$data = {
+  readonly samlConfiguration: {
+    readonly __typename: "SAMLConfiguration";
+    readonly attributeMappings: {
+      readonly email: string;
+      readonly firstName: string;
+      readonly lastName: string;
+      readonly role: string;
+    };
+    readonly autoSignupEnabled: boolean;
+    readonly domainVerificationToken: string | null | undefined;
+    readonly domainVerifiedAt: string | null | undefined;
+    readonly emailDomain: string;
+    readonly enforcementPolicy: SAMLEnforcementPolicy;
+    readonly id: string;
+    readonly idpCertificate: string;
+    readonly idpEntityId: string;
+    readonly idpSsoUrl: string;
+    readonly testLoginUrl: string;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type EditSAMLConfigurationFormQuery = {
+  response: EditSAMLConfigurationFormQuery$data;
+  variables: EditSAMLConfigurationFormQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "samlConfigurationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "samlConfigurationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "emailDomain",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "enforcementPolicy",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "domainVerificationToken",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "domainVerifiedAt",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "testLoginUrl",
+  "storageKey": null
+},
+v9 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "idpEntityId",
+  "storageKey": null
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "idpSsoUrl",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "idpCertificate",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "SAMLAttributeMappings",
+  "kind": "LinkedField",
+  "name": "attributeMappings",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "email",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "firstName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "lastName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "role",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "autoSignupEnabled",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditSAMLConfigurationFormQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": "samlConfiguration",
+          "args": (v1/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                (v3/*: any*/),
+                (v4/*: any*/),
+                (v5/*: any*/),
+                (v6/*: any*/),
+                (v7/*: any*/),
+                (v8/*: any*/),
+                (v9/*: any*/),
+                (v10/*: any*/),
+                (v11/*: any*/),
+                (v12/*: any*/),
+                (v13/*: any*/)
+              ],
+              "type": "SAMLConfiguration",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditSAMLConfigurationFormQuery",
+    "selections": [
+      {
+        "alias": "samlConfiguration",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              (v5/*: any*/),
+              (v6/*: any*/),
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              (v11/*: any*/),
+              (v12/*: any*/),
+              (v13/*: any*/)
+            ],
+            "type": "SAMLConfiguration",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "47c1ce92e8ba0395fa803b343d093879",
+    "id": null,
+    "metadata": {},
+    "name": "EditSAMLConfigurationFormQuery",
+    "operationKind": "query",
+    "text": "query EditSAMLConfigurationFormQuery(\n  $samlConfigurationId: ID!\n) {\n  samlConfiguration: node(id: $samlConfigurationId) {\n    __typename\n    ... on SAMLConfiguration {\n      id\n      emailDomain\n      enforcementPolicy\n      domainVerificationToken\n      domainVerifiedAt\n      testLoginUrl\n      idpEntityId\n      idpSsoUrl\n      idpCertificate\n      attributeMappings {\n        email\n        firstName\n        lastName\n        role\n      }\n      autoSignupEnabled\n    }\n    id\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d31326e3e4423e62d8acde5735d9b578";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/EditSAMLConfigurationForm_updateMutation.graphql.ts b/apps/console/src/__generated__/iam/EditSAMLConfigurationForm_updateMutation.graphql.ts
new file mode 100644
index 000000000..23d9f8cf1
--- /dev/null
+++ b/apps/console/src/__generated__/iam/EditSAMLConfigurationForm_updateMutation.graphql.ts
@@ -0,0 +1,159 @@
+/**
+ * @generated SignedSource<<9e0e298dd1e700d70d3f054b62b43d87>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SAMLEnforcementPolicy = "OFF" | "OPTIONAL" | "REQUIRED";
+export type UpdateSAMLConfigurationInput = {
+  attributeMappings?: SAMLAttributeMappingsInput | null | undefined;
+  autoSignupEnabled?: boolean | null | undefined;
+  enforcementPolicy: SAMLEnforcementPolicy;
+  idpCertificate?: string | null | undefined;
+  idpEntityId?: string | null | undefined;
+  idpSsoUrl?: string | null | undefined;
+  organizationId: string;
+  samlConfigurationId: string;
+};
+export type SAMLAttributeMappingsInput = {
+  email?: string | null | undefined;
+  firstName?: string | null | undefined;
+  lastName?: string | null | undefined;
+  role?: string | null | undefined;
+};
+export type EditSAMLConfigurationForm_updateMutation$variables = {
+  input: UpdateSAMLConfigurationInput;
+};
+export type EditSAMLConfigurationForm_updateMutation$data = {
+  readonly updateSAMLConfiguration: {
+    readonly samlConfiguration: {
+      readonly domainVerificationToken: string | null | undefined;
+      readonly domainVerifiedAt: string | null | undefined;
+      readonly emailDomain: string;
+      readonly enforcementPolicy: SAMLEnforcementPolicy;
+      readonly id: string;
+      readonly testLoginUrl: string;
+    } | null | undefined;
+  } | null | undefined;
+};
+export type EditSAMLConfigurationForm_updateMutation = {
+  response: EditSAMLConfigurationForm_updateMutation$data;
+  variables: EditSAMLConfigurationForm_updateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateSAMLConfigurationPayload",
+    "kind": "LinkedField",
+    "name": "updateSAMLConfiguration",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "SAMLConfiguration",
+        "kind": "LinkedField",
+        "name": "samlConfiguration",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "emailDomain",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "enforcementPolicy",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "domainVerificationToken",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "domainVerifiedAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "testLoginUrl",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "EditSAMLConfigurationForm_updateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "EditSAMLConfigurationForm_updateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "56d29623294c243a01bfbc2ab4310d28",
+    "id": null,
+    "metadata": {},
+    "name": "EditSAMLConfigurationForm_updateMutation",
+    "operationKind": "mutation",
+    "text": "mutation EditSAMLConfigurationForm_updateMutation(\n  $input: UpdateSAMLConfigurationInput!\n) {\n  updateSAMLConfiguration(input: $input) {\n    samlConfiguration {\n      id\n      emailDomain\n      enforcementPolicy\n      domainVerificationToken\n      domainVerifiedAt\n      testLoginUrl\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b98e701514c179bba0f0ce63aae0c0b8";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/GeneralSettingsPageQuery.graphql.ts b/apps/console/src/__generated__/iam/GeneralSettingsPageQuery.graphql.ts
new file mode 100644
index 000000000..d7b859cd8
--- /dev/null
+++ b/apps/console/src/__generated__/iam/GeneralSettingsPageQuery.graphql.ts
@@ -0,0 +1,227 @@
+/**
+ * @generated SignedSource<<125407dec78c8db89ee91aa12a097cf0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type GeneralSettingsPageQuery$variables = {
+  organizationId: string;
+};
+export type GeneralSettingsPageQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly canDelete: boolean;
+    readonly id: string;
+    readonly name: string;
+    readonly " $fragmentSpreads": FragmentRefs<"OrganizationFormFragment">;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type GeneralSettingsPageQuery = {
+  response: GeneralSettingsPageQuery$data;
+  variables: GeneralSettingsPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+},
+v5 = {
+  "alias": "canDelete",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "iam:organization:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"iam:organization:delete\")"
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "GeneralSettingsPageQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": "organization",
+          "args": (v1/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                (v3/*: any*/),
+                {
+                  "kind": "RequiredField",
+                  "field": (v4/*: any*/),
+                  "action": "THROW"
+                },
+                (v5/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "OrganizationFormFragment"
+                }
+              ],
+              "type": "Organization",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "GeneralSettingsPageQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              (v5/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "logoUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "horizontalLogoUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "description",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "websiteUrl",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "email",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "headquarterAddress",
+                "storageKey": null
+              },
+              {
+                "alias": "canUpdate",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "iam:organization:update"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"iam:organization:update\")"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "0d8f14524ef2e72d138e5bb5a42a8f8d",
+    "id": null,
+    "metadata": {},
+    "name": "GeneralSettingsPageQuery",
+    "operationKind": "query",
+    "text": "query GeneralSettingsPageQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      name\n      canDelete: permission(action: \"iam:organization:delete\")\n      ...OrganizationFormFragment\n    }\n    id\n  }\n}\n\nfragment OrganizationFormFragment on Organization {\n  id\n  name\n  logoUrl\n  horizontalLogoUrl\n  description\n  websiteUrl\n  email\n  headquarterAddress\n  canUpdate: permission(action: \"iam:organization:update\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "307473752dd5dc91caaa7536b7b3e69a";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/GeneralSettingsPage_deleteMutation.graphql.ts b/apps/console/src/__generated__/iam/GeneralSettingsPage_deleteMutation.graphql.ts
new file mode 100644
index 000000000..2630e9695
--- /dev/null
+++ b/apps/console/src/__generated__/iam/GeneralSettingsPage_deleteMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<71619b1be320df410e3ebe2157b11ed4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteOrganizationInput = {
+  organizationId: string;
+};
+export type GeneralSettingsPage_deleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteOrganizationInput;
+};
+export type GeneralSettingsPage_deleteMutation$data = {
+  readonly deleteOrganization: {
+    readonly deletedOrganizationId: string;
+  } | null | undefined;
+};
+export type GeneralSettingsPage_deleteMutation = {
+  response: GeneralSettingsPage_deleteMutation$data;
+  variables: GeneralSettingsPage_deleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedOrganizationId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "GeneralSettingsPage_deleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteOrganizationPayload",
+        "kind": "LinkedField",
+        "name": "deleteOrganization",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "GeneralSettingsPage_deleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteOrganizationPayload",
+        "kind": "LinkedField",
+        "name": "deleteOrganization",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedOrganizationId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "53d34f4a9fe61e454f0ca80e8f34d88a",
+    "id": null,
+    "metadata": {},
+    "name": "GeneralSettingsPage_deleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation GeneralSettingsPage_deleteMutation(\n  $input: DeleteOrganizationInput!\n) {\n  deleteOrganization(input: $input) {\n    deletedOrganizationId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c473475817881aaa4adee8f183faf580";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InvitationCardFragment.graphql.ts b/apps/console/src/__generated__/iam/InvitationCardFragment.graphql.ts
new file mode 100644
index 000000000..c9b260a60
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InvitationCardFragment.graphql.ts
@@ -0,0 +1,89 @@
+/**
+ * @generated SignedSource<<d4c36c6798ea000539ef714721fd514f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
+import { FragmentRefs } from "relay-runtime";
+export type InvitationCardFragment$data = {
+  readonly createdAt: string;
+  readonly id: string;
+  readonly organization: {
+    readonly id: string;
+    readonly name: string;
+  };
+  readonly role: MembershipRole;
+  readonly " $fragmentType": "InvitationCardFragment";
+};
+export type InvitationCardFragment$key = {
+  readonly " $data"?: InvitationCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"InvitationCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "InvitationCardFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "role",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "Organization",
+        "kind": "LinkedField",
+        "name": "organization",
+        "plural": false,
+        "selections": [
+          (v0/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Invitation",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "57aedeabc62e474c6e5b995af1d31888";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InvitationCardMutation.graphql.ts b/apps/console/src/__generated__/iam/InvitationCardMutation.graphql.ts
new file mode 100644
index 000000000..246dcbd9c
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InvitationCardMutation.graphql.ts
@@ -0,0 +1,118 @@
+/**
+ * @generated SignedSource<<8c8ece60966bd2f39668d4ee4459ae86>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type AcceptInvitationInput = {
+  invitationId: string;
+};
+export type InvitationCardMutation$variables = {
+  input: AcceptInvitationInput;
+};
+export type InvitationCardMutation$data = {
+  readonly acceptInvitation: {
+    readonly membershipEdge: {
+      readonly node: {
+        readonly id: string;
+      };
+    };
+  } | null | undefined;
+};
+export type InvitationCardMutation = {
+  response: InvitationCardMutation$data;
+  variables: InvitationCardMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "AcceptInvitationPayload",
+    "kind": "LinkedField",
+    "name": "acceptInvitation",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "MembershipEdge",
+        "kind": "LinkedField",
+        "name": "membershipEdge",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "Membership",
+            "kind": "LinkedField",
+            "name": "node",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "id",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "InvitationCardMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "InvitationCardMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "592fad5ce23af0f457d7e0ccf5f7123f",
+    "id": null,
+    "metadata": {},
+    "name": "InvitationCardMutation",
+    "operationKind": "mutation",
+    "text": "mutation InvitationCardMutation(\n  $input: AcceptInvitationInput!\n) {\n  acceptInvitation(input: $input) {\n    membershipEdge {\n      node {\n        id\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "00a20b1db5dd8e98838c8c9659560bb9";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InvitationListFragment.graphql.ts b/apps/console/src/__generated__/iam/InvitationListFragment.graphql.ts
new file mode 100644
index 000000000..6f0ecd6cc
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InvitationListFragment.graphql.ts
@@ -0,0 +1,238 @@
+/**
+ * @generated SignedSource<<37b59716fa1aba5ed805ce03278ce01d>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type InvitationListFragment$data = {
+  readonly id: string;
+  readonly invitations: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"InvitationListItemFragment">;
+      };
+    }>;
+    readonly totalCount: number | null | undefined;
+  };
+  readonly " $fragmentType": "InvitationListFragment";
+};
+export type InvitationListFragment$key = {
+  readonly " $data"?: InvitationListFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"InvitationListFragment">;
+};
+
+import InvitationListFragment_RefetchQuery_graphql from './InvitationListFragment_RefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "invitations"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": {
+        "direction": "ASC",
+        "field": "CREATED_AT"
+      },
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": InvitationListFragment_RefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "InvitationListFragment",
+  "selections": [
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": "invitations",
+        "args": null,
+        "concreteType": "InvitationConnection",
+        "kind": "LinkedField",
+        "name": "__InvitationListFragment_invitations_connection",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "totalCount",
+            "storageKey": null
+          },
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "InvitationEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Invitation",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "InvitationListItemFragment"
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "__typename",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "cursor",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "PageInfo",
+            "kind": "LinkedField",
+            "name": "pageInfo",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "endCursor",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasNextPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasPreviousPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "startCursor",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "kind": "ClientExtension",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "__id",
+                "storageKey": null
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "6a1b77bc8b0e5f345de9865ec78ef7e9";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InvitationListFragment_RefetchQuery.graphql.ts b/apps/console/src/__generated__/iam/InvitationListFragment_RefetchQuery.graphql.ts
new file mode 100644
index 000000000..2a2ca9684
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InvitationListFragment_RefetchQuery.graphql.ts
@@ -0,0 +1,386 @@
+/**
+ * @generated SignedSource<<26a05edf635e281469d5498e24879e00>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type InvitationOrderField = "ACCEPTED_AT" | "CREATED_AT" | "EMAIL" | "EXPIRES_AT" | "ROLE";
+export type OrderDirection = "ASC" | "DESC";
+export type InvitationOrder = {
+  direction: OrderDirection;
+  field: InvitationOrderField;
+};
+export type InvitationListFragment_RefetchQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: InvitationOrder | null | undefined;
+};
+export type InvitationListFragment_RefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"InvitationListFragment">;
+  } | null | undefined;
+};
+export type InvitationListFragment_RefetchQuery = {
+  response: InvitationListFragment_RefetchQuery$data;
+  variables: InvitationListFragment_RefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": {
+    "direction": "ASC",
+    "field": "CREATED_AT"
+  },
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "InvitationListFragment_RefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "InvitationListFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "InvitationListFragment_RefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "InvitationConnection",
+                "kind": "LinkedField",
+                "name": "invitations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "InvitationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Invitation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "fullName",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "email",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "role",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "expiresAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "acceptedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:invitation:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:invitation:delete\")"
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [],
+                "handle": "connection",
+                "key": "InvitationListFragment_invitations",
+                "kind": "LinkedHandle",
+                "name": "invitations"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "2f419e2fcb92f5a188dcd35ff5661fd7",
+    "id": null,
+    "metadata": {},
+    "name": "InvitationListFragment_RefetchQuery",
+    "operationKind": "query",
+    "text": "query InvitationListFragment_RefetchQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $order: InvitationOrder = {direction: ASC, field: CREATED_AT}\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...InvitationListFragment_16fISc\n    id\n  }\n}\n\nfragment InvitationListFragment_16fISc on Organization {\n  invitations(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    totalCount\n    edges {\n      node {\n        id\n        ...InvitationListItemFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment InvitationListItemFragment on Invitation {\n  id\n  fullName\n  email\n  role\n  status\n  createdAt\n  expiresAt\n  acceptedAt\n  canDelete: permission(action: \"iam:invitation:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6a1b77bc8b0e5f345de9865ec78ef7e9";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InvitationListItemFragment.graphql.ts b/apps/console/src/__generated__/iam/InvitationListItemFragment.graphql.ts
new file mode 100644
index 000000000..8760b5721
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InvitationListItemFragment.graphql.ts
@@ -0,0 +1,114 @@
+/**
+ * @generated SignedSource<<5b60de19e893c841d45ecd555eecf65a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type InvitationStatus = "ACCEPTED" | "EXPIRED" | "PENDING";
+export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
+import { FragmentRefs } from "relay-runtime";
+export type InvitationListItemFragment$data = {
+  readonly acceptedAt: string | null | undefined;
+  readonly canDelete: boolean;
+  readonly createdAt: string;
+  readonly email: string;
+  readonly expiresAt: string;
+  readonly fullName: string;
+  readonly id: string;
+  readonly role: MembershipRole;
+  readonly status: InvitationStatus;
+  readonly " $fragmentType": "InvitationListItemFragment";
+};
+export type InvitationListItemFragment$key = {
+  readonly " $data"?: InvitationListItemFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"InvitationListItemFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "InvitationListItemFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "fullName",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "email",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "role",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "status",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "expiresAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "acceptedAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "iam:invitation:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"iam:invitation:delete\")"
+    }
+  ],
+  "type": "Invitation",
+  "abstractKey": null
+};
+
+(node as any).hash = "c0e21d5dd227cd3fff739dc9f0922657";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InvitationListItem_DeleteInvitationMutation.graphql.ts b/apps/console/src/__generated__/iam/InvitationListItem_DeleteInvitationMutation.graphql.ts
new file mode 100644
index 000000000..e86a9f30d
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InvitationListItem_DeleteInvitationMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<a46996c5fe127b005124bc79ea88fea4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteInvitationInput = {
+  invitationId: string;
+  organizationId: string;
+};
+export type InvitationListItem_DeleteInvitationMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteInvitationInput;
+};
+export type InvitationListItem_DeleteInvitationMutation$data = {
+  readonly deleteInvitation: {
+    readonly deletedInvitationId: string;
+  } | null | undefined;
+};
+export type InvitationListItem_DeleteInvitationMutation = {
+  response: InvitationListItem_DeleteInvitationMutation$data;
+  variables: InvitationListItem_DeleteInvitationMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedInvitationId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "InvitationListItem_DeleteInvitationMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteInvitationPayload",
+        "kind": "LinkedField",
+        "name": "deleteInvitation",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "InvitationListItem_DeleteInvitationMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteInvitationPayload",
+        "kind": "LinkedField",
+        "name": "deleteInvitation",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedInvitationId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "35736b4156c15bb9eeb863b4d40fc4e6",
+    "id": null,
+    "metadata": {},
+    "name": "InvitationListItem_DeleteInvitationMutation",
+    "operationKind": "mutation",
+    "text": "mutation InvitationListItem_DeleteInvitationMutation(\n  $input: DeleteInvitationInput!\n) {\n  deleteInvitation(input: $input) {\n    deletedInvitationId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "2191c08f6c6bf5bace0d70a6481124bb";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InviteUserDialogMutation.graphql.ts b/apps/console/src/__generated__/iam/InviteUserDialogMutation.graphql.ts
new file mode 100644
index 000000000..7cb5e6059
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InviteUserDialogMutation.graphql.ts
@@ -0,0 +1,224 @@
+/**
+ * @generated SignedSource<<14b3e1990be5f8333046dffcada56516>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
+export type InviteMemberInput = {
+  email: string;
+  fullName: string;
+  organizationId: string;
+  role: MembershipRole;
+};
+export type InviteUserDialogMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: InviteMemberInput;
+};
+export type InviteUserDialogMutation$data = {
+  readonly inviteMember: {
+    readonly invitationEdge: {
+      readonly node: {
+        readonly acceptedAt: string | null | undefined;
+        readonly canDelete: boolean;
+        readonly createdAt: string;
+        readonly email: string;
+        readonly expiresAt: string;
+        readonly fullName: string;
+        readonly id: string;
+        readonly role: MembershipRole;
+      };
+    };
+  } | null | undefined;
+};
+export type InviteUserDialogMutation = {
+  response: InviteUserDialogMutation$data;
+  variables: InviteUserDialogMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "InvitationEdge",
+  "kind": "LinkedField",
+  "name": "invitationEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Invitation",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "email",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "fullName",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "role",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "expiresAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "acceptedAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": "canDelete",
+          "args": [
+            {
+              "kind": "Literal",
+              "name": "action",
+              "value": "iam:invitation:delete"
+            }
+          ],
+          "kind": "ScalarField",
+          "name": "permission",
+          "storageKey": "permission(action:\"iam:invitation:delete\")"
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "InviteUserDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "InviteMemberPayload",
+        "kind": "LinkedField",
+        "name": "inviteMember",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "InviteUserDialogMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "InviteMemberPayload",
+        "kind": "LinkedField",
+        "name": "inviteMember",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "invitationEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "8d9e447c08739bef2460474225fb77bf",
+    "id": null,
+    "metadata": {},
+    "name": "InviteUserDialogMutation",
+    "operationKind": "mutation",
+    "text": "mutation InviteUserDialogMutation(\n  $input: InviteMemberInput!\n) {\n  inviteMember(input: $input) {\n    invitationEdge {\n      node {\n        id\n        email\n        fullName\n        role\n        expiresAt\n        acceptedAt\n        createdAt\n        canDelete: permission(action: \"iam:invitation:delete\")\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "dc2446f51b33dbab3a348e1250a25049";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/InviteUserDialog_currentRoleFragment.graphql.ts b/apps/console/src/__generated__/iam/InviteUserDialog_currentRoleFragment.graphql.ts
new file mode 100644
index 000000000..b9981c585
--- /dev/null
+++ b/apps/console/src/__generated__/iam/InviteUserDialog_currentRoleFragment.graphql.ts
@@ -0,0 +1,60 @@
+/**
+ * @generated SignedSource<<de896a2d4f3d1dce06f7b88630afb445>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
+import { FragmentRefs } from "relay-runtime";
+export type InviteUserDialog_currentRoleFragment$data = {
+  readonly viewerMembership: {
+    readonly role: MembershipRole;
+  };
+  readonly " $fragmentType": "InviteUserDialog_currentRoleFragment";
+};
+export type InviteUserDialog_currentRoleFragment$key = {
+  readonly " $data"?: InviteUserDialog_currentRoleFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"InviteUserDialog_currentRoleFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "InviteUserDialog_currentRoleFragment",
+  "selections": [
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "Membership",
+        "kind": "LinkedField",
+        "name": "viewerMembership",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "role",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "167528734d4ad650128d5ed8f201c97e";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MemberListFragment.graphql.ts b/apps/console/src/__generated__/iam/MemberListFragment.graphql.ts
new file mode 100644
index 000000000..99901ad1d
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MemberListFragment.graphql.ts
@@ -0,0 +1,244 @@
+/**
+ * @generated SignedSource<<d0098f8499fc70b98d7264cb756b2c6b>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MemberListFragment$data = {
+  readonly id: string;
+  readonly members: {
+    readonly __id: string;
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"MemberListItemFragment">;
+      };
+    }>;
+    readonly totalCount: number | null | undefined;
+  };
+  readonly " $fragmentType": "MemberListFragment";
+};
+export type MemberListFragment$key = {
+  readonly " $data"?: MemberListFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MemberListFragment">;
+};
+
+import MemberListFragment_RefetchQuery_graphql from './MemberListFragment_RefetchQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "members"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    },
+    {
+      "defaultValue": {
+        "direction": "ASC",
+        "field": "CREATED_AT"
+      },
+      "kind": "LocalArgument",
+      "name": "order"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": MemberListFragment_RefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "MemberListFragment",
+  "selections": [
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": "members",
+        "args": [
+          {
+            "kind": "Variable",
+            "name": "orderBy",
+            "variableName": "order"
+          }
+        ],
+        "concreteType": "MembershipConnection",
+        "kind": "LinkedField",
+        "name": "__MemberListFragment_members_connection",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "totalCount",
+            "storageKey": null
+          },
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "MembershipEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "Membership",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "MemberListItemFragment"
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "__typename",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "cursor",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "PageInfo",
+            "kind": "LinkedField",
+            "name": "pageInfo",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "endCursor",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasNextPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasPreviousPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "startCursor",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          },
+          {
+            "kind": "ClientExtension",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "__id",
+                "storageKey": null
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    },
+    (v1/*: any*/)
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "763331f25e735e2645b0c6949ecad362";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MemberListFragment_RefetchQuery.graphql.ts b/apps/console/src/__generated__/iam/MemberListFragment_RefetchQuery.graphql.ts
new file mode 100644
index 000000000..186d3b6e1
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MemberListFragment_RefetchQuery.graphql.ts
@@ -0,0 +1,411 @@
+/**
+ * @generated SignedSource<<d9ec1da794fdbe09fbffc7ed32d22707>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipOrderField = "CREATED_AT" | "ROLE";
+export type OrderDirection = "ASC" | "DESC";
+export type MembershipOrder = {
+  direction: OrderDirection;
+  field: MembershipOrderField;
+};
+export type MemberListFragment_RefetchQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+  order?: MembershipOrder | null | undefined;
+};
+export type MemberListFragment_RefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"MemberListFragment">;
+  } | null | undefined;
+};
+export type MemberListFragment_RefetchQuery = {
+  response: MemberListFragment_RefetchQuery$data;
+  variables: MemberListFragment_RefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = {
+  "defaultValue": {
+    "direction": "ASC",
+    "field": "CREATED_AT"
+  },
+  "kind": "LocalArgument",
+  "name": "order"
+},
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v7 = {
+  "kind": "Variable",
+  "name": "after",
+  "variableName": "after"
+},
+v8 = {
+  "kind": "Variable",
+  "name": "before",
+  "variableName": "before"
+},
+v9 = {
+  "kind": "Variable",
+  "name": "first",
+  "variableName": "first"
+},
+v10 = {
+  "kind": "Variable",
+  "name": "last",
+  "variableName": "last"
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v13 = [
+  (v7/*: any*/),
+  (v8/*: any*/),
+  (v9/*: any*/),
+  (v10/*: any*/),
+  {
+    "kind": "Variable",
+    "name": "orderBy",
+    "variableName": "order"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MemberListFragment_RefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              (v7/*: any*/),
+              (v8/*: any*/),
+              (v9/*: any*/),
+              (v10/*: any*/),
+              {
+                "kind": "Variable",
+                "name": "order",
+                "variableName": "order"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "MemberListFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v5/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MemberListFragment_RefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v6/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v11/*: any*/),
+          (v12/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "concreteType": "MembershipConnection",
+                "kind": "LinkedField",
+                "name": "members",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "totalCount",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MembershipEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Membership",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v12/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "role",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "MembershipProfile",
+                            "kind": "LinkedField",
+                            "name": "profile",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "fullName",
+                                "storageKey": null
+                              },
+                              (v12/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Identity",
+                            "kind": "LinkedField",
+                            "name": "identity",
+                            "plural": false,
+                            "selections": [
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "email",
+                                "storageKey": null
+                              },
+                              (v12/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:membership:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:membership:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:membership:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:membership:delete\")"
+                          },
+                          (v11/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "kind": "ClientExtension",
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "__id",
+                        "storageKey": null
+                      }
+                    ]
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v13/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "MemberListFragment_members",
+                "kind": "LinkedHandle",
+                "name": "members"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "bdedd349fa3a3dec43d7cb6171d1cc6d",
+    "id": null,
+    "metadata": {},
+    "name": "MemberListFragment_RefetchQuery",
+    "operationKind": "query",
+    "text": "query MemberListFragment_RefetchQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $order: MembershipOrder = {direction: ASC, field: CREATED_AT}\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...MemberListFragment_16fISc\n    id\n  }\n}\n\nfragment MemberListFragment_16fISc on Organization {\n  members(first: $first, after: $after, last: $last, before: $before, orderBy: $order) {\n    totalCount\n    edges {\n      node {\n        id\n        ...MemberListItemFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment MemberListItemFragment on Membership {\n  id\n  role\n  source\n  profile {\n    fullName\n    id\n  }\n  identity {\n    email\n    id\n  }\n  createdAt\n  canUpdate: permission(action: \"iam:membership:update\")\n  canDelete: permission(action: \"iam:membership:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "763331f25e735e2645b0c6949ecad362";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MemberListItemFragment.graphql.ts b/apps/console/src/__generated__/iam/MemberListItemFragment.graphql.ts
new file mode 100644
index 000000000..56fab7e84
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MemberListItemFragment.graphql.ts
@@ -0,0 +1,146 @@
+/**
+ * @generated SignedSource<<13e173a42e2ea29b7960539683cea087>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
+export type MembershipSource = "MANUAL" | "SAML" | "SCIM";
+import { FragmentRefs } from "relay-runtime";
+export type MemberListItemFragment$data = {
+  readonly canDelete: boolean;
+  readonly canUpdate: boolean;
+  readonly createdAt: string;
+  readonly id: string;
+  readonly identity: {
+    readonly email: string;
+  };
+  readonly profile: {
+    readonly fullName: string;
+  };
+  readonly role: MembershipRole;
+  readonly source: MembershipSource;
+  readonly " $fragmentType": "MemberListItemFragment";
+};
+export type MemberListItemFragment$key = {
+  readonly " $data"?: MemberListItemFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MemberListItemFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MemberListItemFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "role",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "source",
+      "storageKey": null
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "MembershipProfile",
+        "kind": "LinkedField",
+        "name": "profile",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "fullName",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "identity",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "email",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "iam:membership:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"iam:membership:update\")"
+    },
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "iam:membership:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"iam:membership:delete\")"
+    }
+  ],
+  "type": "Membership",
+  "abstractKey": null
+};
+
+(node as any).hash = "573655b969ddacac10dc8beb4585a4a1";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MemberListItem_removeMutation.graphql.ts b/apps/console/src/__generated__/iam/MemberListItem_removeMutation.graphql.ts
new file mode 100644
index 000000000..b2f142f0d
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MemberListItem_removeMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<1eebc63e903c6dd5ab9f0178d2aaaa90>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type RemoveMemberInput = {
+  membershipId: string;
+  organizationId: string;
+};
+export type MemberListItem_removeMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: RemoveMemberInput;
+};
+export type MemberListItem_removeMutation$data = {
+  readonly removeMember: {
+    readonly deletedMembershipId: string;
+  } | null | undefined;
+};
+export type MemberListItem_removeMutation = {
+  response: MemberListItem_removeMutation$data;
+  variables: MemberListItem_removeMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedMembershipId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MemberListItem_removeMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "RemoveMemberPayload",
+        "kind": "LinkedField",
+        "name": "removeMember",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MemberListItem_removeMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "RemoveMemberPayload",
+        "kind": "LinkedField",
+        "name": "removeMember",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedMembershipId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "6bf37e12e069385eabd2bba63e0e980f",
+    "id": null,
+    "metadata": {},
+    "name": "MemberListItem_removeMutation",
+    "operationKind": "mutation",
+    "text": "mutation MemberListItem_removeMutation(\n  $input: RemoveMemberInput!\n) {\n  removeMember(input: $input) {\n    deletedMembershipId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9732b5ce9ca9de5c31e71a690e1763ed";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembersPageQuery.graphql.ts b/apps/console/src/__generated__/iam/MembersPageQuery.graphql.ts
new file mode 100644
index 000000000..4f01330b3
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembersPageQuery.graphql.ts
@@ -0,0 +1,531 @@
+/**
+ * @generated SignedSource<<0f7c89bd92b5743593efd542812568a7>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembersPageQuery$variables = {
+  organizationId: string;
+};
+export type MembersPageQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly canInviteUser: boolean;
+    readonly invitations: {
+      readonly totalCount: number | null | undefined;
+    };
+    readonly members: {
+      readonly totalCount: number | null | undefined;
+    };
+    readonly " $fragmentSpreads": FragmentRefs<"InvitationListFragment" | "InviteUserDialog_currentRoleFragment" | "MemberListFragment">;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type MembersPageQuery = {
+  response: MembersPageQuery$data;
+  variables: MembersPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "kind": "Literal",
+  "name": "first",
+  "value": 20
+},
+v4 = {
+  "direction": "ASC",
+  "field": "CREATED_AT"
+},
+v5 = [
+  (v3/*: any*/),
+  {
+    "kind": "Literal",
+    "name": "order",
+    "value": (v4/*: any*/)
+  }
+],
+v6 = [
+  (v3/*: any*/),
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": (v4/*: any*/)
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "totalCount",
+  "storageKey": null
+},
+v8 = [
+  (v7/*: any*/)
+],
+v9 = {
+  "alias": "canInviteUser",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "iam:invitation:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"iam:invitation:create\")"
+},
+v10 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v11 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "role",
+  "storageKey": null
+},
+v12 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fullName",
+  "storageKey": null
+},
+v13 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "email",
+  "storageKey": null
+},
+v14 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "createdAt",
+  "storageKey": null
+},
+v15 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "cursor",
+  "storageKey": null
+},
+v16 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PageInfo",
+  "kind": "LinkedField",
+  "name": "pageInfo",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endCursor",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasNextPage",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "hasPreviousPage",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "startCursor",
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v17 = {
+  "kind": "ClientExtension",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "__id",
+      "storageKey": null
+    }
+  ]
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MembersPageQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": "organization",
+          "args": (v1/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "InviteUserDialog_currentRoleFragment"
+                },
+                {
+                  "args": (v5/*: any*/),
+                  "kind": "FragmentSpread",
+                  "name": "MemberListFragment"
+                },
+                {
+                  "kind": "RequiredField",
+                  "field": {
+                    "alias": null,
+                    "args": (v6/*: any*/),
+                    "concreteType": "MembershipConnection",
+                    "kind": "LinkedField",
+                    "name": "members",
+                    "plural": false,
+                    "selections": (v8/*: any*/),
+                    "storageKey": "members(first:20,orderBy:{\"direction\":\"ASC\",\"field\":\"CREATED_AT\"})"
+                  },
+                  "action": "THROW"
+                },
+                {
+                  "args": (v5/*: any*/),
+                  "kind": "FragmentSpread",
+                  "name": "InvitationListFragment"
+                },
+                {
+                  "kind": "RequiredField",
+                  "field": {
+                    "alias": null,
+                    "args": (v6/*: any*/),
+                    "concreteType": "InvitationConnection",
+                    "kind": "LinkedField",
+                    "name": "invitations",
+                    "plural": false,
+                    "selections": (v8/*: any*/),
+                    "storageKey": "invitations(first:20,orderBy:{\"direction\":\"ASC\",\"field\":\"CREATED_AT\"})"
+                  },
+                  "action": "THROW"
+                },
+                (v9/*: any*/)
+              ],
+              "type": "Organization",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MembersPageQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v10/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Membership",
+                "kind": "LinkedField",
+                "name": "viewerMembership",
+                "plural": false,
+                "selections": [
+                  (v11/*: any*/),
+                  (v10/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "MembershipConnection",
+                "kind": "LinkedField",
+                "name": "members",
+                "plural": false,
+                "selections": [
+                  (v7/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MembershipEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Membership",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v10/*: any*/),
+                          (v11/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "source",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "MembershipProfile",
+                            "kind": "LinkedField",
+                            "name": "profile",
+                            "plural": false,
+                            "selections": [
+                              (v12/*: any*/),
+                              (v10/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Identity",
+                            "kind": "LinkedField",
+                            "name": "identity",
+                            "plural": false,
+                            "selections": [
+                              (v13/*: any*/),
+                              (v10/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          (v14/*: any*/),
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:membership:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:membership:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:membership:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:membership:delete\")"
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v15/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v16/*: any*/),
+                  (v17/*: any*/)
+                ],
+                "storageKey": "members(first:20,orderBy:{\"direction\":\"ASC\",\"field\":\"CREATED_AT\"})"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [
+                  "orderBy"
+                ],
+                "handle": "connection",
+                "key": "MemberListFragment_members",
+                "kind": "LinkedHandle",
+                "name": "members"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "InvitationConnection",
+                "kind": "LinkedField",
+                "name": "invitations",
+                "plural": false,
+                "selections": [
+                  (v7/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "InvitationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Invitation",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v10/*: any*/),
+                          (v12/*: any*/),
+                          (v13/*: any*/),
+                          (v11/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "status",
+                            "storageKey": null
+                          },
+                          (v14/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "expiresAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "acceptedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:invitation:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:invitation:delete\")"
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      (v15/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v16/*: any*/),
+                  (v17/*: any*/)
+                ],
+                "storageKey": "invitations(first:20,orderBy:{\"direction\":\"ASC\",\"field\":\"CREATED_AT\"})"
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": [],
+                "handle": "connection",
+                "key": "InvitationListFragment_invitations",
+                "kind": "LinkedHandle",
+                "name": "invitations"
+              },
+              (v9/*: any*/)
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b7d449bd737c6165219640affcc0260a",
+    "id": null,
+    "metadata": {},
+    "name": "MembersPageQuery",
+    "operationKind": "query",
+    "text": "query MembersPageQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      ...InviteUserDialog_currentRoleFragment\n      ...MemberListFragment_1jRT0c\n      members(first: 20, orderBy: {direction: ASC, field: CREATED_AT}) {\n        totalCount\n      }\n      ...InvitationListFragment_1jRT0c\n      invitations(first: 20, orderBy: {direction: ASC, field: CREATED_AT}) {\n        totalCount\n      }\n      canInviteUser: permission(action: \"iam:invitation:create\")\n    }\n    id\n  }\n}\n\nfragment InvitationListFragment_1jRT0c on Organization {\n  invitations(first: 20, orderBy: {direction: ASC, field: CREATED_AT}) {\n    totalCount\n    edges {\n      node {\n        id\n        ...InvitationListItemFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment InvitationListItemFragment on Invitation {\n  id\n  fullName\n  email\n  role\n  status\n  createdAt\n  expiresAt\n  acceptedAt\n  canDelete: permission(action: \"iam:invitation:delete\")\n}\n\nfragment InviteUserDialog_currentRoleFragment on Organization {\n  viewerMembership {\n    role\n    id\n  }\n}\n\nfragment MemberListFragment_1jRT0c on Organization {\n  members(first: 20, orderBy: {direction: ASC, field: CREATED_AT}) {\n    totalCount\n    edges {\n      node {\n        id\n        ...MemberListItemFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment MemberListItemFragment on Membership {\n  id\n  role\n  source\n  profile {\n    fullName\n    id\n  }\n  identity {\n    email\n    id\n  }\n  createdAt\n  canUpdate: permission(action: \"iam:membership:update\")\n  canDelete: permission(action: \"iam:membership:delete\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "591a88a5e1b0bd427daff74dc27ac512";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipCardFragment.graphql.ts b/apps/console/src/__generated__/iam/MembershipCardFragment.graphql.ts
new file mode 100644
index 000000000..a77adbf87
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipCardFragment.graphql.ts
@@ -0,0 +1,101 @@
+/**
+ * @generated SignedSource<<b545f1a231e042bd94c84430f3015112>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipCardFragment$data = {
+  readonly lastSession: {
+    readonly expiresAt: string;
+    readonly id: string;
+  } | null | undefined;
+  readonly organization: {
+    readonly id: string;
+    readonly logoUrl: string | null | undefined;
+    readonly name: string;
+  };
+  readonly " $fragmentType": "MembershipCardFragment";
+};
+export type MembershipCardFragment$key = {
+  readonly " $data"?: MembershipCardFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MembershipCardFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MembershipCardFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Session",
+      "kind": "LinkedField",
+      "name": "lastSession",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "expiresAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "Organization",
+        "kind": "LinkedField",
+        "name": "organization",
+        "plural": false,
+        "selections": [
+          (v0/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "logoUrl",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Membership",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "5a2532aed755a94df49c2f9ce0929a1f";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipCard_assumeMutation.graphql.ts b/apps/console/src/__generated__/iam/MembershipCard_assumeMutation.graphql.ts
new file mode 100644
index 000000000..aaf659144
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipCard_assumeMutation.graphql.ts
@@ -0,0 +1,145 @@
+/**
+ * @generated SignedSource<<2574b3b6a557336992dff4f923fc0870>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ReauthenticationReason = "POLICY_REQUIREMENT" | "SENSITIVE_ACTION" | "SESSION_EXPIRED";
+export type AssumeOrganizationSessionInput = {
+  organizationId: string;
+};
+export type MembershipCard_assumeMutation$variables = {
+  input: AssumeOrganizationSessionInput;
+};
+export type MembershipCard_assumeMutation$data = {
+  readonly assumeOrganizationSession: {
+    readonly result: {
+      readonly __typename: "PasswordRequired";
+      readonly reason: ReauthenticationReason;
+    } | {
+      readonly __typename: "SAMLAuthenticationRequired";
+      readonly reason: ReauthenticationReason;
+      readonly redirectUrl: string;
+    } | {
+      // This will never be '%other', but we need some
+      // value in case none of the concrete values match.
+      readonly __typename: "%other";
+    };
+  } | null | undefined;
+};
+export type MembershipCard_assumeMutation = {
+  response: MembershipCard_assumeMutation$data;
+  variables: MembershipCard_assumeMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "reason",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "AssumeOrganizationSessionPayload",
+    "kind": "LinkedField",
+    "name": "assumeOrganizationSession",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "result",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v1/*: any*/)
+            ],
+            "type": "PasswordRequired",
+            "abstractKey": null
+          },
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "redirectUrl",
+                "storageKey": null
+              }
+            ],
+            "type": "SAMLAuthenticationRequired",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MembershipCard_assumeMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MembershipCard_assumeMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "0d93c6ee32107a4263a910e21597e982",
+    "id": null,
+    "metadata": {},
+    "name": "MembershipCard_assumeMutation",
+    "operationKind": "mutation",
+    "text": "mutation MembershipCard_assumeMutation(\n  $input: AssumeOrganizationSessionInput!\n) {\n  assumeOrganizationSession(input: $input) {\n    result {\n      __typename\n      ... on PasswordRequired {\n        reason\n      }\n      ... on SAMLAuthenticationRequired {\n        reason\n        redirectUrl\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "aa7a5daec98d5fa51a56da0a7e0b2178";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipLayoutQuery.graphql.ts b/apps/console/src/__generated__/iam/MembershipLayoutQuery.graphql.ts
new file mode 100644
index 000000000..c3fccbdbb
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipLayoutQuery.graphql.ts
@@ -0,0 +1,633 @@
+/**
+ * @generated SignedSource<<4268d9e187cf29b47f9438cf48cc3e73>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipRole = "ADMIN" | "AUDITOR" | "EMPLOYEE" | "OWNER" | "VIEWER";
+export type MembershipLayoutQuery$variables = {
+  hideSidebar: boolean;
+  organizationId: string;
+};
+export type MembershipLayoutQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly viewerMembership: {
+      readonly profile: {
+        readonly fullName: string;
+      };
+      readonly role: MembershipRole;
+    };
+    readonly " $fragmentSpreads": FragmentRefs<"MembershipsDropdown_organizationFragment" | "SessionDropdownFragment" | "SidebarFragment">;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+  readonly viewer: {
+    readonly email: string;
+    readonly pendingInvitations: {
+      readonly totalCount: number;
+    };
+    readonly " $fragmentSpreads": FragmentRefs<"MembershipsDropdown_viewerFragment">;
+  };
+};
+export type MembershipLayoutQuery = {
+  response: MembershipLayoutQuery$data;
+  variables: MembershipLayoutQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "hideSidebar"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "organizationId"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "role",
+  "storageKey": null
+},
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "fullName",
+  "storageKey": null
+},
+v6 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "email",
+  "storageKey": null
+},
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "totalCount",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MembershipLayoutQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": "organization",
+          "args": (v2/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v3/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "MembershipsDropdown_organizationFragment"
+                },
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "SessionDropdownFragment"
+                },
+                {
+                  "condition": "hideSidebar",
+                  "kind": "Condition",
+                  "passingValue": false,
+                  "selections": [
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "SidebarFragment"
+                    }
+                  ]
+                },
+                {
+                  "kind": "RequiredField",
+                  "field": {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Membership",
+                    "kind": "LinkedField",
+                    "name": "viewerMembership",
+                    "plural": false,
+                    "selections": [
+                      (v4/*: any*/),
+                      {
+                        "kind": "RequiredField",
+                        "field": {
+                          "alias": null,
+                          "args": null,
+                          "concreteType": "MembershipProfile",
+                          "kind": "LinkedField",
+                          "name": "profile",
+                          "plural": false,
+                          "selections": [
+                            (v5/*: any*/)
+                          ],
+                          "storageKey": null
+                        },
+                        "action": "THROW"
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  "action": "THROW"
+                }
+              ],
+              "type": "Organization",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      },
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": null,
+          "args": null,
+          "concreteType": "Identity",
+          "kind": "LinkedField",
+          "name": "viewer",
+          "plural": false,
+          "selections": [
+            (v6/*: any*/),
+            {
+              "args": null,
+              "kind": "FragmentSpread",
+              "name": "MembershipsDropdown_viewerFragment"
+            },
+            {
+              "kind": "RequiredField",
+              "field": {
+                "alias": null,
+                "args": null,
+                "concreteType": "InvitationConnection",
+                "kind": "LinkedField",
+                "name": "pendingInvitations",
+                "plural": false,
+                "selections": [
+                  {
+                    "kind": "RequiredField",
+                    "field": (v7/*: any*/),
+                    "action": "THROW"
+                  }
+                ],
+                "storageKey": null
+              },
+              "action": "THROW"
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "MembershipLayoutQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v2/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": "canDelete",
+                "args": [
+                  {
+                    "kind": "Literal",
+                    "name": "action",
+                    "value": "iam:organization:delete"
+                  }
+                ],
+                "kind": "ScalarField",
+                "name": "permission",
+                "storageKey": "permission(action:\"iam:organization:delete\")"
+              },
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "Membership",
+                "kind": "LinkedField",
+                "name": "viewerMembership",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Identity",
+                    "kind": "LinkedField",
+                    "name": "identity",
+                    "plural": false,
+                    "selections": [
+                      (v6/*: any*/),
+                      (v8/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "MembershipProfile",
+                    "kind": "LinkedField",
+                    "name": "profile",
+                    "plural": false,
+                    "selections": [
+                      (v5/*: any*/),
+                      (v8/*: any*/)
+                    ],
+                    "storageKey": null
+                  },
+                  (v8/*: any*/),
+                  (v4/*: any*/)
+                ],
+                "storageKey": null
+              },
+              {
+                "condition": "hideSidebar",
+                "kind": "Condition",
+                "passingValue": false,
+                "selections": [
+                  {
+                    "alias": "canListMeetings",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:meeting:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:meeting:list\")"
+                  },
+                  {
+                    "alias": "canListTasks",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:task:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:task:list\")"
+                  },
+                  {
+                    "alias": "canListMeasures",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:measures:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:measures:list\")"
+                  },
+                  {
+                    "alias": "canListRisks",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:risk:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:risk:list\")"
+                  },
+                  {
+                    "alias": "canListFrameworks",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:frameworks:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:frameworks:list\")"
+                  },
+                  {
+                    "alias": "canListPeople",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:people:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:people:list\")"
+                  },
+                  {
+                    "alias": "canListVendors",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:vendor:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:vendor:list\")"
+                  },
+                  {
+                    "alias": "canListDocuments",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:document:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:document:list\")"
+                  },
+                  {
+                    "alias": "canListAssets",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:asset:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:asset:list\")"
+                  },
+                  {
+                    "alias": "canListData",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:datum:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:datum:list\")"
+                  },
+                  {
+                    "alias": "canListAudits",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:audit:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:audit:list\")"
+                  },
+                  {
+                    "alias": "canListNonconformities",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:nonconformity:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:nonconformity:list\")"
+                  },
+                  {
+                    "alias": "canListObligations",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:obligation:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:obligation:list\")"
+                  },
+                  {
+                    "alias": "canListContinualImprovements",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:continual-improvement:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:continual-improvement:list\")"
+                  },
+                  {
+                    "alias": "canListProcessingActivities",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:processing-activity:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:processing-activity:list\")"
+                  },
+                  {
+                    "alias": "canListRightsRequests",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:rights-request:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:rights-request:list\")"
+                  },
+                  {
+                    "alias": "canListSnapshots",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:snapshot:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:snapshot:list\")"
+                  },
+                  {
+                    "alias": "canGetTrustCenter",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:trust-center:get"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:trust-center:get\")"
+                  },
+                  {
+                    "alias": "canUpdateOrganization",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "iam:organization:update"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"iam:organization:update\")"
+                  },
+                  {
+                    "alias": "canListStatesOfApplicability",
+                    "args": [
+                      {
+                        "kind": "Literal",
+                        "name": "action",
+                        "value": "core:state-of-applicability:list"
+                      }
+                    ],
+                    "kind": "ScalarField",
+                    "name": "permission",
+                    "storageKey": "permission(action:\"core:state-of-applicability:list\")"
+                  }
+                ]
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          },
+          (v8/*: any*/)
+        ],
+        "storageKey": null
+      },
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          (v6/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "InvitationConnection",
+            "kind": "LinkedField",
+            "name": "pendingInvitations",
+            "plural": false,
+            "selections": [
+              (v7/*: any*/)
+            ],
+            "storageKey": null
+          },
+          (v8/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "5f50873fa9c14115e307b43d7c1ae822",
+    "id": null,
+    "metadata": {},
+    "name": "MembershipLayoutQuery",
+    "operationKind": "query",
+    "text": "query MembershipLayoutQuery(\n  $organizationId: ID!\n  $hideSidebar: Boolean!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      ...MembershipsDropdown_organizationFragment\n      ...SessionDropdownFragment\n      ...SidebarFragment @skip(if: $hideSidebar)\n      viewerMembership {\n        role\n        profile {\n          fullName\n          id\n        }\n        id\n      }\n    }\n    id\n  }\n  viewer {\n    email\n    ...MembershipsDropdown_viewerFragment\n    pendingInvitations {\n      totalCount\n    }\n    id\n  }\n}\n\nfragment MembershipsDropdown_organizationFragment on Organization {\n  name\n}\n\nfragment MembershipsDropdown_viewerFragment on Identity {\n  pendingInvitations {\n    totalCount\n  }\n}\n\nfragment SessionDropdownFragment on Organization {\n  canDelete: permission(action: \"iam:organization:delete\")\n  viewerMembership {\n    identity {\n      email\n      id\n    }\n    profile {\n      fullName\n      id\n    }\n    id\n  }\n}\n\nfragment SidebarFragment on Organization {\n  canListMeetings: permission(action: \"core:meeting:list\")\n  canListTasks: permission(action: \"core:task:list\")\n  canListMeasures: permission(action: \"core:measures:list\")\n  canListRisks: permission(action: \"core:risk:list\")\n  canListFrameworks: permission(action: \"core:frameworks:list\")\n  canListPeople: permission(action: \"core:people:list\")\n  canListVendors: permission(action: \"core:vendor:list\")\n  canListDocuments: permission(action: \"core:document:list\")\n  canListAssets: permission(action: \"core:asset:list\")\n  canListData: permission(action: \"core:datum:list\")\n  canListAudits: permission(action: \"core:audit:list\")\n  canListNonconformities: permission(action: \"core:nonconformity:list\")\n  canListObligations: permission(action: \"core:obligation:list\")\n  canListContinualImprovements: permission(action: \"core:continual-improvement:list\")\n  canListProcessingActivities: permission(action: \"core:processing-activity:list\")\n  canListRightsRequests: permission(action: \"core:rights-request:list\")\n  canListSnapshots: permission(action: \"core:snapshot:list\")\n  canGetTrustCenter: permission(action: \"core:trust-center:get\")\n  canUpdateOrganization: permission(action: \"iam:organization:update\")\n  canListStatesOfApplicability: permission(action: \"core:state-of-applicability:list\")\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e52fc7540b2908e5b4f2c4cef33b5b81";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipsDropdownMenuItemFragment.graphql.ts b/apps/console/src/__generated__/iam/MembershipsDropdownMenuItemFragment.graphql.ts
new file mode 100644
index 000000000..1e49f94f4
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipsDropdownMenuItemFragment.graphql.ts
@@ -0,0 +1,103 @@
+/**
+ * @generated SignedSource<<e907a3f8c0610d5deed37b1a47500377>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipsDropdownMenuItemFragment$data = {
+  readonly id: string;
+  readonly lastSession: {
+    readonly expiresAt: string;
+    readonly id: string;
+  } | null | undefined;
+  readonly organization: {
+    readonly id: string;
+    readonly logoUrl: string | null | undefined;
+    readonly name: string;
+  };
+  readonly " $fragmentType": "MembershipsDropdownMenuItemFragment";
+};
+export type MembershipsDropdownMenuItemFragment$key = {
+  readonly " $data"?: MembershipsDropdownMenuItemFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MembershipsDropdownMenuItemFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MembershipsDropdownMenuItemFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Session",
+      "kind": "LinkedField",
+      "name": "lastSession",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "expiresAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "Organization",
+        "kind": "LinkedField",
+        "name": "organization",
+        "plural": false,
+        "selections": [
+          (v0/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "logoUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Membership",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "915a6fb0071b4890010401a56f3affa6";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipsDropdownMenuItem_assumeMutation.graphql.ts b/apps/console/src/__generated__/iam/MembershipsDropdownMenuItem_assumeMutation.graphql.ts
new file mode 100644
index 000000000..7a06d5dd3
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipsDropdownMenuItem_assumeMutation.graphql.ts
@@ -0,0 +1,145 @@
+/**
+ * @generated SignedSource<<a3cc5c262b8a01f267eb2b549ab95a27>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type ReauthenticationReason = "POLICY_REQUIREMENT" | "SENSITIVE_ACTION" | "SESSION_EXPIRED";
+export type AssumeOrganizationSessionInput = {
+  organizationId: string;
+};
+export type MembershipsDropdownMenuItem_assumeMutation$variables = {
+  input: AssumeOrganizationSessionInput;
+};
+export type MembershipsDropdownMenuItem_assumeMutation$data = {
+  readonly assumeOrganizationSession: {
+    readonly result: {
+      readonly __typename: "PasswordRequired";
+      readonly reason: ReauthenticationReason;
+    } | {
+      readonly __typename: "SAMLAuthenticationRequired";
+      readonly reason: ReauthenticationReason;
+      readonly redirectUrl: string;
+    } | {
+      // This will never be '%other', but we need some
+      // value in case none of the concrete values match.
+      readonly __typename: "%other";
+    };
+  } | null | undefined;
+};
+export type MembershipsDropdownMenuItem_assumeMutation = {
+  response: MembershipsDropdownMenuItem_assumeMutation$data;
+  variables: MembershipsDropdownMenuItem_assumeMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "reason",
+  "storageKey": null
+},
+v2 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "AssumeOrganizationSessionPayload",
+    "kind": "LinkedField",
+    "name": "assumeOrganizationSession",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "result",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v1/*: any*/)
+            ],
+            "type": "PasswordRequired",
+            "abstractKey": null
+          },
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v1/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "redirectUrl",
+                "storageKey": null
+              }
+            ],
+            "type": "SAMLAuthenticationRequired",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MembershipsDropdownMenuItem_assumeMutation",
+    "selections": (v2/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "MembershipsDropdownMenuItem_assumeMutation",
+    "selections": (v2/*: any*/)
+  },
+  "params": {
+    "cacheID": "21ebf9c598bd39f2abcb0ace0d9c0c4b",
+    "id": null,
+    "metadata": {},
+    "name": "MembershipsDropdownMenuItem_assumeMutation",
+    "operationKind": "mutation",
+    "text": "mutation MembershipsDropdownMenuItem_assumeMutation(\n  $input: AssumeOrganizationSessionInput!\n) {\n  assumeOrganizationSession(input: $input) {\n    result {\n      __typename\n      ... on PasswordRequired {\n        reason\n      }\n      ... on SAMLAuthenticationRequired {\n        reason\n        redirectUrl\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "416f824d526d3f92797fec0eb9c2e590";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipsDropdownMenuQuery.graphql.ts b/apps/console/src/__generated__/iam/MembershipsDropdownMenuQuery.graphql.ts
new file mode 100644
index 000000000..f99afb41c
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipsDropdownMenuQuery.graphql.ts
@@ -0,0 +1,263 @@
+/**
+ * @generated SignedSource<<b51fba8f2d50c85b2eeb51c658d82e17>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipsDropdownMenuQuery$variables = Record<PropertyKey, never>;
+export type MembershipsDropdownMenuQuery$data = {
+  readonly viewer: {
+    readonly memberships: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly organization: {
+            readonly name: string;
+          };
+          readonly " $fragmentSpreads": FragmentRefs<"MembershipsDropdownMenuItemFragment">;
+        };
+      }>;
+    };
+  };
+};
+export type MembershipsDropdownMenuQuery = {
+  response: MembershipsDropdownMenuQuery$data;
+  variables: MembershipsDropdownMenuQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1000
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MembershipsDropdownMenuQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": null,
+          "args": null,
+          "concreteType": "Identity",
+          "kind": "LinkedField",
+          "name": "viewer",
+          "plural": false,
+          "selections": [
+            {
+              "kind": "RequiredField",
+              "field": {
+                "alias": null,
+                "args": (v0/*: any*/),
+                "concreteType": "MembershipConnection",
+                "kind": "LinkedField",
+                "name": "memberships",
+                "plural": false,
+                "selections": [
+                  {
+                    "kind": "RequiredField",
+                    "field": {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "MembershipEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "kind": "RequiredField",
+                          "field": {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Membership",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v1/*: any*/),
+                              {
+                                "kind": "RequiredField",
+                                "field": {
+                                  "alias": null,
+                                  "args": null,
+                                  "concreteType": "Organization",
+                                  "kind": "LinkedField",
+                                  "name": "organization",
+                                  "plural": false,
+                                  "selections": [
+                                    (v2/*: any*/)
+                                  ],
+                                  "storageKey": null
+                                },
+                                "action": "THROW"
+                              },
+                              {
+                                "args": null,
+                                "kind": "FragmentSpread",
+                                "name": "MembershipsDropdownMenuItemFragment"
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          "action": "THROW"
+                        }
+                      ],
+                      "storageKey": null
+                    },
+                    "action": "THROW"
+                  }
+                ],
+                "storageKey": "memberships(first:1000,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+              },
+              "action": "THROW"
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [],
+    "kind": "Operation",
+    "name": "MembershipsDropdownMenuQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": (v0/*: any*/),
+            "concreteType": "MembershipConnection",
+            "kind": "LinkedField",
+            "name": "memberships",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "MembershipEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Membership",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v1/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Organization",
+                        "kind": "LinkedField",
+                        "name": "organization",
+                        "plural": false,
+                        "selections": [
+                          (v2/*: any*/),
+                          (v1/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "logoUrl",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Session",
+                        "kind": "LinkedField",
+                        "name": "lastSession",
+                        "plural": false,
+                        "selections": [
+                          (v1/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "expiresAt",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": "memberships(first:1000,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+          },
+          (v1/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "edb71632c35f1f8aefa1bb426c81a985",
+    "id": null,
+    "metadata": {},
+    "name": "MembershipsDropdownMenuQuery",
+    "operationKind": "query",
+    "text": "query MembershipsDropdownMenuQuery {\n  viewer {\n    memberships(first: 1000, orderBy: {direction: DESC, field: CREATED_AT}) {\n      edges {\n        node {\n          id\n          organization {\n            name\n            id\n          }\n          ...MembershipsDropdownMenuItemFragment\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment MembershipsDropdownMenuItemFragment on Membership {\n  id\n  lastSession {\n    id\n    expiresAt\n  }\n  organization {\n    id\n    logoUrl\n    name\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "aa787b33a7cb3046d30fd638f4850621";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipsDropdown_organizationFragment.graphql.ts b/apps/console/src/__generated__/iam/MembershipsDropdown_organizationFragment.graphql.ts
new file mode 100644
index 000000000..546c98c95
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipsDropdown_organizationFragment.graphql.ts
@@ -0,0 +1,42 @@
+/**
+ * @generated SignedSource<<84862118e94833cec2ce241e7329ba04>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipsDropdown_organizationFragment$data = {
+  readonly name: string;
+  readonly " $fragmentType": "MembershipsDropdown_organizationFragment";
+};
+export type MembershipsDropdown_organizationFragment$key = {
+  readonly " $data"?: MembershipsDropdown_organizationFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MembershipsDropdown_organizationFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MembershipsDropdown_organizationFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "89ef8f037f10c51776df8e5add87cc29";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipsDropdown_viewerFragment.graphql.ts b/apps/console/src/__generated__/iam/MembershipsDropdown_viewerFragment.graphql.ts
new file mode 100644
index 000000000..d2c4d5fdd
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipsDropdown_viewerFragment.graphql.ts
@@ -0,0 +1,63 @@
+/**
+ * @generated SignedSource<<842fffc896db6311ff3c5901eae70176>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipsDropdown_viewerFragment$data = {
+  readonly pendingInvitations: {
+    readonly totalCount: number;
+  };
+  readonly " $fragmentType": "MembershipsDropdown_viewerFragment";
+};
+export type MembershipsDropdown_viewerFragment$key = {
+  readonly " $data"?: MembershipsDropdown_viewerFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"MembershipsDropdown_viewerFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "MembershipsDropdown_viewerFragment",
+  "selections": [
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "InvitationConnection",
+        "kind": "LinkedField",
+        "name": "pendingInvitations",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "totalCount",
+              "storageKey": null
+            },
+            "action": "THROW"
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Identity",
+  "abstractKey": null
+};
+
+(node as any).hash = "96b64fbc2481273728051e42d74bc8b5";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/MembershipsPageQuery.graphql.ts b/apps/console/src/__generated__/iam/MembershipsPageQuery.graphql.ts
new file mode 100644
index 000000000..d80724a9d
--- /dev/null
+++ b/apps/console/src/__generated__/iam/MembershipsPageQuery.graphql.ts
@@ -0,0 +1,383 @@
+/**
+ * @generated SignedSource<<ab48c4d454e4f9fa4472a103b8144b7c>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type MembershipsPageQuery$variables = Record<PropertyKey, never>;
+export type MembershipsPageQuery$data = {
+  readonly viewer: {
+    readonly memberships: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly organization: {
+            readonly name: string;
+          };
+          readonly " $fragmentSpreads": FragmentRefs<"MembershipCardFragment">;
+        };
+      }>;
+    };
+    readonly pendingInvitations: {
+      readonly edges: ReadonlyArray<{
+        readonly node: {
+          readonly id: string;
+          readonly " $fragmentSpreads": FragmentRefs<"InvitationCardFragment">;
+        };
+      }>;
+    };
+  };
+};
+export type MembershipsPageQuery = {
+  response: MembershipsPageQuery$data;
+  variables: MembershipsPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1000
+  },
+  {
+    "kind": "Literal",
+    "name": "orderBy",
+    "value": {
+      "direction": "DESC",
+      "field": "CREATED_AT"
+    }
+  }
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "name",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "MembershipsPageQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": null,
+          "args": null,
+          "concreteType": "Identity",
+          "kind": "LinkedField",
+          "name": "viewer",
+          "plural": false,
+          "selections": [
+            {
+              "kind": "RequiredField",
+              "field": {
+                "alias": null,
+                "args": (v0/*: any*/),
+                "concreteType": "MembershipConnection",
+                "kind": "LinkedField",
+                "name": "memberships",
+                "plural": false,
+                "selections": [
+                  {
+                    "kind": "RequiredField",
+                    "field": {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "MembershipEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "kind": "RequiredField",
+                          "field": {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Membership",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v1/*: any*/),
+                              {
+                                "args": null,
+                                "kind": "FragmentSpread",
+                                "name": "MembershipCardFragment"
+                              },
+                              {
+                                "kind": "RequiredField",
+                                "field": {
+                                  "alias": null,
+                                  "args": null,
+                                  "concreteType": "Organization",
+                                  "kind": "LinkedField",
+                                  "name": "organization",
+                                  "plural": false,
+                                  "selections": [
+                                    (v2/*: any*/)
+                                  ],
+                                  "storageKey": null
+                                },
+                                "action": "THROW"
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          "action": "THROW"
+                        }
+                      ],
+                      "storageKey": null
+                    },
+                    "action": "THROW"
+                  }
+                ],
+                "storageKey": "memberships(first:1000,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+              },
+              "action": "THROW"
+            },
+            {
+              "kind": "RequiredField",
+              "field": {
+                "alias": null,
+                "args": (v0/*: any*/),
+                "concreteType": "InvitationConnection",
+                "kind": "LinkedField",
+                "name": "pendingInvitations",
+                "plural": false,
+                "selections": [
+                  {
+                    "kind": "RequiredField",
+                    "field": {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "InvitationEdge",
+                      "kind": "LinkedField",
+                      "name": "edges",
+                      "plural": true,
+                      "selections": [
+                        {
+                          "kind": "RequiredField",
+                          "field": {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Invitation",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v1/*: any*/),
+                              {
+                                "args": null,
+                                "kind": "FragmentSpread",
+                                "name": "InvitationCardFragment"
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          "action": "THROW"
+                        }
+                      ],
+                      "storageKey": null
+                    },
+                    "action": "THROW"
+                  }
+                ],
+                "storageKey": "pendingInvitations(first:1000,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+              },
+              "action": "THROW"
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [],
+    "kind": "Operation",
+    "name": "MembershipsPageQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "viewer",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": (v0/*: any*/),
+            "concreteType": "MembershipConnection",
+            "kind": "LinkedField",
+            "name": "memberships",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "MembershipEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Membership",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v1/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Session",
+                        "kind": "LinkedField",
+                        "name": "lastSession",
+                        "plural": false,
+                        "selections": [
+                          (v1/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "expiresAt",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Organization",
+                        "kind": "LinkedField",
+                        "name": "organization",
+                        "plural": false,
+                        "selections": [
+                          (v1/*: any*/),
+                          (v2/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "logoUrl",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": "memberships(first:1000,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+          },
+          {
+            "alias": null,
+            "args": (v0/*: any*/),
+            "concreteType": "InvitationConnection",
+            "kind": "LinkedField",
+            "name": "pendingInvitations",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "InvitationEdge",
+                "kind": "LinkedField",
+                "name": "edges",
+                "plural": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "Invitation",
+                    "kind": "LinkedField",
+                    "name": "node",
+                    "plural": false,
+                    "selections": [
+                      (v1/*: any*/),
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "role",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "createdAt",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "Organization",
+                        "kind": "LinkedField",
+                        "name": "organization",
+                        "plural": false,
+                        "selections": [
+                          (v1/*: any*/),
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "storageKey": "pendingInvitations(first:1000,orderBy:{\"direction\":\"DESC\",\"field\":\"CREATED_AT\"})"
+          },
+          (v1/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "70ba2b8cec46ba8154cf7a6a51e03932",
+    "id": null,
+    "metadata": {},
+    "name": "MembershipsPageQuery",
+    "operationKind": "query",
+    "text": "query MembershipsPageQuery {\n  viewer {\n    memberships(first: 1000, orderBy: {direction: DESC, field: CREATED_AT}) {\n      edges {\n        node {\n          id\n          ...MembershipCardFragment\n          organization {\n            name\n            id\n          }\n        }\n      }\n    }\n    pendingInvitations(first: 1000, orderBy: {direction: DESC, field: CREATED_AT}) {\n      edges {\n        node {\n          id\n          ...InvitationCardFragment\n        }\n      }\n    }\n    id\n  }\n}\n\nfragment InvitationCardFragment on Invitation {\n  id\n  role\n  createdAt\n  organization {\n    id\n    name\n  }\n}\n\nfragment MembershipCardFragment on Membership {\n  lastSession {\n    id\n    expiresAt\n  }\n  organization {\n    id\n    name\n    logoUrl\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "4148521eb3eaba1670a2d181b6d2468f";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/NewOrganizationPageMutation.graphql.ts b/apps/console/src/__generated__/iam/NewOrganizationPageMutation.graphql.ts
new file mode 100644
index 000000000..3c0bbc451
--- /dev/null
+++ b/apps/console/src/__generated__/iam/NewOrganizationPageMutation.graphql.ts
@@ -0,0 +1,115 @@
+/**
+ * @generated SignedSource<<3c4bf3ac3f3eff32d0c86fe61190576e>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateOrganizationInput = {
+  horizontalLogoFile?: any | null | undefined;
+  logoFile?: any | null | undefined;
+  name: string;
+};
+export type NewOrganizationPageMutation$variables = {
+  input: CreateOrganizationInput;
+};
+export type NewOrganizationPageMutation$data = {
+  readonly createOrganization: {
+    readonly organization: {
+      readonly id: string;
+      readonly name: string;
+    } | null | undefined;
+  } | null | undefined;
+};
+export type NewOrganizationPageMutation = {
+  response: NewOrganizationPageMutation$data;
+  variables: NewOrganizationPageMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "CreateOrganizationPayload",
+    "kind": "LinkedField",
+    "name": "createOrganization",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Organization",
+        "kind": "LinkedField",
+        "name": "organization",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NewOrganizationPageMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "NewOrganizationPageMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "e4d07eba4c1791eeb6e5e1e627c79593",
+    "id": null,
+    "metadata": {},
+    "name": "NewOrganizationPageMutation",
+    "operationKind": "mutation",
+    "text": "mutation NewOrganizationPageMutation(\n  $input: CreateOrganizationInput!\n) {\n  createOrganization(input: $input) {\n    organization {\n      id\n      name\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "68737a40f2993357fb169e9aac6a4262";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/NewSAMLConfigurationForm_createMutation.graphql.ts b/apps/console/src/__generated__/iam/NewSAMLConfigurationForm_createMutation.graphql.ts
new file mode 100644
index 000000000..d09fcd0b5
--- /dev/null
+++ b/apps/console/src/__generated__/iam/NewSAMLConfigurationForm_createMutation.graphql.ts
@@ -0,0 +1,211 @@
+/**
+ * @generated SignedSource<<f88cc717a937f85bb376bd359d7ca722>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SAMLEnforcementPolicy = "OFF" | "OPTIONAL" | "REQUIRED";
+export type CreateSAMLConfigurationInput = {
+  attributeMappings?: SAMLAttributeMappingsInput | null | undefined;
+  autoSignupEnabled: boolean;
+  emailDomain: string;
+  idpCertificate: string;
+  idpEntityId: string;
+  idpSsoUrl: string;
+  organizationId: string;
+};
+export type SAMLAttributeMappingsInput = {
+  email?: string | null | undefined;
+  firstName?: string | null | undefined;
+  lastName?: string | null | undefined;
+  role?: string | null | undefined;
+};
+export type NewSAMLConfigurationForm_createMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreateSAMLConfigurationInput;
+};
+export type NewSAMLConfigurationForm_createMutation$data = {
+  readonly createSAMLConfiguration: {
+    readonly samlConfigurationEdge: {
+      readonly node: {
+        readonly domainVerificationToken: string | null | undefined;
+        readonly domainVerifiedAt: string | null | undefined;
+        readonly emailDomain: string;
+        readonly enforcementPolicy: SAMLEnforcementPolicy;
+        readonly id: string;
+        readonly testLoginUrl: string;
+      };
+    };
+  } | null | undefined;
+};
+export type NewSAMLConfigurationForm_createMutation = {
+  response: NewSAMLConfigurationForm_createMutation$data;
+  variables: NewSAMLConfigurationForm_createMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "SAMLConfigurationEdge",
+  "kind": "LinkedField",
+  "name": "samlConfigurationEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "SAMLConfiguration",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "emailDomain",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "enforcementPolicy",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "domainVerificationToken",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "domainVerifiedAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "testLoginUrl",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "NewSAMLConfigurationForm_createMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateSAMLConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "createSAMLConfiguration",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "NewSAMLConfigurationForm_createMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreateSAMLConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "createSAMLConfiguration",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "samlConfigurationEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "969d5fb34995f5cce359c792cbe1ff49",
+    "id": null,
+    "metadata": {},
+    "name": "NewSAMLConfigurationForm_createMutation",
+    "operationKind": "mutation",
+    "text": "mutation NewSAMLConfigurationForm_createMutation(\n  $input: CreateSAMLConfigurationInput!\n) {\n  createSAMLConfiguration(input: $input) {\n    samlConfigurationEdge {\n      node {\n        id\n        emailDomain\n        enforcementPolicy\n        domainVerificationToken\n        domainVerifiedAt\n        testLoginUrl\n      }\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "5a3b2e5d219b40ca096eece75d7b63b3";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/OrganizationFormFragment.graphql.ts b/apps/console/src/__generated__/iam/OrganizationFormFragment.graphql.ts
new file mode 100644
index 000000000..2eb28465a
--- /dev/null
+++ b/apps/console/src/__generated__/iam/OrganizationFormFragment.graphql.ts
@@ -0,0 +1,116 @@
+/**
+ * @generated SignedSource<<a51e172adf9985b58d315d510a665377>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type OrganizationFormFragment$data = {
+  readonly canUpdate: boolean;
+  readonly description: string | null | undefined;
+  readonly email: string | null | undefined;
+  readonly headquarterAddress: string | null | undefined;
+  readonly horizontalLogoUrl: string | null | undefined;
+  readonly id: string;
+  readonly logoUrl: string | null | undefined;
+  readonly name: string;
+  readonly websiteUrl: string | null | undefined;
+  readonly " $fragmentType": "OrganizationFormFragment";
+};
+export type OrganizationFormFragment$key = {
+  readonly " $data"?: OrganizationFormFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"OrganizationFormFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "OrganizationFormFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "name",
+        "storageKey": null
+      },
+      "action": "THROW"
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "logoUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "horizontalLogoUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "description",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "websiteUrl",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "email",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "headquarterAddress",
+      "storageKey": null
+    },
+    {
+      "alias": "canUpdate",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "iam:organization:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"iam:organization:update\")"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "d1a518b08167fdd53901c4b842fa2e9c";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/OrganizationForm_deleteHorizontalLogoMutation.graphql.ts b/apps/console/src/__generated__/iam/OrganizationForm_deleteHorizontalLogoMutation.graphql.ts
new file mode 100644
index 000000000..6427d6714
--- /dev/null
+++ b/apps/console/src/__generated__/iam/OrganizationForm_deleteHorizontalLogoMutation.graphql.ts
@@ -0,0 +1,113 @@
+/**
+ * @generated SignedSource<<ea00a00b77edf3939a310de2b0f7b8e0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteOrganizationHorizontalLogoInput = {
+  organizationId: string;
+};
+export type OrganizationForm_deleteHorizontalLogoMutation$variables = {
+  input: DeleteOrganizationHorizontalLogoInput;
+};
+export type OrganizationForm_deleteHorizontalLogoMutation$data = {
+  readonly deleteOrganizationHorizontalLogo: {
+    readonly organization: {
+      readonly horizontalLogoUrl: string | null | undefined;
+      readonly id: string;
+    };
+  } | null | undefined;
+};
+export type OrganizationForm_deleteHorizontalLogoMutation = {
+  response: OrganizationForm_deleteHorizontalLogoMutation$data;
+  variables: OrganizationForm_deleteHorizontalLogoMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "DeleteOrganizationHorizontalLogoPayload",
+    "kind": "LinkedField",
+    "name": "deleteOrganizationHorizontalLogo",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Organization",
+        "kind": "LinkedField",
+        "name": "organization",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "horizontalLogoUrl",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "OrganizationForm_deleteHorizontalLogoMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "OrganizationForm_deleteHorizontalLogoMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "2ec98faaaf8317f642f5db54c7bbed80",
+    "id": null,
+    "metadata": {},
+    "name": "OrganizationForm_deleteHorizontalLogoMutation",
+    "operationKind": "mutation",
+    "text": "mutation OrganizationForm_deleteHorizontalLogoMutation(\n  $input: DeleteOrganizationHorizontalLogoInput!\n) {\n  deleteOrganizationHorizontalLogo(input: $input) {\n    organization {\n      id\n      horizontalLogoUrl\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "9ea67e345e506fef9d85ee31bc360d51";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/OrganizationForm_updateMutation.graphql.ts b/apps/console/src/__generated__/iam/OrganizationForm_updateMutation.graphql.ts
new file mode 100644
index 000000000..65590121e
--- /dev/null
+++ b/apps/console/src/__generated__/iam/OrganizationForm_updateMutation.graphql.ts
@@ -0,0 +1,168 @@
+/**
+ * @generated SignedSource<<9602c1a0ad55d4889431c8e5f54f4461>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type UpdateOrganizationInput = {
+  description?: string | null | undefined;
+  email?: string | null | undefined;
+  headquarterAddress?: string | null | undefined;
+  horizontalLogoFile?: any | null | undefined;
+  logoFile?: any | null | undefined;
+  name?: string | null | undefined;
+  organizationId: string;
+  websiteUrl?: string | null | undefined;
+};
+export type OrganizationForm_updateMutation$variables = {
+  input: UpdateOrganizationInput;
+};
+export type OrganizationForm_updateMutation$data = {
+  readonly updateOrganization: {
+    readonly organization: {
+      readonly description: string | null | undefined;
+      readonly email: string | null | undefined;
+      readonly headquarterAddress: string | null | undefined;
+      readonly horizontalLogoUrl: string | null | undefined;
+      readonly id: string;
+      readonly logoUrl: string | null | undefined;
+      readonly name: string;
+      readonly websiteUrl: string | null | undefined;
+    } | null | undefined;
+  } | null | undefined;
+};
+export type OrganizationForm_updateMutation = {
+  response: OrganizationForm_updateMutation$data;
+  variables: OrganizationForm_updateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "UpdateOrganizationPayload",
+    "kind": "LinkedField",
+    "name": "updateOrganization",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Organization",
+        "kind": "LinkedField",
+        "name": "organization",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "name",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "logoUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "horizontalLogoUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "description",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "websiteUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "email",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "headquarterAddress",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "OrganizationForm_updateMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "OrganizationForm_updateMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "f2a249d13ff38645cb858b494c05c59d",
+    "id": null,
+    "metadata": {},
+    "name": "OrganizationForm_updateMutation",
+    "operationKind": "mutation",
+    "text": "mutation OrganizationForm_updateMutation(\n  $input: UpdateOrganizationInput!\n) {\n  updateOrganization(input: $input) {\n    organization {\n      id\n      name\n      logoUrl\n      horizontalLogoUrl\n      description\n      websiteUrl\n      email\n      headquarterAddress\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "c4dd7a42f611fa210594017a5a63d159";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/PersonalAPIKeyListCreateMutation.graphql.ts b/apps/console/src/__generated__/iam/PersonalAPIKeyListCreateMutation.graphql.ts
new file mode 100644
index 000000000..803955bd0
--- /dev/null
+++ b/apps/console/src/__generated__/iam/PersonalAPIKeyListCreateMutation.graphql.ts
@@ -0,0 +1,193 @@
+/**
+ * @generated SignedSource<<aa1a5069891de3be9e8ea2dc554747d4>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreatePersonalAPIKeyInput = {
+  expiresAt: string;
+  name: string;
+};
+export type PersonalAPIKeyListCreateMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: CreatePersonalAPIKeyInput;
+};
+export type PersonalAPIKeyListCreateMutation$data = {
+  readonly createPersonalAPIKey: {
+    readonly personalAPIKeyEdge: {
+      readonly node: {
+        readonly createdAt: string;
+        readonly expiresAt: string;
+        readonly id: string;
+        readonly name: string;
+      };
+    };
+    readonly token: string;
+  } | null | undefined;
+};
+export type PersonalAPIKeyListCreateMutation = {
+  response: PersonalAPIKeyListCreateMutation$data;
+  variables: PersonalAPIKeyListCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "PersonalAPIKeyEdge",
+  "kind": "LinkedField",
+  "name": "personalAPIKeyEdge",
+  "plural": false,
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "PersonalAPIKey",
+      "kind": "LinkedField",
+      "name": "node",
+      "plural": false,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "id",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "name",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "expiresAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "token",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PersonalAPIKeyListCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreatePersonalAPIKeyPayload",
+        "kind": "LinkedField",
+        "name": "createPersonalAPIKey",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "PersonalAPIKeyListCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "CreatePersonalAPIKeyPayload",
+        "kind": "LinkedField",
+        "name": "createPersonalAPIKey",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "prependEdge",
+            "key": "",
+            "kind": "LinkedHandle",
+            "name": "personalAPIKeyEdge",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          },
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1ec09abe9f3a61e13ba2deacf1a273fb",
+    "id": null,
+    "metadata": {},
+    "name": "PersonalAPIKeyListCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation PersonalAPIKeyListCreateMutation(\n  $input: CreatePersonalAPIKeyInput!\n) {\n  createPersonalAPIKey(input: $input) {\n    personalAPIKeyEdge {\n      node {\n        id\n        name\n        createdAt\n        expiresAt\n      }\n    }\n    token\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "86df62e5e5f2d9f347f41648d7af9c32";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/PersonalAPIKeyListFragment.graphql.ts b/apps/console/src/__generated__/iam/PersonalAPIKeyListFragment.graphql.ts
new file mode 100644
index 000000000..05c0c6eb0
--- /dev/null
+++ b/apps/console/src/__generated__/iam/PersonalAPIKeyListFragment.graphql.ts
@@ -0,0 +1,150 @@
+/**
+ * @generated SignedSource<<bdb7bb502fae96e1eb5b8ae644f8bebf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type PersonalAPIKeyListFragment$data = {
+  readonly id: string;
+  readonly personalAPIKeys: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"PersonalAPIKeyRowFragment">;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "PersonalAPIKeyListFragment";
+};
+export type PersonalAPIKeyListFragment$key = {
+  readonly " $data"?: PersonalAPIKeyListFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"PersonalAPIKeyListFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "personalAPIKeys"
+        ]
+      }
+    ]
+  },
+  "name": "PersonalAPIKeyListFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": "personalAPIKeys",
+        "args": null,
+        "concreteType": "PersonalAPIKeyConnection",
+        "kind": "LinkedField",
+        "name": "__PersonalAPIKeyListFragment_personalAPIKeys_connection",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "PersonalAPIKeyEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "PersonalAPIKey",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v0/*: any*/),
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "PersonalAPIKeyRowFragment"
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "__typename",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "cursor",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "PageInfo",
+            "kind": "LinkedField",
+            "name": "pageInfo",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "endCursor",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasNextPage",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Identity",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "eac59db5cdb5d77813236a90e7fb4d94";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/PersonalAPIKeyRowFragment.graphql.ts b/apps/console/src/__generated__/iam/PersonalAPIKeyRowFragment.graphql.ts
new file mode 100644
index 000000000..0feffd696
--- /dev/null
+++ b/apps/console/src/__generated__/iam/PersonalAPIKeyRowFragment.graphql.ts
@@ -0,0 +1,101 @@
+/**
+ * @generated SignedSource<<d4d4692688621656de57fda5884703dd>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type PersonalAPIKeyRowFragment$data = {
+  readonly createdAt: string;
+  readonly expiresAt: string;
+  readonly id: string;
+  readonly name: string;
+  readonly token?: string | null | undefined;
+  readonly " $fragmentType": "PersonalAPIKeyRowFragment";
+};
+export type PersonalAPIKeyRowFragment$key = {
+  readonly " $data"?: PersonalAPIKeyRowFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"PersonalAPIKeyRowFragment">;
+};
+
+import PersonalAPIKeyRowRefetchQuery_graphql from './PersonalAPIKeyRowRefetchQuery.graphql';
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [
+    {
+      "defaultValue": false,
+      "kind": "LocalArgument",
+      "name": "includeToken"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "refetch": {
+      "connection": null,
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": PersonalAPIKeyRowRefetchQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "PersonalAPIKeyRowFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "name",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "expiresAt",
+      "storageKey": null
+    },
+    {
+      "condition": "includeToken",
+      "kind": "Condition",
+      "passingValue": true,
+      "selections": [
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "token",
+          "storageKey": null
+        }
+      ]
+    }
+  ],
+  "type": "PersonalAPIKey",
+  "abstractKey": null
+};
+
+(node as any).hash = "d17db443fa203ee5f9c7d0f4576295f0";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/PersonalAPIKeyRowRefetchQuery.graphql.ts b/apps/console/src/__generated__/iam/PersonalAPIKeyRowRefetchQuery.graphql.ts
new file mode 100644
index 000000000..3ffad672e
--- /dev/null
+++ b/apps/console/src/__generated__/iam/PersonalAPIKeyRowRefetchQuery.graphql.ts
@@ -0,0 +1,172 @@
+/**
+ * @generated SignedSource<<2d413d4e4cf2528a45ff243c0fa733bb>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type PersonalAPIKeyRowRefetchQuery$variables = {
+  id: string;
+  includeToken?: boolean | null | undefined;
+};
+export type PersonalAPIKeyRowRefetchQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"PersonalAPIKeyRowFragment">;
+  } | null | undefined;
+};
+export type PersonalAPIKeyRowRefetchQuery = {
+  response: PersonalAPIKeyRowRefetchQuery$data;
+  variables: PersonalAPIKeyRowRefetchQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v1 = {
+  "defaultValue": false,
+  "kind": "LocalArgument",
+  "name": "includeToken"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PersonalAPIKeyRowRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": [
+              {
+                "kind": "Variable",
+                "name": "includeToken",
+                "variableName": "includeToken"
+              }
+            ],
+            "kind": "FragmentSpread",
+            "name": "PersonalAPIKeyRowFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "PersonalAPIKeyRowRefetchQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "__typename",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "name",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "createdAt",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "expiresAt",
+                "storageKey": null
+              },
+              {
+                "condition": "includeToken",
+                "kind": "Condition",
+                "passingValue": true,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "token",
+                    "storageKey": null
+                  }
+                ]
+              }
+            ],
+            "type": "PersonalAPIKey",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "b4732244e28d5847baaa5520a95a4cfb",
+    "id": null,
+    "metadata": {},
+    "name": "PersonalAPIKeyRowRefetchQuery",
+    "operationKind": "query",
+    "text": "query PersonalAPIKeyRowRefetchQuery(\n  $includeToken: Boolean = false\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...PersonalAPIKeyRowFragment_2T7Twf\n    id\n  }\n}\n\nfragment PersonalAPIKeyRowFragment_2T7Twf on PersonalAPIKey {\n  id\n  name\n  createdAt\n  expiresAt\n  token @include(if: $includeToken)\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d17db443fa203ee5f9c7d0f4576295f0";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/PersonalAPIKeyRow_revokeMutation.graphql.ts b/apps/console/src/__generated__/iam/PersonalAPIKeyRow_revokeMutation.graphql.ts
new file mode 100644
index 000000000..9d9b3cbcf
--- /dev/null
+++ b/apps/console/src/__generated__/iam/PersonalAPIKeyRow_revokeMutation.graphql.ts
@@ -0,0 +1,132 @@
+/**
+ * @generated SignedSource<<64ad5ad6ff333dffc7b2d5d578028d7f>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type RevokePersonalAPIKeyInput = {
+  personalAPIKeyId: string;
+};
+export type PersonalAPIKeyRow_revokeMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: RevokePersonalAPIKeyInput;
+};
+export type PersonalAPIKeyRow_revokeMutation$data = {
+  readonly revokePersonalAPIKey: {
+    readonly personalAPIKeyId: string;
+  } | null | undefined;
+};
+export type PersonalAPIKeyRow_revokeMutation = {
+  response: PersonalAPIKeyRow_revokeMutation$data;
+  variables: PersonalAPIKeyRow_revokeMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "personalAPIKeyId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "PersonalAPIKeyRow_revokeMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "RevokePersonalAPIKeyPayload",
+        "kind": "LinkedField",
+        "name": "revokePersonalAPIKey",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "PersonalAPIKeyRow_revokeMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "RevokePersonalAPIKeyPayload",
+        "kind": "LinkedField",
+        "name": "revokePersonalAPIKey",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "personalAPIKeyId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "29dfd9de3537585482c2863a1d547031",
+    "id": null,
+    "metadata": {},
+    "name": "PersonalAPIKeyRow_revokeMutation",
+    "operationKind": "mutation",
+    "text": "mutation PersonalAPIKeyRow_revokeMutation(\n  $input: RevokePersonalAPIKeyInput!\n) {\n  revokePersonalAPIKey(input: $input) {\n    personalAPIKeyId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "258ca02064f55b6fd4a3630ba1f904a4";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SAMLConfigurationListFragment.graphql.ts b/apps/console/src/__generated__/iam/SAMLConfigurationListFragment.graphql.ts
new file mode 100644
index 000000000..401dd8429
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SAMLConfigurationListFragment.graphql.ts
@@ -0,0 +1,208 @@
+/**
+ * @generated SignedSource<<a9a22d22795f9c09c986748fe19dcccf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+export type SAMLEnforcementPolicy = "OFF" | "OPTIONAL" | "REQUIRED";
+import { FragmentRefs } from "relay-runtime";
+export type SAMLConfigurationListFragment$data = {
+  readonly samlConfigurations: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly canDelete: boolean;
+        readonly canUpdate: boolean;
+        readonly domainVerificationToken: string | null | undefined;
+        readonly domainVerifiedAt: string | null | undefined;
+        readonly emailDomain: string;
+        readonly enforcementPolicy: SAMLEnforcementPolicy;
+        readonly id: string;
+        readonly testLoginUrl: string;
+      };
+    }>;
+  };
+  readonly " $fragmentType": "SAMLConfigurationListFragment";
+};
+export type SAMLConfigurationListFragment$key = {
+  readonly " $data"?: SAMLConfigurationListFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SAMLConfigurationListFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "forward",
+        "path": [
+          "samlConfigurations"
+        ]
+      }
+    ]
+  },
+  "name": "SAMLConfigurationListFragment",
+  "selections": [
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": "samlConfigurations",
+        "args": null,
+        "concreteType": "SAMLConfigurationConnection",
+        "kind": "LinkedField",
+        "name": "__SAMLConfigurationListFragment_samlConfigurations_connection",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "SAMLConfigurationEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "SAMLConfiguration",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "id",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "emailDomain",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "enforcementPolicy",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "domainVerificationToken",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "domainVerifiedAt",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "testLoginUrl",
+                      "storageKey": null
+                    },
+                    {
+                      "alias": "canUpdate",
+                      "args": [
+                        {
+                          "kind": "Literal",
+                          "name": "action",
+                          "value": "iam:saml-configuration:update"
+                        }
+                      ],
+                      "kind": "ScalarField",
+                      "name": "permission",
+                      "storageKey": "permission(action:\"iam:saml-configuration:update\")"
+                    },
+                    {
+                      "alias": "canDelete",
+                      "args": [
+                        {
+                          "kind": "Literal",
+                          "name": "action",
+                          "value": "iam:saml-configuration:delete"
+                        }
+                      ],
+                      "kind": "ScalarField",
+                      "name": "permission",
+                      "storageKey": "permission(action:\"iam:saml-configuration:delete\")"
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "__typename",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "cursor",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "PageInfo",
+            "kind": "LinkedField",
+            "name": "pageInfo",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "endCursor",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasNextPage",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "3adfb13b2a908c93602b219ef1d0cf50";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SAMLConfigurationList_deleteMutation.graphql.ts b/apps/console/src/__generated__/iam/SAMLConfigurationList_deleteMutation.graphql.ts
new file mode 100644
index 000000000..a633dbc0d
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SAMLConfigurationList_deleteMutation.graphql.ts
@@ -0,0 +1,133 @@
+/**
+ * @generated SignedSource<<6466caf236dccf64aadc80e85172d8e3>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteSAMLConfigurationInput = {
+  organizationId: string;
+  samlConfigurationId: string;
+};
+export type SAMLConfigurationList_deleteMutation$variables = {
+  connections: ReadonlyArray<string>;
+  input: DeleteSAMLConfigurationInput;
+};
+export type SAMLConfigurationList_deleteMutation$data = {
+  readonly deleteSAMLConfiguration: {
+    readonly deletedSamlConfigurationId: string;
+  } | null | undefined;
+};
+export type SAMLConfigurationList_deleteMutation = {
+  response: SAMLConfigurationList_deleteMutation$data;
+  variables: SAMLConfigurationList_deleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "connections"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "input"
+},
+v2 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedSamlConfigurationId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SAMLConfigurationList_deleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteSAMLConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "deleteSAMLConfiguration",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v1/*: any*/),
+      (v0/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "SAMLConfigurationList_deleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v2/*: any*/),
+        "concreteType": "DeleteSAMLConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "deleteSAMLConfiguration",
+        "plural": false,
+        "selections": [
+          (v3/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteEdge",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedSamlConfigurationId",
+            "handleArgs": [
+              {
+                "kind": "Variable",
+                "name": "connections",
+                "variableName": "connections"
+              }
+            ]
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "cb46bb31e5d10f0ddad38795a72b1ab1",
+    "id": null,
+    "metadata": {},
+    "name": "SAMLConfigurationList_deleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation SAMLConfigurationList_deleteMutation(\n  $input: DeleteSAMLConfigurationInput!\n) {\n  deleteSAMLConfiguration(input: $input) {\n    deletedSamlConfigurationId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "aba27afc1e97268478c5159cedf70026";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SAMLSettingsPageQuery.graphql.ts b/apps/console/src/__generated__/iam/SAMLSettingsPageQuery.graphql.ts
new file mode 100644
index 000000000..47782e492
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SAMLSettingsPageQuery.graphql.ts
@@ -0,0 +1,300 @@
+/**
+ * @generated SignedSource<<b786c501cc6f8f4da479b138e36888d2>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SAMLSettingsPageQuery$variables = {
+  organizationId: string;
+};
+export type SAMLSettingsPageQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly canCreateSAMLConfiguration: boolean;
+    readonly " $fragmentSpreads": FragmentRefs<"SAMLConfigurationListFragment">;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type SAMLSettingsPageQuery = {
+  response: SAMLSettingsPageQuery$data;
+  variables: SAMLSettingsPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": "canCreateSAMLConfiguration",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "iam:saml-configuration:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"iam:saml-configuration:create\")"
+},
+v4 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 1000
+  }
+],
+v5 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SAMLSettingsPageQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": "organization",
+          "args": (v1/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                (v3/*: any*/),
+                {
+                  "args": null,
+                  "kind": "FragmentSpread",
+                  "name": "SAMLConfigurationListFragment"
+                }
+              ],
+              "type": "Organization",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SAMLSettingsPageQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v3/*: any*/),
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "concreteType": "SAMLConfigurationConnection",
+                "kind": "LinkedField",
+                "name": "samlConfigurations",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SAMLConfigurationEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "SAMLConfiguration",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v5/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "emailDomain",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "enforcementPolicy",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "domainVerificationToken",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "domainVerifiedAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "testLoginUrl",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": "canUpdate",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:saml-configuration:update"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:saml-configuration:update\")"
+                          },
+                          {
+                            "alias": "canDelete",
+                            "args": [
+                              {
+                                "kind": "Literal",
+                                "name": "action",
+                                "value": "iam:saml-configuration:delete"
+                              }
+                            ],
+                            "kind": "ScalarField",
+                            "name": "permission",
+                            "storageKey": "permission(action:\"iam:saml-configuration:delete\")"
+                          },
+                          (v2/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": "samlConfigurations(first:1000)"
+              },
+              {
+                "alias": null,
+                "args": (v4/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "SAMLConfigurationListFragment_samlConfigurations",
+                "kind": "LinkedHandle",
+                "name": "samlConfigurations"
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          },
+          (v5/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1a2bfe52dd42459b83e7f99e9b790218",
+    "id": null,
+    "metadata": {},
+    "name": "SAMLSettingsPageQuery",
+    "operationKind": "query",
+    "text": "query SAMLSettingsPageQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      canCreateSAMLConfiguration: permission(action: \"iam:saml-configuration:create\")\n      ...SAMLConfigurationListFragment\n    }\n    id\n  }\n}\n\nfragment SAMLConfigurationListFragment on Organization {\n  samlConfigurations(first: 1000) {\n    edges {\n      node {\n        id\n        emailDomain\n        enforcementPolicy\n        domainVerificationToken\n        domainVerifiedAt\n        testLoginUrl\n        canUpdate: permission(action: \"iam:saml-configuration:update\")\n        canDelete: permission(action: \"iam:saml-configuration:delete\")\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "d0fd8fe9afb6ff650cce48c89eb83c46";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMConfigurationCreateMutation.graphql.ts b/apps/console/src/__generated__/iam/SCIMConfigurationCreateMutation.graphql.ts
new file mode 100644
index 000000000..122fed681
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMConfigurationCreateMutation.graphql.ts
@@ -0,0 +1,194 @@
+/**
+ * @generated SignedSource<<5a8bd03c48696bd6ed7bd5ec80a61045>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type CreateSCIMConfigurationInput = {
+  organizationId: string;
+};
+export type SCIMConfigurationCreateMutation$variables = {
+  input: CreateSCIMConfigurationInput;
+};
+export type SCIMConfigurationCreateMutation$data = {
+  readonly createSCIMConfiguration: {
+    readonly scimConfiguration: {
+      readonly organization: {
+        readonly id: string;
+        readonly scimConfiguration: {
+          readonly createdAt: string;
+          readonly endpointUrl: string;
+          readonly id: string;
+          readonly updatedAt: string;
+        } | null | undefined;
+      } | null | undefined;
+    };
+    readonly token: string;
+  } | null | undefined;
+};
+export type SCIMConfigurationCreateMutation = {
+  response: SCIMConfigurationCreateMutation$data;
+  variables: SCIMConfigurationCreateMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "concreteType": "Organization",
+  "kind": "LinkedField",
+  "name": "organization",
+  "plural": false,
+  "selections": [
+    (v2/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "SCIMConfiguration",
+      "kind": "LinkedField",
+      "name": "scimConfiguration",
+      "plural": false,
+      "selections": [
+        (v2/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "endpointUrl",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "createdAt",
+          "storageKey": null
+        },
+        {
+          "alias": null,
+          "args": null,
+          "kind": "ScalarField",
+          "name": "updatedAt",
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "storageKey": null
+},
+v4 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "token",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SCIMConfigurationCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "CreateSCIMConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "createSCIMConfiguration",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "SCIMConfiguration",
+            "kind": "LinkedField",
+            "name": "scimConfiguration",
+            "plural": false,
+            "selections": [
+              (v3/*: any*/)
+            ],
+            "storageKey": null
+          },
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SCIMConfigurationCreateMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "CreateSCIMConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "createSCIMConfiguration",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "SCIMConfiguration",
+            "kind": "LinkedField",
+            "name": "scimConfiguration",
+            "plural": false,
+            "selections": [
+              (v3/*: any*/),
+              (v2/*: any*/)
+            ],
+            "storageKey": null
+          },
+          (v4/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "24fe7551556768ace60e5c1ee357deda",
+    "id": null,
+    "metadata": {},
+    "name": "SCIMConfigurationCreateMutation",
+    "operationKind": "mutation",
+    "text": "mutation SCIMConfigurationCreateMutation(\n  $input: CreateSCIMConfigurationInput!\n) {\n  createSCIMConfiguration(input: $input) {\n    scimConfiguration {\n      organization {\n        id\n        scimConfiguration {\n          id\n          endpointUrl\n          createdAt\n          updatedAt\n        }\n      }\n      id\n    }\n    token\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "3b23015e5a2e1b117317cbfad4e4a64b";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMConfigurationDeleteMutation.graphql.ts b/apps/console/src/__generated__/iam/SCIMConfigurationDeleteMutation.graphql.ts
new file mode 100644
index 000000000..973d335c0
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMConfigurationDeleteMutation.graphql.ts
@@ -0,0 +1,116 @@
+/**
+ * @generated SignedSource<<6c49f0f68abab263d483a28d103c04a0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type DeleteSCIMConfigurationInput = {
+  organizationId: string;
+  scimConfigurationId: string;
+};
+export type SCIMConfigurationDeleteMutation$variables = {
+  input: DeleteSCIMConfigurationInput;
+};
+export type SCIMConfigurationDeleteMutation$data = {
+  readonly deleteSCIMConfiguration: {
+    readonly deletedScimConfigurationId: string;
+  } | null | undefined;
+};
+export type SCIMConfigurationDeleteMutation = {
+  response: SCIMConfigurationDeleteMutation$data;
+  variables: SCIMConfigurationDeleteMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "input",
+    "variableName": "input"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "deletedScimConfigurationId",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SCIMConfigurationDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "DeleteSCIMConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "deleteSCIMConfiguration",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/)
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SCIMConfigurationDeleteMutation",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v1/*: any*/),
+        "concreteType": "DeleteSCIMConfigurationPayload",
+        "kind": "LinkedField",
+        "name": "deleteSCIMConfiguration",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          {
+            "alias": null,
+            "args": null,
+            "filters": null,
+            "handle": "deleteRecord",
+            "key": "",
+            "kind": "ScalarHandle",
+            "name": "deletedScimConfigurationId"
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "1a275300c9ccf4c15d6042f132fd4527",
+    "id": null,
+    "metadata": {},
+    "name": "SCIMConfigurationDeleteMutation",
+    "operationKind": "mutation",
+    "text": "mutation SCIMConfigurationDeleteMutation(\n  $input: DeleteSCIMConfigurationInput!\n) {\n  deleteSCIMConfiguration(input: $input) {\n    deletedScimConfigurationId\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6241b16c2db7d3b5d575c5ef702268cd";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMConfigurationFragment.graphql.ts b/apps/console/src/__generated__/iam/SCIMConfigurationFragment.graphql.ts
new file mode 100644
index 000000000..8e8676789
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMConfigurationFragment.graphql.ts
@@ -0,0 +1,50 @@
+/**
+ * @generated SignedSource<<17691f5400c05fd0281c9320b9fb86b9>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SCIMConfigurationFragment$data = {
+  readonly endpointUrl: string;
+  readonly id: string;
+  readonly " $fragmentType": "SCIMConfigurationFragment";
+};
+export type SCIMConfigurationFragment$key = {
+  readonly " $data"?: SCIMConfigurationFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SCIMConfigurationFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "SCIMConfigurationFragment",
+  "selections": [
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "id",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "endpointUrl",
+      "storageKey": null
+    }
+  ],
+  "type": "SCIMConfiguration",
+  "abstractKey": null
+};
+
+(node as any).hash = "5bd76da1abe24699f9895857cda748b1";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMConfigurationRegenerateTokenMutation.graphql.ts b/apps/console/src/__generated__/iam/SCIMConfigurationRegenerateTokenMutation.graphql.ts
new file mode 100644
index 000000000..893318574
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMConfigurationRegenerateTokenMutation.graphql.ts
@@ -0,0 +1,138 @@
+/**
+ * @generated SignedSource<<107740eb1068af82db9812255fd4fc3a>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type RegenerateSCIMTokenInput = {
+  organizationId: string;
+  scimConfigurationId: string;
+};
+export type SCIMConfigurationRegenerateTokenMutation$variables = {
+  input: RegenerateSCIMTokenInput;
+};
+export type SCIMConfigurationRegenerateTokenMutation$data = {
+  readonly regenerateSCIMToken: {
+    readonly scimConfiguration: {
+      readonly createdAt: string;
+      readonly endpointUrl: string;
+      readonly id: string;
+      readonly updatedAt: string;
+    };
+    readonly token: string;
+  } | null | undefined;
+};
+export type SCIMConfigurationRegenerateTokenMutation = {
+  response: SCIMConfigurationRegenerateTokenMutation$data;
+  variables: SCIMConfigurationRegenerateTokenMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "RegenerateSCIMTokenPayload",
+    "kind": "LinkedField",
+    "name": "regenerateSCIMToken",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "SCIMConfiguration",
+        "kind": "LinkedField",
+        "name": "scimConfiguration",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "endpointUrl",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "createdAt",
+            "storageKey": null
+          },
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "updatedAt",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "token",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SCIMConfigurationRegenerateTokenMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SCIMConfigurationRegenerateTokenMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "b32d9c1791b52aebd5592c3587db2577",
+    "id": null,
+    "metadata": {},
+    "name": "SCIMConfigurationRegenerateTokenMutation",
+    "operationKind": "mutation",
+    "text": "mutation SCIMConfigurationRegenerateTokenMutation(\n  $input: RegenerateSCIMTokenInput!\n) {\n  regenerateSCIMToken(input: $input) {\n    scimConfiguration {\n      id\n      endpointUrl\n      createdAt\n      updatedAt\n    }\n    token\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "e9cbe9f51cce2157568c86e11a5a7a9d";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMEventListFragment.graphql.ts b/apps/console/src/__generated__/iam/SCIMEventListFragment.graphql.ts
new file mode 100644
index 000000000..9a109a0ec
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMEventListFragment.graphql.ts
@@ -0,0 +1,209 @@
+/**
+ * @generated SignedSource<<24043718fd171f0c9f80df965cbf10eb>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SCIMEventListFragment$data = {
+  readonly events: {
+    readonly edges: ReadonlyArray<{
+      readonly node: {
+        readonly id: string;
+        readonly " $fragmentSpreads": FragmentRefs<"SCIMEventListItemFragment">;
+      };
+    }>;
+  };
+  readonly id: string;
+  readonly " $fragmentType": "SCIMEventListFragment";
+};
+export type SCIMEventListFragment$key = {
+  readonly " $data"?: SCIMEventListFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SCIMEventListFragment">;
+};
+
+import SCIMEventListPaginationQuery_graphql from './SCIMEventListPaginationQuery.graphql';
+
+const node: ReaderFragment = (function(){
+var v0 = [
+  "events"
+],
+v1 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "after"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "before"
+    },
+    {
+      "defaultValue": 20,
+      "kind": "LocalArgument",
+      "name": "first"
+    },
+    {
+      "defaultValue": null,
+      "kind": "LocalArgument",
+      "name": "last"
+    }
+  ],
+  "kind": "Fragment",
+  "metadata": {
+    "connection": [
+      {
+        "count": null,
+        "cursor": null,
+        "direction": "bidirectional",
+        "path": (v0/*: any*/)
+      }
+    ],
+    "refetch": {
+      "connection": {
+        "forward": {
+          "count": "first",
+          "cursor": "after"
+        },
+        "backward": {
+          "count": "last",
+          "cursor": "before"
+        },
+        "path": (v0/*: any*/)
+      },
+      "fragmentPathInResult": [
+        "node"
+      ],
+      "operation": SCIMEventListPaginationQuery_graphql,
+      "identifierInfo": {
+        "identifierField": "id",
+        "identifierQueryVariableName": "id"
+      }
+    }
+  },
+  "name": "SCIMEventListFragment",
+  "selections": [
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": "events",
+        "args": null,
+        "concreteType": "SCIMEventConnection",
+        "kind": "LinkedField",
+        "name": "__SCIMEventListFragment_events_connection",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "SCIMEventEdge",
+              "kind": "LinkedField",
+              "name": "edges",
+              "plural": true,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "SCIMEvent",
+                  "kind": "LinkedField",
+                  "name": "node",
+                  "plural": false,
+                  "selections": [
+                    (v1/*: any*/),
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "SCIMEventListItemFragment"
+                    },
+                    {
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "__typename",
+                      "storageKey": null
+                    }
+                  ],
+                  "storageKey": null
+                },
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "cursor",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          },
+          {
+            "alias": null,
+            "args": null,
+            "concreteType": "PageInfo",
+            "kind": "LinkedField",
+            "name": "pageInfo",
+            "plural": false,
+            "selections": [
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "endCursor",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasNextPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "hasPreviousPage",
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": null,
+                "kind": "ScalarField",
+                "name": "startCursor",
+                "storageKey": null
+              }
+            ],
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    },
+    (v1/*: any*/)
+  ],
+  "type": "SCIMConfiguration",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "64df3764ea01f7a7153983fabb6202ad";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMEventListItemFragment.graphql.ts b/apps/console/src/__generated__/iam/SCIMEventListItemFragment.graphql.ts
new file mode 100644
index 000000000..d7f4fd800
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMEventListItemFragment.graphql.ts
@@ -0,0 +1,129 @@
+/**
+ * @generated SignedSource<<69f50c950d76ce3e882f94f29333caad>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SCIMEventListItemFragment$data = {
+  readonly createdAt: string;
+  readonly errorMessage: string | null | undefined;
+  readonly id: string;
+  readonly ipAddress: string;
+  readonly membership: {
+    readonly id: string;
+    readonly profile: {
+      readonly fullName: string;
+    } | null | undefined;
+  } | null | undefined;
+  readonly method: string;
+  readonly path: string;
+  readonly statusCode: number;
+  readonly " $fragmentType": "SCIMEventListItemFragment";
+};
+export type SCIMEventListItemFragment$key = {
+  readonly " $data"?: SCIMEventListItemFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SCIMEventListItemFragment">;
+};
+
+const node: ReaderFragment = (function(){
+var v0 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "SCIMEventListItemFragment",
+  "selections": [
+    (v0/*: any*/),
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "method",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "path",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "statusCode",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "errorMessage",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "ipAddress",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "createdAt",
+      "storageKey": null
+    },
+    {
+      "alias": null,
+      "args": null,
+      "concreteType": "Membership",
+      "kind": "LinkedField",
+      "name": "membership",
+      "plural": false,
+      "selections": [
+        (v0/*: any*/),
+        {
+          "alias": null,
+          "args": null,
+          "concreteType": "MembershipProfile",
+          "kind": "LinkedField",
+          "name": "profile",
+          "plural": false,
+          "selections": [
+            {
+              "alias": null,
+              "args": null,
+              "kind": "ScalarField",
+              "name": "fullName",
+              "storageKey": null
+            }
+          ],
+          "storageKey": null
+        }
+      ],
+      "storageKey": null
+    }
+  ],
+  "type": "SCIMEvent",
+  "abstractKey": null
+};
+})();
+
+(node as any).hash = "0c9c2bc445531d874b8bceae95f227b8";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMEventListPaginationQuery.graphql.ts b/apps/console/src/__generated__/iam/SCIMEventListPaginationQuery.graphql.ts
new file mode 100644
index 000000000..1e4802058
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMEventListPaginationQuery.graphql.ts
@@ -0,0 +1,342 @@
+/**
+ * @generated SignedSource<<0f5b99c931df8d47706342b7715260ef>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SCIMEventListPaginationQuery$variables = {
+  after?: string | null | undefined;
+  before?: string | null | undefined;
+  first?: number | null | undefined;
+  id: string;
+  last?: number | null | undefined;
+};
+export type SCIMEventListPaginationQuery$data = {
+  readonly node: {
+    readonly " $fragmentSpreads": FragmentRefs<"SCIMEventListFragment">;
+  } | null | undefined;
+};
+export type SCIMEventListPaginationQuery = {
+  response: SCIMEventListPaginationQuery$data;
+  variables: SCIMEventListPaginationQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "after"
+},
+v1 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "before"
+},
+v2 = {
+  "defaultValue": 20,
+  "kind": "LocalArgument",
+  "name": "first"
+},
+v3 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "id"
+},
+v4 = {
+  "defaultValue": null,
+  "kind": "LocalArgument",
+  "name": "last"
+},
+v5 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "id"
+  }
+],
+v6 = [
+  {
+    "kind": "Variable",
+    "name": "after",
+    "variableName": "after"
+  },
+  {
+    "kind": "Variable",
+    "name": "before",
+    "variableName": "before"
+  },
+  {
+    "kind": "Variable",
+    "name": "first",
+    "variableName": "first"
+  },
+  {
+    "kind": "Variable",
+    "name": "last",
+    "variableName": "last"
+  }
+],
+v7 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v8 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+};
+return {
+  "fragment": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v3/*: any*/),
+      (v4/*: any*/)
+    ],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SCIMEventListPaginationQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v5/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          {
+            "args": (v6/*: any*/),
+            "kind": "FragmentSpread",
+            "name": "SCIMEventListFragment"
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [
+      (v0/*: any*/),
+      (v1/*: any*/),
+      (v2/*: any*/),
+      (v4/*: any*/),
+      (v3/*: any*/)
+    ],
+    "kind": "Operation",
+    "name": "SCIMEventListPaginationQuery",
+    "selections": [
+      {
+        "alias": null,
+        "args": (v5/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v7/*: any*/),
+          (v8/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "concreteType": "SCIMEventConnection",
+                "kind": "LinkedField",
+                "name": "events",
+                "plural": false,
+                "selections": [
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "SCIMEventEdge",
+                    "kind": "LinkedField",
+                    "name": "edges",
+                    "plural": true,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "SCIMEvent",
+                        "kind": "LinkedField",
+                        "name": "node",
+                        "plural": false,
+                        "selections": [
+                          (v8/*: any*/),
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "method",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "path",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "statusCode",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "errorMessage",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "ipAddress",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "createdAt",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "Membership",
+                            "kind": "LinkedField",
+                            "name": "membership",
+                            "plural": false,
+                            "selections": [
+                              (v8/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "MembershipProfile",
+                                "kind": "LinkedField",
+                                "name": "profile",
+                                "plural": false,
+                                "selections": [
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "kind": "ScalarField",
+                                    "name": "fullName",
+                                    "storageKey": null
+                                  },
+                                  (v8/*: any*/)
+                                ],
+                                "storageKey": null
+                              }
+                            ],
+                            "storageKey": null
+                          },
+                          (v7/*: any*/)
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "cursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "PageInfo",
+                    "kind": "LinkedField",
+                    "name": "pageInfo",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "endCursor",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasNextPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "hasPreviousPage",
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "startCursor",
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": null
+                  }
+                ],
+                "storageKey": null
+              },
+              {
+                "alias": null,
+                "args": (v6/*: any*/),
+                "filters": null,
+                "handle": "connection",
+                "key": "SCIMEventListFragment_events",
+                "kind": "LinkedHandle",
+                "name": "events"
+              }
+            ],
+            "type": "SCIMConfiguration",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "eea534b94a74bce26338555fbb71364e",
+    "id": null,
+    "metadata": {},
+    "name": "SCIMEventListPaginationQuery",
+    "operationKind": "query",
+    "text": "query SCIMEventListPaginationQuery(\n  $after: CursorKey = null\n  $before: CursorKey = null\n  $first: Int = 20\n  $last: Int = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...SCIMEventListFragment_pbnwq\n    id\n  }\n}\n\nfragment SCIMEventListFragment_pbnwq on SCIMConfiguration {\n  events(first: $first, after: $after, last: $last, before: $before) {\n    edges {\n      node {\n        id\n        ...SCIMEventListItemFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment SCIMEventListItemFragment on SCIMEvent {\n  id\n  method\n  path\n  statusCode\n  errorMessage\n  ipAddress\n  createdAt\n  membership {\n    id\n    profile {\n      fullName\n      id\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "64df3764ea01f7a7153983fabb6202ad";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SCIMSettingsPageQuery.graphql.ts b/apps/console/src/__generated__/iam/SCIMSettingsPageQuery.graphql.ts
new file mode 100644
index 000000000..e8b7a7d78
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SCIMSettingsPageQuery.graphql.ts
@@ -0,0 +1,381 @@
+/**
+ * @generated SignedSource<<5507ea6452d9065f29d74bf685ea3777>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SCIMSettingsPageQuery$variables = {
+  organizationId: string;
+};
+export type SCIMSettingsPageQuery$data = {
+  readonly organization: {
+    readonly __typename: "Organization";
+    readonly canCreateSCIMConfiguration: boolean;
+    readonly canDeleteSCIMConfiguration: boolean;
+    readonly id: string;
+    readonly scimConfiguration: {
+      readonly " $fragmentSpreads": FragmentRefs<"SCIMConfigurationFragment" | "SCIMEventListFragment">;
+    } | null | undefined;
+  } | {
+    // This will never be '%other', but we need some
+    // value in case none of the concrete values match.
+    readonly __typename: "%other";
+  };
+};
+export type SCIMSettingsPageQuery = {
+  response: SCIMSettingsPageQuery$data;
+  variables: SCIMSettingsPageQuery$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "organizationId"
+  }
+],
+v1 = [
+  {
+    "kind": "Variable",
+    "name": "id",
+    "variableName": "organizationId"
+  }
+],
+v2 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "__typename",
+  "storageKey": null
+},
+v3 = {
+  "alias": null,
+  "args": null,
+  "kind": "ScalarField",
+  "name": "id",
+  "storageKey": null
+},
+v4 = {
+  "alias": "canCreateSCIMConfiguration",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "iam:scim-configuration:create"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"iam:scim-configuration:create\")"
+},
+v5 = {
+  "alias": "canDeleteSCIMConfiguration",
+  "args": [
+    {
+      "kind": "Literal",
+      "name": "action",
+      "value": "iam:scim-configuration:delete"
+    }
+  ],
+  "kind": "ScalarField",
+  "name": "permission",
+  "storageKey": "permission(action:\"iam:scim-configuration:delete\")"
+},
+v6 = [
+  {
+    "kind": "Literal",
+    "name": "first",
+    "value": 20
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SCIMSettingsPageQuery",
+    "selections": [
+      {
+        "kind": "RequiredField",
+        "field": {
+          "alias": "organization",
+          "args": (v1/*: any*/),
+          "concreteType": null,
+          "kind": "LinkedField",
+          "name": "node",
+          "plural": false,
+          "selections": [
+            (v2/*: any*/),
+            {
+              "kind": "InlineFragment",
+              "selections": [
+                (v3/*: any*/),
+                (v4/*: any*/),
+                (v5/*: any*/),
+                {
+                  "alias": null,
+                  "args": null,
+                  "concreteType": "SCIMConfiguration",
+                  "kind": "LinkedField",
+                  "name": "scimConfiguration",
+                  "plural": false,
+                  "selections": [
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "SCIMConfigurationFragment"
+                    },
+                    {
+                      "args": null,
+                      "kind": "FragmentSpread",
+                      "name": "SCIMEventListFragment"
+                    }
+                  ],
+                  "storageKey": null
+                }
+              ],
+              "type": "Organization",
+              "abstractKey": null
+            }
+          ],
+          "storageKey": null
+        },
+        "action": "THROW"
+      }
+    ],
+    "type": "Query",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SCIMSettingsPageQuery",
+    "selections": [
+      {
+        "alias": "organization",
+        "args": (v1/*: any*/),
+        "concreteType": null,
+        "kind": "LinkedField",
+        "name": "node",
+        "plural": false,
+        "selections": [
+          (v2/*: any*/),
+          (v3/*: any*/),
+          {
+            "kind": "InlineFragment",
+            "selections": [
+              (v4/*: any*/),
+              (v5/*: any*/),
+              {
+                "alias": null,
+                "args": null,
+                "concreteType": "SCIMConfiguration",
+                "kind": "LinkedField",
+                "name": "scimConfiguration",
+                "plural": false,
+                "selections": [
+                  (v3/*: any*/),
+                  {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "endpointUrl",
+                    "storageKey": null
+                  },
+                  {
+                    "alias": null,
+                    "args": (v6/*: any*/),
+                    "concreteType": "SCIMEventConnection",
+                    "kind": "LinkedField",
+                    "name": "events",
+                    "plural": false,
+                    "selections": [
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "SCIMEventEdge",
+                        "kind": "LinkedField",
+                        "name": "edges",
+                        "plural": true,
+                        "selections": [
+                          {
+                            "alias": null,
+                            "args": null,
+                            "concreteType": "SCIMEvent",
+                            "kind": "LinkedField",
+                            "name": "node",
+                            "plural": false,
+                            "selections": [
+                              (v3/*: any*/),
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "method",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "path",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "statusCode",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "errorMessage",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "ipAddress",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "kind": "ScalarField",
+                                "name": "createdAt",
+                                "storageKey": null
+                              },
+                              {
+                                "alias": null,
+                                "args": null,
+                                "concreteType": "Membership",
+                                "kind": "LinkedField",
+                                "name": "membership",
+                                "plural": false,
+                                "selections": [
+                                  (v3/*: any*/),
+                                  {
+                                    "alias": null,
+                                    "args": null,
+                                    "concreteType": "MembershipProfile",
+                                    "kind": "LinkedField",
+                                    "name": "profile",
+                                    "plural": false,
+                                    "selections": [
+                                      {
+                                        "alias": null,
+                                        "args": null,
+                                        "kind": "ScalarField",
+                                        "name": "fullName",
+                                        "storageKey": null
+                                      },
+                                      (v3/*: any*/)
+                                    ],
+                                    "storageKey": null
+                                  }
+                                ],
+                                "storageKey": null
+                              },
+                              (v2/*: any*/)
+                            ],
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "cursor",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      },
+                      {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "PageInfo",
+                        "kind": "LinkedField",
+                        "name": "pageInfo",
+                        "plural": false,
+                        "selections": [
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "endCursor",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "hasNextPage",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "hasPreviousPage",
+                            "storageKey": null
+                          },
+                          {
+                            "alias": null,
+                            "args": null,
+                            "kind": "ScalarField",
+                            "name": "startCursor",
+                            "storageKey": null
+                          }
+                        ],
+                        "storageKey": null
+                      }
+                    ],
+                    "storageKey": "events(first:20)"
+                  },
+                  {
+                    "alias": null,
+                    "args": (v6/*: any*/),
+                    "filters": null,
+                    "handle": "connection",
+                    "key": "SCIMEventListFragment_events",
+                    "kind": "LinkedHandle",
+                    "name": "events"
+                  }
+                ],
+                "storageKey": null
+              }
+            ],
+            "type": "Organization",
+            "abstractKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ]
+  },
+  "params": {
+    "cacheID": "89bcad16c50ccf4ef4afd0345b02fe4a",
+    "id": null,
+    "metadata": {},
+    "name": "SCIMSettingsPageQuery",
+    "operationKind": "query",
+    "text": "query SCIMSettingsPageQuery(\n  $organizationId: ID!\n) {\n  organization: node(id: $organizationId) {\n    __typename\n    ... on Organization {\n      id\n      canCreateSCIMConfiguration: permission(action: \"iam:scim-configuration:create\")\n      canDeleteSCIMConfiguration: permission(action: \"iam:scim-configuration:delete\")\n      scimConfiguration {\n        ...SCIMConfigurationFragment\n        ...SCIMEventListFragment\n        id\n      }\n    }\n    id\n  }\n}\n\nfragment SCIMConfigurationFragment on SCIMConfiguration {\n  id\n  endpointUrl\n}\n\nfragment SCIMEventListFragment on SCIMConfiguration {\n  events(first: 20) {\n    edges {\n      node {\n        id\n        ...SCIMEventListItemFragment\n        __typename\n      }\n      cursor\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n  id\n}\n\nfragment SCIMEventListItemFragment on SCIMEvent {\n  id\n  method\n  path\n  statusCode\n  errorMessage\n  ipAddress\n  createdAt\n  membership {\n    id\n    profile {\n      fullName\n      id\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "051cceb15c9eaf30694189c259b6d715";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SessionDropdownFragment.graphql.ts b/apps/console/src/__generated__/iam/SessionDropdownFragment.graphql.ts
new file mode 100644
index 000000000..f50ce6d87
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SessionDropdownFragment.graphql.ts
@@ -0,0 +1,115 @@
+/**
+ * @generated SignedSource<<73d5a0059348fd0c5950ae3a873cc383>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SessionDropdownFragment$data = {
+  readonly canDelete: boolean;
+  readonly viewerMembership: {
+    readonly identity: {
+      readonly email: string;
+    };
+    readonly profile: {
+      readonly fullName: string;
+    };
+  };
+  readonly " $fragmentType": "SessionDropdownFragment";
+};
+export type SessionDropdownFragment$key = {
+  readonly " $data"?: SessionDropdownFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SessionDropdownFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "SessionDropdownFragment",
+  "selections": [
+    {
+      "alias": "canDelete",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "iam:organization:delete"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"iam:organization:delete\")"
+    },
+    {
+      "kind": "RequiredField",
+      "field": {
+        "alias": null,
+        "args": null,
+        "concreteType": "Membership",
+        "kind": "LinkedField",
+        "name": "viewerMembership",
+        "plural": false,
+        "selections": [
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "Identity",
+              "kind": "LinkedField",
+              "name": "identity",
+              "plural": false,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "email",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          },
+          {
+            "kind": "RequiredField",
+            "field": {
+              "alias": null,
+              "args": null,
+              "concreteType": "MembershipProfile",
+              "kind": "LinkedField",
+              "name": "profile",
+              "plural": false,
+              "selections": [
+                {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "fullName",
+                  "storageKey": null
+                }
+              ],
+              "storageKey": null
+            },
+            "action": "THROW"
+          }
+        ],
+        "storageKey": null
+      },
+      "action": "THROW"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "51810eafbf165e7b5eeec42cb268ae54";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SessionDropdownSignOutMutation.graphql.ts b/apps/console/src/__generated__/iam/SessionDropdownSignOutMutation.graphql.ts
new file mode 100644
index 000000000..04d693a3a
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SessionDropdownSignOutMutation.graphql.ts
@@ -0,0 +1,74 @@
+/**
+ * @generated SignedSource<<8cb399eb2f38eaf3059531ea4bc3fa30>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SessionDropdownSignOutMutation$variables = Record<PropertyKey, never>;
+export type SessionDropdownSignOutMutation$data = {
+  readonly signOut: {
+    readonly success: boolean;
+  } | null | undefined;
+};
+export type SessionDropdownSignOutMutation = {
+  response: SessionDropdownSignOutMutation$data;
+  variables: SessionDropdownSignOutMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "alias": null,
+    "args": null,
+    "concreteType": "SignOutPayload",
+    "kind": "LinkedField",
+    "name": "signOut",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "kind": "ScalarField",
+        "name": "success",
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SessionDropdownSignOutMutation",
+    "selections": (v0/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": [],
+    "kind": "Operation",
+    "name": "SessionDropdownSignOutMutation",
+    "selections": (v0/*: any*/)
+  },
+  "params": {
+    "cacheID": "a677190a127d7f75d5c629fab236a7a3",
+    "id": null,
+    "metadata": {},
+    "name": "SessionDropdownSignOutMutation",
+    "operationKind": "mutation",
+    "text": "mutation SessionDropdownSignOutMutation {\n  signOut {\n    success\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "10c9bdf35ab3961c7488973e052cf978";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SidebarFragment.graphql.ts b/apps/console/src/__generated__/iam/SidebarFragment.graphql.ts
new file mode 100644
index 000000000..38d346843
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SidebarFragment.graphql.ts
@@ -0,0 +1,314 @@
+/**
+ * @generated SignedSource<<c1333ad749a9c6aaf8f6f671bc578c04>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ReaderFragment } from 'relay-runtime';
+import { FragmentRefs } from "relay-runtime";
+export type SidebarFragment$data = {
+  readonly canGetTrustCenter: boolean;
+  readonly canListAssets: boolean;
+  readonly canListAudits: boolean;
+  readonly canListContinualImprovements: boolean;
+  readonly canListData: boolean;
+  readonly canListDocuments: boolean;
+  readonly canListFrameworks: boolean;
+  readonly canListMeasures: boolean;
+  readonly canListMeetings: boolean;
+  readonly canListNonconformities: boolean;
+  readonly canListObligations: boolean;
+  readonly canListPeople: boolean;
+  readonly canListProcessingActivities: boolean;
+  readonly canListRightsRequests: boolean;
+  readonly canListRisks: boolean;
+  readonly canListSnapshots: boolean;
+  readonly canListStatesOfApplicability: boolean;
+  readonly canListTasks: boolean;
+  readonly canListVendors: boolean;
+  readonly canUpdateOrganization: boolean;
+  readonly " $fragmentType": "SidebarFragment";
+};
+export type SidebarFragment$key = {
+  readonly " $data"?: SidebarFragment$data;
+  readonly " $fragmentSpreads": FragmentRefs<"SidebarFragment">;
+};
+
+const node: ReaderFragment = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": null,
+  "name": "SidebarFragment",
+  "selections": [
+    {
+      "alias": "canListMeetings",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:meeting:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:meeting:list\")"
+    },
+    {
+      "alias": "canListTasks",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:task:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:task:list\")"
+    },
+    {
+      "alias": "canListMeasures",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:measures:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:measures:list\")"
+    },
+    {
+      "alias": "canListRisks",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:risk:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:risk:list\")"
+    },
+    {
+      "alias": "canListFrameworks",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:frameworks:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:frameworks:list\")"
+    },
+    {
+      "alias": "canListPeople",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:people:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:people:list\")"
+    },
+    {
+      "alias": "canListVendors",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:vendor:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:vendor:list\")"
+    },
+    {
+      "alias": "canListDocuments",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:document:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:document:list\")"
+    },
+    {
+      "alias": "canListAssets",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:asset:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:asset:list\")"
+    },
+    {
+      "alias": "canListData",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:datum:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:datum:list\")"
+    },
+    {
+      "alias": "canListAudits",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:audit:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:audit:list\")"
+    },
+    {
+      "alias": "canListNonconformities",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:nonconformity:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:nonconformity:list\")"
+    },
+    {
+      "alias": "canListObligations",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:obligation:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:obligation:list\")"
+    },
+    {
+      "alias": "canListContinualImprovements",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:continual-improvement:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:continual-improvement:list\")"
+    },
+    {
+      "alias": "canListProcessingActivities",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:processing-activity:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:processing-activity:list\")"
+    },
+    {
+      "alias": "canListRightsRequests",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:rights-request:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:rights-request:list\")"
+    },
+    {
+      "alias": "canListSnapshots",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:snapshot:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:snapshot:list\")"
+    },
+    {
+      "alias": "canGetTrustCenter",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:trust-center:get"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:trust-center:get\")"
+    },
+    {
+      "alias": "canUpdateOrganization",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "iam:organization:update"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"iam:organization:update\")"
+    },
+    {
+      "alias": "canListStatesOfApplicability",
+      "args": [
+        {
+          "kind": "Literal",
+          "name": "action",
+          "value": "core:state-of-applicability:list"
+        }
+      ],
+      "kind": "ScalarField",
+      "name": "permission",
+      "storageKey": "permission(action:\"core:state-of-applicability:list\")"
+    }
+  ],
+  "type": "Organization",
+  "abstractKey": null
+};
+
+(node as any).hash = "3a7071a1d9ed4ffc115f5bc22e283a50";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SignInPageMutation.graphql.ts b/apps/console/src/__generated__/iam/SignInPageMutation.graphql.ts
new file mode 100644
index 000000000..7d2edfe6b
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SignInPageMutation.graphql.ts
@@ -0,0 +1,106 @@
+/**
+ * @generated SignedSource<<02b9c661a564d47f4821ff67a4dae9b0>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SignInInput = {
+  email: string;
+  password: string;
+};
+export type SignInPageMutation$variables = {
+  input: SignInInput;
+};
+export type SignInPageMutation$data = {
+  readonly signIn: {
+    readonly session: {
+      readonly id: string;
+    } | null | undefined;
+  } | null | undefined;
+};
+export type SignInPageMutation = {
+  response: SignInPageMutation$data;
+  variables: SignInPageMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "SignInPayload",
+    "kind": "LinkedField",
+    "name": "signIn",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Session",
+        "kind": "LinkedField",
+        "name": "session",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SignInPageMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SignInPageMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "8e13b6ebdfd4ca6bde158dff53f596db",
+    "id": null,
+    "metadata": {},
+    "name": "SignInPageMutation",
+    "operationKind": "mutation",
+    "text": "mutation SignInPageMutation(\n  $input: SignInInput!\n) {\n  signIn(input: $input) {\n    session {\n      id\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "6424104df106b64a6237d92299239a63";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SignUpFromInvitationPageMutation.graphql.ts b/apps/console/src/__generated__/iam/SignUpFromInvitationPageMutation.graphql.ts
new file mode 100644
index 000000000..e814bbf38
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SignUpFromInvitationPageMutation.graphql.ts
@@ -0,0 +1,107 @@
+/**
+ * @generated SignedSource<<59df18257cc2bae52aefd576c20f03cf>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SignUpFromInvitationInput = {
+  fullName: string;
+  password: string;
+  token: string;
+};
+export type SignUpFromInvitationPageMutation$variables = {
+  input: SignUpFromInvitationInput;
+};
+export type SignUpFromInvitationPageMutation$data = {
+  readonly signUpFromInvitation: {
+    readonly identity: {
+      readonly id: string;
+    } | null | undefined;
+  } | null | undefined;
+};
+export type SignUpFromInvitationPageMutation = {
+  response: SignUpFromInvitationPageMutation$data;
+  variables: SignUpFromInvitationPageMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "SignUpFromInvitationPayload",
+    "kind": "LinkedField",
+    "name": "signUpFromInvitation",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "identity",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SignUpFromInvitationPageMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SignUpFromInvitationPageMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "9bdca3bd56cb86a2e9c0627379f7f58f",
+    "id": null,
+    "metadata": {},
+    "name": "SignUpFromInvitationPageMutation",
+    "operationKind": "mutation",
+    "text": "mutation SignUpFromInvitationPageMutation(\n  $input: SignUpFromInvitationInput!\n) {\n  signUpFromInvitation(input: $input) {\n    identity {\n      id\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "418fe53fbdc92e4ce5d2256062f08322";
+
+export default node;
diff --git a/apps/console/src/__generated__/iam/SignUpPageMutation.graphql.ts b/apps/console/src/__generated__/iam/SignUpPageMutation.graphql.ts
new file mode 100644
index 000000000..a7ff47518
--- /dev/null
+++ b/apps/console/src/__generated__/iam/SignUpPageMutation.graphql.ts
@@ -0,0 +1,107 @@
+/**
+ * @generated SignedSource<<450f7808784d82c4ee82e21f72c57465>>
+ * @lightSyntaxTransform
+ * @nogrep
+ */
+
+/* tslint:disable */
+/* eslint-disable */
+// @ts-nocheck
+
+import { ConcreteRequest } from 'relay-runtime';
+export type SignUpInput = {
+  email: string;
+  fullName: string;
+  password: string;
+};
+export type SignUpPageMutation$variables = {
+  input: SignUpInput;
+};
+export type SignUpPageMutation$data = {
+  readonly signUp: {
+    readonly identity: {
+      readonly id: string;
+    } | null | undefined;
+  } | null | undefined;
+};
+export type SignUpPageMutation = {
+  response: SignUpPageMutation$data;
+  variables: SignUpPageMutation$variables;
+};
+
+const node: ConcreteRequest = (function(){
+var v0 = [
+  {
+    "defaultValue": null,
+    "kind": "LocalArgument",
+    "name": "input"
+  }
+],
+v1 = [
+  {
+    "alias": null,
+    "args": [
+      {
+        "kind": "Variable",
+        "name": "input",
+        "variableName": "input"
+      }
+    ],
+    "concreteType": "SignUpPayload",
+    "kind": "LinkedField",
+    "name": "signUp",
+    "plural": false,
+    "selections": [
+      {
+        "alias": null,
+        "args": null,
+        "concreteType": "Identity",
+        "kind": "LinkedField",
+        "name": "identity",
+        "plural": false,
+        "selections": [
+          {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "id",
+            "storageKey": null
+          }
+        ],
+        "storageKey": null
+      }
+    ],
+    "storageKey": null
+  }
+];
+return {
+  "fragment": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "SignUpPageMutation",
+    "selections": (v1/*: any*/),
+    "type": "Mutation",
+    "abstractKey": null
+  },
+  "kind": "Request",
+  "operation": {
+    "argumentDefinitions": (v0/*: any*/),
+    "kind": "Operation",
+    "name": "SignUpPageMutation",
+    "selections": (v1/*: any*/)
+  },
+  "params": {
+    "cacheID": "266f2f87a14a72bb166348ae9142a885",
+    "id": null,
+    "metadata": {},
+    "name": "SignUpPageMutation",
+    "operationKind": "mutation",
+    "text": "mutation SignUpPageMutation(\n  $input: SignUpInput!\n) {\n  signUp(input: $input) {\n    identity {\n      id\n    }\n  }\n}\n"
+  }
+};
+})();
+
+(node as any).hash = "b8ec213c1c715d5a7fbfa5896047785d";
+
+export default node;
diff --git a/apps/console/src/hooks/graph/RightsRequestGraph.ts b/apps/console/src/hooks/graph/RightsRequestGraph.ts
index 5816019e6..52faa518b 100644
--- a/apps/console/src/hooks/graph/RightsRequestGraph.ts
+++ b/apps/console/src/hooks/graph/RightsRequestGraph.ts
@@ -38,6 +38,8 @@ export const rightsRequestNodeQuery = graphql`
         }
         createdAt
         updatedAt
+        canUpdate: permission(action: "core:rights-request:update")
+        canDelete: permission(action: "core:rights-request:delete")
       }
     }
   }
@@ -97,7 +99,7 @@ export const deleteRightsRequestMutation = graphql`
 
 export const useDeleteRightsRequest = (
   request: { id: string },
-  connectionId: string
+  connectionId: string,
 ) => {
   const { __ } = useTranslate();
   const [mutate] = useMutationWithToasts(deleteRightsRequestMutation, {
@@ -120,10 +122,10 @@ export const useDeleteRightsRequest = (
       {
         message: sprintf(
           __(
-            "This will permanently delete the rights request. This action cannot be undone."
-          )
+            "This will permanently delete the rights request. This action cannot be undone.",
+          ),
         ),
-      }
+      },
     );
   };
 };
@@ -143,13 +145,19 @@ export const useCreateRightsRequest = (connectionId: string) => {
     actionTaken?: string;
   }) => {
     if (!input.organizationId) {
-      return alert(__("Failed to create rights request: organization is required"));
+      return alert(
+        __("Failed to create rights request: organization is required"),
+      );
     }
     if (!input.requestType) {
-      return alert(__("Failed to create rights request: request type is required"));
+      return alert(
+        __("Failed to create rights request: request type is required"),
+      );
     }
     if (!input.requestState) {
-      return alert(__("Failed to create rights request: request state is required"));
+      return alert(
+        __("Failed to create rights request: request state is required"),
+      );
     }
 
     return promisifyMutation(mutate)({
diff --git a/apps/console/src/pages/iam/organizations/settings/_components/SCIMEventList.tsx b/apps/console/src/pages/iam/organizations/settings/_components/SCIMEventList.tsx
new file mode 100644
index 000000000..0bce0c326
--- /dev/null
+++ b/apps/console/src/pages/iam/organizations/settings/_components/SCIMEventList.tsx
@@ -0,0 +1,74 @@
+import { graphql, usePaginationFragment } from "react-relay";
+import type { SCIMEventListFragment$key } from "/__generated__/iam/SCIMEventListFragment.graphql";
+import type { SCIMEventListPaginationQuery } from "/__generated__/iam/SCIMEventListPaginationQuery.graphql";
+import { useTranslate } from "@probo/i18n";
+import { Thead, Tbody, Tr, Th, Td } from "@probo/ui";
+import { SortableTable } from "/components/SortableTable";
+import { SCIMEventListItem } from "./SCIMEventListItem";
+
+const SCIMEventListFragment = graphql`
+  fragment SCIMEventListFragment on SCIMConfiguration
+  @refetchable(queryName: "SCIMEventListPaginationQuery")
+  @argumentDefinitions(
+    first: { type: "Int", defaultValue: 20 }
+    after: { type: "CursorKey", defaultValue: null }
+    before: { type: "CursorKey", defaultValue: null }
+    last: { type: "Int", defaultValue: null }
+  ) {
+    events(first: $first, after: $after, last: $last, before: $before)
+      @connection(key: "SCIMEventListFragment_events")
+      @required(action: THROW) {
+      edges @required(action: THROW) {
+        node {
+          id
+          ...SCIMEventListItemFragment
+        }
+      }
+    }
+  }
+`;
+
+export function SCIMEventList(props: { fKey: SCIMEventListFragment$key }) {
+  const { fKey } = props;
+  const { __ } = useTranslate();
+
+  const eventsPagination = usePaginationFragment<
+    SCIMEventListPaginationQuery,
+    SCIMEventListFragment$key
+  >(SCIMEventListFragment, fKey);
+
+  return (
+    <SortableTable
+      {...eventsPagination}
+      refetch={() => {
+        eventsPagination.refetch({}, { fetchPolicy: "network-only" });
+      }}
+      pageSize={20}
+    >
+      <Thead>
+        <Tr>
+          <Th>{__("Time")}</Th>
+          <Th>{__("Method")}</Th>
+          <Th>{__("Path")}</Th>
+          <Th>{__("Status")}</Th>
+          <Th>{__("User")}</Th>
+          <Th>{__("IP Address")}</Th>
+          <Th>{__("Error")}</Th>
+        </Tr>
+      </Thead>
+      <Tbody>
+        {eventsPagination.data.events.edges.length === 0 ? (
+          <Tr>
+            <Td colSpan={7} className="text-center text-txt-secondary">
+              {__("No SCIM events recorded yet.")}
+            </Td>
+          </Tr>
+        ) : (
+          eventsPagination.data.events.edges.map(({ node: event }) => (
+            <SCIMEventListItem key={event.id} fKey={event} />
+          ))
+        )}
+      </Tbody>
+    </SortableTable>
+  );
+}
diff --git a/apps/console/src/pages/iam/organizations/settings/_components/SCIMEventListItem.tsx b/apps/console/src/pages/iam/organizations/settings/_components/SCIMEventListItem.tsx
new file mode 100644
index 000000000..d3483dc5b
--- /dev/null
+++ b/apps/console/src/pages/iam/organizations/settings/_components/SCIMEventListItem.tsx
@@ -0,0 +1,71 @@
+import { useFragment } from "react-relay";
+import { graphql } from "relay-runtime";
+import type { SCIMEventListItemFragment$key } from "/__generated__/iam/SCIMEventListItemFragment.graphql";
+import { Td, Tr, Badge } from "@probo/ui";
+import { formatDate } from "@probo/helpers";
+
+const SCIMEventListItemFragment = graphql`
+  fragment SCIMEventListItemFragment on SCIMEvent {
+    id
+    method
+    path
+    statusCode
+    errorMessage
+    ipAddress
+    createdAt
+    membership {
+      id
+      profile {
+        fullName
+      }
+    }
+  }
+`;
+
+const getStatusBadge = (statusCode: number) => {
+  if (statusCode >= 200 && statusCode < 300) {
+    return <Badge variant="success">{statusCode}</Badge>;
+  } else if (statusCode >= 400 && statusCode < 500) {
+    return <Badge variant="warning">{statusCode}</Badge>;
+  } else if (statusCode >= 500) {
+    return <Badge variant="danger">{statusCode}</Badge>;
+  }
+  return <Badge variant="neutral">{statusCode}</Badge>;
+};
+
+const getMethodBadge = (method: string) => {
+  const variants: Record<string, "neutral" | "info" | "danger" | "highlight"> =
+    {
+      GET: "info",
+      POST: "highlight",
+      PUT: "highlight",
+      PATCH: "highlight",
+      DELETE: "danger",
+    };
+  return <Badge variant={variants[method] || "neutral"}>{method}</Badge>;
+};
+
+export function SCIMEventListItem(props: {
+  fKey: SCIMEventListItemFragment$key;
+}) {
+  const { fKey } = props;
+
+  const event = useFragment<SCIMEventListItemFragment$key>(
+    SCIMEventListItemFragment,
+    fKey
+  );
+
+  return (
+    <Tr>
+      <Td className="whitespace-nowrap">{formatDate(event.createdAt)}</Td>
+      <Td>{getMethodBadge(event.method)}</Td>
+      <Td className="font-mono text-xs">{event.path}</Td>
+      <Td>{getStatusBadge(event.statusCode)}</Td>
+      <Td>{event.membership?.profile?.fullName || "-"}</Td>
+      <Td className="font-mono text-xs">{event.ipAddress}</Td>
+      <Td className="max-w-xs truncate text-txt-danger">
+        {event.errorMessage || "-"}
+      </Td>
+    </Tr>
+  );
+}