Skip to content

fix(audit-logs): update z-index class for table header and adjust related test#2633

Open
TheoGrandin74 wants to merge 276 commits into
stagingfrom
feat/new-nav/audit-logs-overlap
Open

fix(audit-logs): update z-index class for table header and adjust related test#2633
TheoGrandin74 wants to merge 276 commits into
stagingfrom
feat/new-nav/audit-logs-overlap

Conversation

@TheoGrandin74
Copy link
Copy Markdown
Contributor

Summary

  • To avoid overlap with navbar
  • Sticky behavior is inherited from the deprecated table component, left it as it is as we will migrate out of it at some point

Screenshots / Recordings

Testing

  • Changes tested locally in the relevant Console's pages and Storybooks
  • yarn test or yarn test -u (if you need to regenerate snapshots)
  • yarn format
  • yarn lint

PR Checklist

  • I followed naming, styling, and TypeScript rules (see .cursor/rules)
  • I performed a self-review (diff inspected, dead code removed)
  • I titled the PR using Conventional Commits with a scope when possible (e.g. feat(service): add new Terraform service) - required for semantic-release
  • I only kept necessary comments, written in English (watch for useless AI comments)
  • I involved a designer to validate UI changes if I am not a designer
  • I covered new business logic with tests (unit)
  • I confirmed CI is green (Codecov red can be accepted)
  • I reviewed and executed locally any AI-assisted code

RemiBonnet and others added 30 commits January 19, 2026 11:08
* feat(cluster): add image registry page

* feat(cluster): add network settings page and refactor routing

* refactor(cluster-network-settings): update styling for AWS and GCP existing VPC components for improved colors token

* refactor(container-registry-form): update tokens

* refactor(settings): adjust sidebar height for improved layout consistency
* Add new tokens with tailwind alias config

* Add toggle theme and new app console-v5

* feat(navigation): add general layout (#2110)

* feat: add navbar and init layout

* feat: start breadcrumb and update all popover and dropdown menu colors

* feat(new-nav): add basis for routing (#2206)

feat: add basis for routing

---------

Co-authored-by: Romain Billard <rmnbrd@users.noreply.github.com>

* Update Dockerfile and package.json for console-v5 (#2225)

Update Dockerfile and package.json for console-v5 build and preview commands

* fix(new-nav): update router and its layouts (#2227)

feat: add login route

* feat(organization-overview): add webflow changelog section (#2230)

* Init organization overview

* Add webflow libraries

* feat(new-nav): add authentication (#2232)

* feat: add basis for authentication

* chore: rename orgId to organizationId

* fix: glitch when switching routes

* impr: cleaning up auth-redirect component

* fix: import statements

* impr(new-nav): add logout button and better redirection (#2237)

impr: add logout button and better redirection

* feat(organization-overview): changelog, links + draft project and prod sections (#2238)

feat(organization-overview): add first part of sections

* fix(new-nav): auth context (#2239)

* feat(organization-overview): start production health cluster (#2242)

* feat(navigation): add general layout (#2110)

* feat: add navbar and init layout

* feat: start breadcrumb and update all popover and dropdown menu colors

* feat(new-nav): add basis for routing (#2206)

feat: add basis for routing

---------

Co-authored-by: Romain Billard <rmnbrd@users.noreply.github.com>

* feat(organization-overview): first part production health cluster

* fix(routes): routeTree.gen.ts

* Add feedback

* Remove useless file

---------

Co-authored-by: Romain Billard <rmnbrd@users.noreply.github.com>

* feat(badge): update token (#2245)

* feat(cluster): starting views (#2249)

* feat(cluster-card): token

* feat(organization-navigation): implement dynamic navigation context and refactor organization route

* feat(routes): add audit logs and cluster settings routes, update breadcrumbs for cluster navigation

* refactor(routes): remove pathname state from links in environment and service components (tanstack not compatible)

* feat(cluster): add overview (#2253)

* feat(routes): add cluster logs and settings routes, refactor organization route structure and navigation components

* fix(cluster-overview): card colors

* fix(cluster-overview): table colors

* fix(cluster-setup-modal): update text colors and improve layout consistency

* fix(cluster-access-modal): add new token

* fix(cluster): update token overview

* Enhance layout consistency in cluster overview components

* fix: some tests

* feat(sidebar): add new component for navigation (#2259)

* feat(sidebar): add new component deprecated navigation-left

* feat(sidebar): add new component

* feat(cluster-logs): add new view (#2260)

* feat(cluster-logs): init new row with token

* feat(routes): update route tree and add layout configuration

- Refactored route imports in `routeTree.gen.ts` to include new routes and improve organization.
- Introduced `route-layout-config.ts` to manage layout options for routes.
- Enhanced `OrganizationRoute` to conditionally apply full-width layout based on route context.
- Updated `ClusterLogs` component to include scrolling behavior and improved layout handling.
- Added new components for cluster log rows and headers with associated tests.

* fix(cluster-logs): adjust scroll behavior and layout improvements

- Updated scroll behavior to include additional padding for better visibility of logs.
- Enhanced layout structure by modifying the component hierarchy for improved responsiveness.
- Adjusted styling for the log header and container to ensure consistent appearance across different states.

* fix(tokens): update callout & progress-bar components

* feat(cluster): add general settings (#2264)

* feat(cluster): add general settings

* refactor(routes): update route tree and improve organization of authenticated routes

- Refactored route imports in `routeTree.gen.ts` to include new routes for login and organization settings.
- Enhanced `ClusterGeneralSettingsForm` component by separating it from the main route component for better readability and maintainability.
- Updated form handling logic to simplify the submission process and improve user experience.

* feat(cluster): add credentials settings (#2268)

* feat(cluster): add credentials settings

- Added a new form for managing cluster credentials in the `credentials.tsx` file, improving user interaction with cloud provider credentials.
- Updated the `general.tsx` file to enhance the layout and user experience of the general settings form.
- Refactored the `route.tsx` file to improve the sidebar layout and ensure consistent styling.
- Enhanced the `ClusterCredentialsSettingsFeature` to utilize the correct `useParams` hook for better parameter handling.

* feat(cluster-settings): enhance sidebar links based on cluster type

- Introduced dynamic sidebar links in the settings route based on the cluster's cloud provider and Kubernetes management type.
- Added a new link for EKS Anywhere configuration when applicable.
- Refactored the sidebar link structure for improved readability and maintainability.
- Integrated feature flag for EKS Anywhere to conditionally display relevant settings.

* refactor(link): update link styles and improve consistency

- Modified link component styles to enhance visual consistency across the application.
- Updated color classes for better alignment with design standards.
- Adjusted snapshot tests to reflect the new styling changes.

* refactor(routes): update route imports and enhance organization

- Refactored route imports in `routeTree.gen.ts` to include additional routes for login and organization settings.
- Improved the structure and readability of the route definitions.
- Updated the link component styles to include a gap between items for better visual consistency.

* fix(sticky): ensure dropdown overlays above sticky header (#2269)

* fix(sticky): ensure dropdown overlays above sticky header

* feat(z-index): introduce z-index variables and apply them across modal and header components

- Added z-index variables for header, dropdown, overlay, modal, tooltip, and toast in main.scss.
- Updated tailwind-workspace-preset.js to include new z-index values.
- Refactored modal and header components to utilize the new z-index variables for improved layering and visibility.

* feat(sidebar): implement keyboard navigation for focusable elements

- Added keyboard navigation support in the Sidebar component to allow users to navigate through focusable elements using ArrowUp and ArrowDown keys.
- Refactored the SidebarRoot component to include a handleKeyDown function that manages focus based on keyboard input.

* refactor(breadcrumbs): reorder class names for consistency and improve z-index usage

* feat(cluster): add danger-zone settings (#2272)

* feat(cluster): add danger-zone settings

* refactor(header): adjust z-index for dropdown menu and header layout

* feat(cluster): add resources settings (#2271)

* feat(new-nav): add onboarding views

* feat(new-nav): add plans and project onboarding views

* feat: add accept-invite route

* post-review fixes

* impr: post-review fixes

* fix: post-review fixes part 1

* impr: move accept-invite to onboarding lib

* impr: get rid of the onboarding pages

* fix: accept-invitation page

* impr: remove useless chargebee utility functions

* impr: update tokens

* fix: add missing redirection after logging in with a brand new account

---------

Co-authored-by: RemiBonnet <bonnet.rem@gmail.com>
feat(header): add user-menu dropdown
* feat(cluster): add cluster new page

* refactor(section-production-health): replace Button with Link for cluster creation in EmptyState component
* fix(cluster): terminal new token and overview responsive

* test(cluster): enhance ClusterTerminal tests with mock implementations and update snapshots
…ar (#2296)

* Button changes init

* refactor(theme): update color variables and button styles

* refactor(toolbar): update button styles and color variables for improved consistency

* Fixed invert token structure

* refactor: streamline component styles and update snapshots for consistency
* feat: add main loader for /orgId routes

* impr: rework orgId/clusters data fetching

* impr: rework current queries instead of declaring new ones

* impr: add prefetch for organizations and clusters

* feat: add more prefetched API routes
* feat(cluster): add general step in the creation flow

* refactor(routes): clean up router configuration and remove unused onboarding routes

* refactor: rename layout functions and add callback for credentials modal
* refactor(logo): rename logo component and update story title

* feat(checkbox): enhance checkbox component with color variants and update storybook configuration

* feat(storybook): add overflow-auto class to body and enhance InputCheckbox styles

* refactor(inputs): update input components for improved styling and error handling

* feat(button, dropdown): add 'select-none' utility to button and dropdown menu item styles for improved user experience

* feat(input-select): enhance styling and hover states for input select components

* refactor(inputs): update input components for improved styling and consistency across various input types

* chore(snapshots): update snapshots for various components to reflect styling changes and improvements in button and input components

* refactor(components): format check
* refactor(date-picker): update styles for date picker component, removing dark mode styles and improving color tokens for better consistency

* feat(date-picker): refactoring the DatePicker component + adding enhanced functionality and styling

* refactor(date-picker): simplify files

* refactor(date-picker): update showTimeInput prop to showDateTimeInputs across components + file architecture
…nticated (#2334)

fix(new-navigation): redirection to login page when user is not
authenticated
* refactor(dropdown-menu): update styles for dropdown items and content, enhance CopyToClipboard hover effect, and improve Dropzone and EmptyState components' styling

* style(ui): tokens added to simple components from A to B

* feat(callout, description-list): enhance styling and add color options for Callout component

* styling(components): new component batch of tokenization + invert variant added to tw config + retina modifier added

* style(ui): update component styles for tokenization
* feat(new-nav): basis for Project overview page

* impr: remove duplicated component

* impr: UI tweaks for 'Dismiss' modal

* impr: add data for 'Last update' column

* feat: implement new environment overview API endpoint

* impr: add last operation to environment table

* impr(new-nav): add actions to table

* impr: add new icons and statuses for "last operation"

* impr: corrected TS warnings

* feat: add monochrome and size variants for StatusChip

* impr: UI tweaks

* impr: deploy icon UI tweaks

* impr: responsiveness of the table

* impr: change demo cluster icon

* impr: split components

* impr: add sorting logic for environment table sections

* impr: table UI tweaks
* feat: add basis for Project variables view

* impr: UI tweaks
#2346)

refactor(ui): remove ActionToolbar usage in env list and update button styles across components
)

style(multiple-selector): tokenization adding + small design improvments
* refactor(cluster): update cluster UI components and design improvments

* style(container-registry-form): correct HR styling
style(variables): fixing UI and adding missing tokens
rmnbrd and others added 27 commits April 16, 2026 09:33
* feat(new-nav): add Terraform creation flow

* Remove useless comments

* Fix router-related TS warnings and posthog event

* Move useDocumentTitle hook usage to route components

* Move files around and clean up

* Fix import statement

* Change timeout_sec default value

* Post-review UI tweaks

* Update snapshots

* Add support for Terraform templates

* Add disabled state for variables step's continue button when errors are present

* Move files around and clean up

* Fix lint issue

* Fix empty variables popover values

* Remove useless files

* Move some function to utils folder

* Fix background color for selected rows of TF vars table

* Fix summary font style
* fix(page-settings): auto-select No Access when unchecking

* format fix

* rewrite repetitive conditions
* feat(mcp-server): add MCP server settings route and component

* fix(settings-mcp-server): correct type assertion for MCP_TOOLS array

* refactor(settings-mcp-server): update component to enhance API token configuration steps and adjust headings

* style(settings-mcp-server): add cursor pointer to Navbar items for better UX
* chore(overview): Update environment overview

* chore(overview) : Update api call
* fix(onboarding): add some fixes

* feat(breadcrumbs): add create organization action

* feat(onboarding): enhance navigation with previous URL support

* feat(organization-banners): replace FreeTrialBanner with OrganizationFreeTrialBanner and add new banner component

* fix(mocks): simplify Auth0Provider and withAuthenticationRequired mock implementations

* chore(jest): remove jest-canvas-mock from setupFilesAfterEnv

* feat(onboarding): update onboarding flow to redirect to project creation and adjust navigation logic

* chore(jest): update jest configuration and add custom preset for shared routes

* fix(onboarding): update navigation logic in tests to reflect new organization URL structure

* refactor(onboarding): simplify onboarding logic by removing unused hooks and adjusting navigation flow

* feat(onboarding): integrate organization data into onboarding flow for improved navigation

* refactor(onboarding): streamline form handling and context integration in onboarding project component

* refactor(breadcrumbs): enhance CommandMenu styling with dynamic height adjustment based on footer action

* refactor(onboarding): enhance onboarding project component with toast notifications and adjust organization creation logic

* refactor(onboarding): improve organization creation flow by awaiting analytics calls and adjusting toast notification placement

* refactor(onboarding): remove await from analytics capture for organization creation event

* fix(onboarding): move success toast notification to the correct position after organization creation

* refactor(onboarding): update StepProject tests to use FormProvider and renderWithProviders for improved form context handling

* test(onboarding): update StepProject test to use queryByRole for button existence check

* fix(onboarding): update default selected plan to TEAM_2025 in onboarding context

* feat(onboarding): enhance onboarding entry logic to include personalized step handling

* feat(clusters): add AddCreditCardModalFeature and integrate credit card restrictions in cluster creation flow

* refactor(clusters): simplify AddCreditCardModalFeature by removing FormProvider and enhancing error handling

* fix(section-production-health): update description for local machine deployment to remove 'Desktop'
* fix(Overview): Add service count

* format
…implement legacy console redirection logic (#2614)

feat(user-settings): add console preference toggle to UserSettingsModal and implement legacy console redirection logic
* fix(cluster-card-setup): adjust padding in cluster card setup component for improved layout

* fix(cluster-card-node-usage): update icon class for improved visual consistency

* feat(environment-last-deployment): integrate service count and deployment action logic

* refactor(advanced-settings): enhance edit functions to include onSuccess callbacks for improved state management

* feat(deployments): integrate EnvironmentActionToolbar and ServiceActions for enhanced deployment management

* feat(organization-route): enhance service management by integrating recent services tracking and project/environment data retrieval

* feat(not-found-page): enhance NotFoundPage component to accept custom actions and improve service not found handling in OrganizationRoute

* feat(service-list): convert service names to links for improved navigation and enhance UI with hover effects

* feat(row-event): enhance RowEvent component to support dynamic service links and improve target link rendering for various event types
* Add basis for new creation flow for jobs (new NX lib and "general" step)

* Add Dockerfile step

* Add all form steps

* Add introduction step

* Add CRON job creation flow

* Fix Lint issue

* Update snapshots

* Fix unit tests

* Add support for templates

* Fix defautl form state issue when there is no template

* Remove useless comment

* Remove old pages

* Update summary color tokens

* Fix git icon color

* Fix opacity value

* Update SVG images for job creation flow introduction step

* Bring back TemplateFormSync component

* UI fixes for variables section

* Move SummaryValue component to shared/ui and use it in the summary steps of creation flows

* UI tweaks for summary buttons

* Refactor navigation paths in StepSummary component to use jobURL for dynamic routing

* Fix job creation flow test to match implementation

* Correct data-testid attr

* Fxi auto_deploy value

* Correct jobCreationSteps value

* Update typo in Jest config

* Lint fix

* Update snapshot

---------

Co-authored-by: Théo Grandin <theo.grandin74@gmail.com>
* feat(new-nav): add Dockerfile settings section

* Fix color token

* Post-review fixes

* Move components to "service-job" NX lib

* Lint fix

* Fix erroring import statement
* feat(assistant): add component

* refactor(dot-status): update background colors for status indicators

* refactor(assistant-panel): simplify portal target handling and clean up class names

* refactor(mintlify-hit): update class names for improved styling and consistency

* refactor(assistant-panel): update animation properties for smoother transitions

* refactor(assistant-panel): adjust top offset and animation durations for improved layout and transitions

* feat(assistant): introduce AssistantProvider and refactor context management for improved state handling

* refactor(header): update Header component to use assistantPanelTopOffset prop and integrate useStickyBottomOffset hook for improved layout management

* fix(header): remove assistantPanelTopOffset prop and simplify Header component structure for improved clarity

* refactor(assistant-panel): enhance search input focus behavior and improve animation handling

* refactor(organization-route): reorder class names for improved readability and consistency
…x service table re-rendering issue (#2625)

* Remove deprecated checkRunningStatusClosed query

* Fix table re-rendering issue

* Fix lint issue

* Fix checkbox issue and update snapshot

* Fix unit tests
* fix(new-nav): cluster mirroring registry data not loaded

* Bring back previous loader size
* fix(environment-action-toolbar): implement delete environment functionality with navigation redirect

* feat(sentry): integrate Sentry for error tracking and user identification in production environment

* refactor(terraform-variables-table): update source handling to use formatSource function and clean up state management

* feat(job-statuses-callout): add JobStatusesCallout component and integrate it into ServiceOverview for job service status notifications

* feat(docker): add NX_PUBLIC_INSTATUS_APP_ID environment variable to Dockerfile

* refactor(main): replace useState with useRef for router initialization and update Sentry integration

* refactor(terraform-variables-table): remove unused state for variable popover management

* refactor(service-overview): move JobStatusesCallout integration to the appropriate section for job services
* fix(clusters): refine EKS Anywhere credentials and creation UI

- filter credentials list/new credential to EKS Anywhere types in EKS Anywhere flow
- hide Kubernetes version badge on PARTIALLY_MANAGED cluster cards
- keep eu-west-3 as default but allow region selection for EKS Anywhere creation

* feat(cluster): get cluster JWT for eks anywhere clyster

* feat(cluster): do not show deploy action for eksanywhere cluster
* feat(empty-state): enhance EmptyState component with small size variant and update related tests

* feat(input-select): harmonize label behavior on both text input and select, update hover state, re-aligned labels when not focused/filled

* refactor(annotation-label-settings): standardize spacing and update tooltip icon styles for improved UI consistency

* chore(snapshots): update snapshot files to reflect changes in component styles and label positioning across various components for improved UI consistency

* refactor(empty-state): update size prop from 'small' to 'sm' for consistency across components

---------

Co-authored-by: RemiBonnet <bonnet.rem@gmail.com>
* impr(new-nav): order database versions

* Apply suggestion from @Copilot

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
@codecov
Copy link
Copy Markdown

codecov Bot commented Apr 27, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
⚠️ Please upload report for BASE (new-navigation@e2e198e). Learn more about missing BASE report.

Additional details and impacted files
@@                Coverage Diff                @@
##             new-navigation    #2633   +/-   ##
=================================================
  Coverage                  ?   25.24%           
=================================================
  Files                     ?        6           
  Lines                     ?      511           
  Branches                  ?      149           
=================================================
  Hits                      ?      129           
  Misses                    ?      348           
  Partials                  ?       34           
Flag Coverage Δ
unittests 25.24% <ø> (?)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Base automatically changed from new-navigation to staging May 11, 2026 07:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants