Skip to content

fix(web): add API Keys menu item to settings navigation - #5337

Open
pedrofrxncx wants to merge 1 commit into
mainfrom
fix/api-keys-settings-menu-w4
Open

fix(web): add API Keys menu item to settings navigation#5337
pedrofrxncx wants to merge 1 commit into
mainfrom
fix/api-keys-settings-menu-w4

Conversation

@pedrofrxncx

@pedrofrxncx pedrofrxncx commented Jul 28, 2026

Copy link
Copy Markdown
Collaborator

Summary

Add the missing API Keys entry to the settings menu for users with the api-keys:manage capability. The API Keys feature was documented and functional via the API Key Manager agent, but had no entry in the settings sidebar, making it invisible to users who expected it there.

Includes a settings page view that lists existing API keys with creation dates, plus full i18n translations (English and Portuguese).

Test Plan

  • Verify the "API Keys" menu item appears in settings for users with the api-keys:manage capability
  • Verify the menu item is hidden for users without the capability
  • Verify clicking "API Keys" navigates to /$org/settings/api-keys
  • Verify the API Keys page displays existing keys from useApiKeysList()
  • Verify empty state renders when no keys exist
  • Verify Portuguese translation displays correctly when language is set to pt-BR

Implementation Details

  • Added api-keys menu item to useSettingsSidebarGroups() in settings-layout.tsx, gated by requires: "api-keys:manage"
  • Added translation keys to both i18n/en/settings.ts and i18n/pt-br/settings.ts
  • Created route file at routes/orgs/settings/api-keys.tsx that renders OrgApiKeysPage
  • Created view component at views/settings/api-keys.tsx that displays API keys using the existing useApiKeysList() hook
  • Used existing Key01 icon to match other credential-related menu items (secrets)
  • Menu placement: below "AI Providers" in the Organization section, above "Secrets"

Behavior is preserved: no existing tests affected, no API changes. Type checking passes with no errors.


Summary by cubic

Adds the missing “API Keys” item to Settings for users with api-keys:manage, plus a new page to view existing keys. Makes API key management discoverable in the UI with EN/pt-BR translations.

  • New Features
    • Adds “API Keys” to the Organization section under “AI Providers,” above “Secrets,” gated by api-keys:manage.
    • Routes to /$org/settings/api-keys.
    • New page lists keys from useApiKeysList() with creation dates, includes empty state, loading skeleton, and error handling.
    • Adds i18n entries for English and Portuguese.

Written for commit 64f50d0. Summary will update on new commits.

Review in cubic

Add the missing API Keys entry to the settings menu for users with the
api-keys:manage capability. The menu item was documented but not exposed
in the UI, so owners couldn't access API key management from the settings
panel. Includes the settings page view and proper i18n translations.

- Add api-keys menu item to settings navigation (gated by api-keys:manage capability)
- Create API Keys settings page at /$org/settings/api-keys
- Add English and Portuguese translations
- List existing API keys with creation dates
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.

1 participant