Skip to content

Conversation

@stevenceuppens
Copy link

What?

Add a new System Info page accessible from the settings menu displaying technical information about the Payload installation and runtime environment.

Why?

Administrators and developers need easy access at runtime to important system information about their Payload installation for debugging, troubleshooting, and support purposes. This information is currently not readily available in the Admin Panel, requiring developers to check package.json files and configuration manually.

How?

  • Created new System Info view at /system-info displaying:
    • Version information (Payload, Next.js, Node.js) - dynamically loaded from package.json files
    • Configuration (Environment/NODE_ENV, Server URL, Database Adapter)
    • Current session information (logged-in user)
  • Reorganized settings menu to show user-defined items first, followed by a separator, then System Info
  • Added admin.routes.systemInfo config option (set to false to disable the page)
  • Mapped internal database adapter names to user-friendly display names (e.g., mongoose → "MongoDB", postgres → "PostgreSQL")
  • Fixed gear icon stroke-width from 1px to 2px to match logout icon consistency
  • Added comprehensive documentation to docs/admin/overview.mdx
  • Can be extended with more relevant information later

Screenshots

system-info

Related

N/A - New feature implementation

Add a new System Info page accessible from the settings menu displaying technical information about the Payload installation and runtime environment.

Features:
- System Info page at /system-info with version info (Payload, Next.js, Node.js), configuration (environment, server URL, database adapter), and session information
- Dynamic version loading from package.json files using ES module imports
- User-friendly database adapter display names (MongoDB, PostgreSQL, SQLite, Cloudflare D1 SQLite)
- Settings menu reorganization: user-defined items first, separator line, then System Info
- Config option to disable page via admin.routes.systemInfo = false
- Fixed gear icon stroke-width to match logout icon (2px)
- Comprehensive documentation in docs/admin/overview.mdx

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>
@stevenceuppens stevenceuppens changed the title feat(admin): add System Info page to settings menu feat(ui): add System Info page to settings menu Oct 28, 2025
@stevenceuppens stevenceuppens marked this pull request as ready for review October 28, 2025 13:59
Fixed incorrect description of settings menu location. The gear icon is in the bottom left corner of the navigation above the logout button, not in the top-right corner.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>
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.

2 participants