feat(navigation): add general layout #2110
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
RemiBonnet
force-pushed
the
feat/new-navigation-layout
branch
from
739bafd to
521c8a1
Compare
RemiBonnet
force-pushed
the
new-navigation
branch
from
25822f5 to
3abcea7
Compare
RemiBonnet
force-pushed
the
feat/new-navigation-layout
branch
from
521c8a1 to
d0279c0
Compare
rmnbrd
force-pushed
the
new-navigation
branch
2 times, most recently
from
c82ac06 to
fee8bba
Compare
rmnbrd
force-pushed
the
feat/new-navigation-layout
branch
from
d0279c0 to
3b93f8a
Compare
feat: add basis for routing
RemiBonnet
added a commit
that referenced
this pull request
Dec 15, 2025
* 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>
rmnbrd
added a commit
that referenced
this pull request
Dec 18, 2025
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Dec 18, 2025
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Dec 18, 2025
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Dec 24, 2025
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Dec 24, 2025
* 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>
rmnbrd
added a commit
that referenced
this pull request
Dec 29, 2025
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Jan 6, 2026
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Jan 6, 2026
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Jan 6, 2026
* 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>
RemiBonnet
added a commit
that referenced
this pull request
Jan 6, 2026
* 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>
rmnbrd
added a commit
that referenced
this pull request
Jan 9, 2026
* 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>
rmnbrd
added a commit
that referenced
this pull request
Jan 19, 2026
* 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>
rmnbrd
added a commit
that referenced
this pull request
Jan 19, 2026
* 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>
rmnbrd
added a commit
that referenced
this pull request
Jan 19, 2026
* 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>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What does this PR do?
Put description here
PR Checklist