add created_at and updated_at to access page user lists

OMICRON_VERSION

@@ -1 +1 @@
-161aa6b612a9f05bf708de306293c06d300b3234
+22ad5a9f832f3588090f9ebdf982872ec042b11c

app/api/roles.ts

@@ -83,6 +83,8 @@ type UserAccessRow = {
   name: string
   roleName: RoleKey
   roleSource: string
+  timeCreated: Date | undefined
+  timeModified: Date | undefined
 }
 
 /**
@@ -110,6 +112,8 @@ export function useUserRows(
       name: usersDict[ra.identityId]?.displayName || '', // placeholder until we get names, obviously
       roleName: ra.roleName,
       roleSource,
+      timeCreated: usersDict[ra.identityId]?.timeCreated,
+      timeModified: usersDict[ra.identityId]?.timeModified,
     }))
   }, [roleAssignments, roleSource, users, groups])
 }

app/pages/SiloAccessPage.tsx

@@ -34,6 +34,7 @@ import { confirmDelete } from '~/stores/confirm-delete'
 import { getActionsCol } from '~/table/columns/action-col'
 import { Table } from '~/table/Table'
 import { CreateButton } from '~/ui/lib/CreateButton'
+import { DateTime } from '~/ui/lib/DateTime'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
 import { TableActions, TableEmptyBox } from '~/ui/lib/Table'
@@ -75,6 +76,8 @@ type UserRow = {
   name: string
   siloRole: RoleKey | undefined
   effectiveRole: RoleKey
+  timeCreated: Date | undefined
+  timeModified: Date | undefined
 }
 
 const colHelper = createColumnHelper<UserRow>()
@@ -102,6 +105,8 @@ export default function SiloAccessPage() {
           siloRole,
           // we know there has to be at least one
           effectiveRole: getEffectiveRole(roles)!,
+          timeCreated: userAssignments[0].timeCreated,
+          timeModified: userAssignments[0].timeModified,
         }
 
         return row
@@ -131,6 +136,20 @@ export default function SiloAccessPage() {
           return role ? <Badge color={roleColor[role]}>silo.{role}</Badge> : null
         },
       }),
+      colHelper.accessor('timeCreated', {
+        header: 'created',
+        cell: (info) => {
+          const date = info.getValue()
+          return date ? <DateTime date={date} /> : null
+        },
+      }),
+      colHelper.accessor('timeModified', {
+        header: 'updated',
+        cell: (info) => {
+          const date = info.getValue()
+          return date ? <DateTime date={date} /> : null
+        },
+      }),
       // TODO: tooltips on disabled elements explaining why
       getActionsCol((row: UserRow) => [
         {

app/pages/project/access/ProjectAccessPage.tsx

@@ -40,6 +40,7 @@ import { addToast } from '~/stores/toast'
 import { getActionsCol } from '~/table/columns/action-col'
 import { Table } from '~/table/Table'
 import { CreateButton } from '~/ui/lib/CreateButton'
+import { DateTime } from '~/ui/lib/DateTime'
 import { EmptyMessage } from '~/ui/lib/EmptyMessage'
 import { PageHeader, PageTitle } from '~/ui/lib/PageHeader'
 import { TableActions, TableEmptyBox } from '~/ui/lib/Table'
@@ -87,6 +88,8 @@ type UserRow = {
   name: string
   projectRole: RoleKey | undefined
   roleBadges: { roleSource: string; roleName: RoleKey }[]
+  timeCreated: Date | undefined
+  timeModified: Date | undefined
 }
 
 const colHelper = createColumnHelper<UserRow>()
@@ -121,6 +124,8 @@ export default function ProjectAccessPage() {
           name,
           projectRole: projectAccessRow?.roleName,
           roleBadges,
+          timeCreated: userAssignments[0].timeCreated,
+          timeModified: userAssignments[0].timeModified,
         } satisfies UserRow
       })
       .sort(byGroupThenName)
@@ -165,6 +170,21 @@ export default function ProjectAccessPage() {
         ),
       }),
 
+      colHelper.accessor('timeCreated', {
+        header: 'created',
+        cell: (info) => {
+          const date = info.getValue()
+          return date ? <DateTime date={date} /> : null
+        },
+      }),
+      colHelper.accessor('timeModified', {
+        header: 'updated',
+        cell: (info) => {
+          const date = info.getValue()
+          return date ? <DateTime date={date} /> : null
+        },
+      }),
+
       // TODO: tooltips on disabled elements explaining why
       getActionsCol((row: UserRow) => [
         {

mock-api/msw/handlers.ts

@@ -2292,7 +2292,6 @@ export const handlers = makeHandlers({
   siloSubnetPoolList: NotImplemented,
   siloUserList: NotImplemented,
   siloUserView: NotImplemented,
-  sledAdd: NotImplemented,
   sledListUninitialized: NotImplemented,
   sledSetProvisionPolicy: NotImplemented,
   systemSubnetPoolCreate: NotImplemented,
@@ -2322,6 +2321,7 @@ export const handlers = makeHandlers({
   systemPolicyUpdate: NotImplemented,
   systemQuotasList: NotImplemented,
   systemTimeseriesSchemaList: NotImplemented,
+  systemUpdateRecoveryFinish: NotImplemented,
   systemUpdateRepositoryView: NotImplemented,
   systemUpdateTrustRootCreate: NotImplemented,
   systemUpdateTrustRootDelete: NotImplemented,