Skip to content

feat(ui): add inline search filter bar to audit logs page#5465

Merged
maidul98 merged 1 commit intomainfrom
new-events-ui
Feb 12, 2026
Merged

feat(ui): add inline search filter bar to audit logs page#5465
maidul98 merged 1 commit intomainfrom
new-events-ui

Conversation

@maidul98
Copy link
Collaborator

@maidul98 maidul98 commented Feb 12, 2026 •
edited
Loading

Context

Redesigned the audit logs page filtering experience by replacing the dropdown-based LogsFilter with an inline search/filter bar. The new component provides a more streamlined way to compose and manage filters using interactive chips with keyboard navigation support.

No new APIs introduced - the search bar maps directly to the existing audit log query parameters. The old filter was removed.

CleanShot 2026-02-12 at 02 14 52@2x CleanShot 2026-02-12 at 02 15 15@2x CleanShot 2026-02-12 at 02 15 25@2x

Steps to verify the change

  1. Navigate to the organization Audit Logs page.
  2. Click into the search bar — verify the property dropdown appears with all filter types (event, actor, source, project, environment, secret path, secret key).
  3. Try some filters and verify their results

Type

  • Fix
  • Feature
  • Improvement
  • Breaking
  • Docs
  • Chore

Checklist

  • Title follows the conventional commit format: type(scope): short description (scope is optional, e.g., fix: prevent crash on sync or fix(api): handle null response).
  • Tested locally
  • Read the contributing guide

@maidul98
Copy link
Collaborator Author

maidul98 commented Feb 12, 2026

✅ Snyk checks have passed. No issues have been found so far.

Status Scanner Critical High Medium Low Total (0)
✅ Open Source Security 0 0 0 0 0 issues

💻 Catch issues earlier using the plugins for VS Code, JetBrains IDEs, Visual Studio, and Eclipse.

@greptile-apps
Copy link
Contributor

greptile-apps bot commented Feb 12, 2026

Greptile Overview

Greptile Summary

This PR introduces an improved inline search/filter bar for the audit logs page, replacing the previous dropdown-based filtering with a more streamlined chip-based interface that includes keyboard navigation support.

Key Changes:

  • Introduced AuditSearchFilter component with interactive filter chips and keyboard navigation
  • Integrated new search bar in both page view and regular view of audit logs
  • Added visual warning for "orphaned" filters (environment, secret path, secret key) that require project context
  • Enhanced UX with filter count display and improved load more button showing total loaded logs
  • The new component maps directly to existing API parameters with no backend changes

Implementation Notes:

  • Filter values are properly validated against enum types before being sent to the API
  • User input for freetext fields (projectId, environment, secretPath, secretKey) is handled as query parameters
  • The old LogsFilter component remains in the codebase but is only used in non-page views

Confidence Score: 5/5

  • This PR is safe to merge with minimal risk
  • The changes are well-contained to the frontend UI with no backend modifications, no breaking API changes, and no security vulnerabilities. User input is properly handled through existing API query parameters. The implementation follows React best practices with proper state management, keyboard navigation, and accessibility considerations.
  • No files require special attention

Important Files Changed

Filename Overview
frontend/src/pages/organization/AuditLogsPage/components/AuditSearchFilter.tsx New component implementing inline search/filter bar with keyboard navigation, filter chips, and proper input handling
frontend/src/pages/organization/AuditLogsPage/components/LogsSection.tsx Integrated new search filter component, mapping search filters to existing API parameters
frontend/src/pages/organization/AuditLogsPage/components/LogsTable.tsx Added count display to load more button showing total loaded logs
frontend/src/pages/organization/AuditLogsPage/components/LogsTableRow.tsx Minor styling adjustment - reduced gap and improved alignment of tag elements

@maidul98 maidul98 requested a review from akhilmhdh February 12, 2026 08:03
@maidul98 maidul98 merged commit 7c9529c into main Feb 12, 2026
9 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@akhilmhdh akhilmhdh akhilmhdh approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@maidul98 @akhilmhdh