Skip to content

Audit log#2860

Open
david-crespo wants to merge 48 commits into
mainfrom
audit-log
Open

Audit log#2860
david-crespo wants to merge 48 commits into
mainfrom
audit-log

Conversation

@david-crespo
Copy link
Copy Markdown
Collaborator

@david-crespo david-crespo commented Jul 23, 2025

Copied from #2849, which I accidentally merged and couldn't reopen even after I fixed main.


Still very rough, but has been a helpful exercise in working through some of the design due to the sheer amount of information and differing layout from other pages.

!https://github.com/user-attachments/assets/84cbb9f6-d22b-4e64-9b1d-e39d74d22902

Stubbing out based on oxidecomputer/omicron#7339.

Uses Tanstack Virtual. On testing with > 500 lines without virtualisation it starts to get a bit chunky especially if you're interacting with the page (e.g. opening the row).

Hoping that silo name and actor display name can be plumbed through so those are hard-coded for now.

Still needs:

  • Error state
  • Loading/placeholder state
  • Copy JSON to clipboard
  • Equivalent CLI/API command
  • Fix giant footer spacing
  • Arrow key selected item navigation
  • Hide overflowing columns
  • Improved focus visible look
  • Timestamp hover
  • Fix gradient on light mode
  • Syntax highlighting

@vercel
Copy link
Copy Markdown

vercel Bot commented Jul 23, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
console Ready Ready Preview May 20, 2026 11:54am

Request Review

@david-crespo
Copy link
Copy Markdown
Collaborator Author

Can't repro locally, but this happened twice in CI so it's probably not a fluke.

image

Comment thread app/pages/system/AuditLog.tsx Outdated
export const handle = { crumb: 'Audit Log' }

// todo
// might want to still render the items in case of error
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Probably, we could just add a banner and a refresh. What type of error could we expect here? If you were no longer authorised you'd be logged out? Just a general server error retrieving?

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Errors should be pretty unlikely if you can get to the page at all, so I’d say keep it very generic.

Comment thread app/pages/system/AuditLog.tsx Outdated
return <div>Error State</div>
}

// todo
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think I'll do a skeleton state that is essentially a bunch of empty items to avoid too much layout shift when they load

@benjaminleonard
Copy link
Copy Markdown
Contributor

@david-crespo What's the path to getting this merged, other than the merge conflicts?

@david-crespo
Copy link
Copy Markdown
Collaborator Author

Claude one-shotted the main merge. It looks pretty good. Still need to check it in more detail and re-review everything. I see some tearing or pop-in when I scroll the list fast, maybe due to virtualization. I don't remember how any of this works.

@benjaminleonard benjaminleonard marked this pull request as ready for review May 18, 2026 14:30
@david-crespo
Copy link
Copy Markdown
Collaborator Author

This is looking quite good to me. Is it weird that the side thing is under the table headers? It almost makes it looks like they should apply to the modal contents.

image

Something else I notice is that some of the time when I click the load more button and I'm scrolled all the way down, the new data pops in and then my window jumps to the bottom to meet it. Sometimes it happens, other times not. I'll have to see if I can figure out what is going on there.

Copy link
Copy Markdown
Contributor

Yeah I tweaked to move the selected item popover over the header row. We lose the pt-3 since we want to match the height of the popover header and the header row. But I think it works better this way.

Copy link
Copy Markdown
Contributor

I've also removed the auto scroll on click, it's just if you use the arrow keys or the up/down within the popover. Less jumping around for the user.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants