Skip to content

feat: Settings home screen design#27678

Open
pumfleet wants to merge 3 commits intomainfrom
settings-home
Open

feat: Settings home screen design#27678
pumfleet wants to merge 3 commits intomainfrom
settings-home

Conversation

@pumfleet
Copy link
Contributor

@pumfleet pumfleet commented Feb 5, 2026

Screenshot 2026-02-05 at 1 49 48 PM

Implements this Figma design: https://www.figma.com/design/4s22GCSZGIgGyGmzwfZKOi/Cal.com-3.0-Redesign?node-id=7-9&t=kQgqpKERu0PAtYxL-1


Summary by cubic

Introduced a new Settings home at /settings with a clean, card-based grid that adapts to org membership and admin role. Updated navigation so both the bottom nav and user dropdown open this home, and added a quick home shortcut in the sidebar.

  • New Features

    • Added SettingsHomeView with data-driven sections (Account, Privacy & Security, Organization, Developer, Admin) using icons, links, and localized descriptions.
    • Renamed “Security” to “Privacy & Security” across Settings navigation.
  • Navigation

    • Bottom nav “Settings” and user dropdown “My Settings” now route to /settings; removed the previous /settings redirect.
    • Added a sidebar shortcut to the Settings home; small layout tweaks to fit the new screen.

Written for commit bbf2897. Summary will update on new commits.

@paragon-review
Copy link

paragon-review bot commented Feb 5, 2026

Paragon Review Unavailable

Hi @pumfleet! To enable Paragon reviews on this repository, please register at https://home.polarity.cc

Once registered, connect your GitHub account and Paragon will automatically review your pull requests.

@graphite-app graphite-app bot added the core area: core, team members only label Feb 5, 2026
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No issues found across 7 files

Copy link
Member

@CarinaWolli CarinaWolli left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  1. Is there a way to get back to the home screen after clicking an item? I think there should be
  2. Coming from the dropdown doesn't open the home screen and goes directly to /settings/my-account/general
Screenshot 2026-02-06 at 10 14 39 AM

titleKey: "members",
descriptionKey: "settings_home_org_members_description",
icon: "users",
href: "/settings/organizations/members",
Copy link
Member

@CarinaWolli CarinaWolli Feb 6, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Members goes away from settings, that's why we have this icon in the side bar and it's opened in a new tab. I think we should do the same for the home screen as well
Screenshot 2026-02-06 at 10 09 53 AM

href: "/settings/organizations/billing",
},
{
titleKey: "oAuth",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We have this twice, was this done on purpose? Both redirect to developer/oauth

items: SettingsItem[];
}

export const settingsSections: SettingsSection[] = [
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some are missing, for example:

  • settings/my-account/features
  • /settings/organizations/sso
  • /settings/organizations/roles

href: "/settings/organizations/attributes",
},
{
titleKey: "privacy",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should probably be called "Privacy & security" like in the side menu

@github-actions github-actions bot marked this pull request as draft February 6, 2026 09:18
@github-actions
Copy link
Contributor

This PR has been marked as stale due to inactivity. If you're still working on it or need any help, please let us know or update the PR to keep it active.

@github-actions github-actions bot added the Stale label Feb 14, 2026
@pumfleet pumfleet marked this pull request as ready for review February 17, 2026 18:53
@pumfleet pumfleet requested review from a team as code owners February 17, 2026 18:53
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

1 issue found across 8 files (changes from recent commits).

Prompt for AI agents (all issues)

Check if these issues are valid — if so, understand the root cause of each and fix them. If appropriate, use sub-agents to investigate and fix each issue separately.


<file name="apps/web/modules/settings/home/settings-home-data.ts">

<violation number="1" location="apps/web/modules/settings/home/settings-home-data.ts:131">
P2: `/settings/organizations/members` is an internal route, but marking it as `isExternalLink` forces a new-tab `<a>` and external-link icon. This breaks expected internal navigation and prefetch behavior.</violation>
</file>

Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review.

descriptionKey: "settings_home_org_members_description",
icon: "users",
href: "/settings/organizations/members",
isExternalLink: true,
Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot Feb 17, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2: /settings/organizations/members is an internal route, but marking it as isExternalLink forces a new-tab <a> and external-link icon. This breaks expected internal navigation and prefetch behavior.

Prompt for AI agents
Check if this issue is valid — if so, understand the root cause and fix it. At apps/web/modules/settings/home/settings-home-data.ts, line 131:

<comment>`/settings/organizations/members` is an internal route, but marking it as `isExternalLink` forces a new-tab `<a>` and external-link icon. This breaks expected internal navigation and prefetch behavior.</comment>

<file context>
@@ -121,6 +128,7 @@ export const settingsSections: SettingsSection[] = [
         descriptionKey: "settings_home_org_members_description",
         icon: "users",
         href: "/settings/organizations/members",
+        isExternalLink: true,
       },
       {
</file context>
Fix with Cubic

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reviewed the Cubic AI feedback on this PR. The only issue identified (violation #1 about isExternalLink on /settings/organizations/members) has a confidence score of 7/10, which is below the threshold for automated fixes.

Additionally, this isExternalLink: true was intentionally added in the "Fix comments" commit to address @CarinaWolli's review feedback, which noted that the members page navigates away from settings and should open in a new tab — matching the existing sidebar behavior. No changes needed here.

@github-actions
Copy link
Contributor

Devin AI is addressing Cubic AI's review feedback

A Devin session has been created to address the issues identified by Cubic AI.

View Devin Session

@github-actions github-actions bot removed the Stale label Feb 18, 2026
Copy link
Member

@CarinaWolli CarinaWolli left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • "Guest notifications" is still missing
  • SSO vs SAML --> different name, let's name it the same to avoid confusion

Is there a way to get back to the home screen after clicking an item? I think there should be

I asked Ciaran about this: https://www.figma.com/design/4s22GCSZGIgGyGmzwfZKOi?node-id=7-89478#1637901042
I find it unintuitive that there isn’t an easy way to get back to the home screen after clicking a setting

}

export const settingsSections: SettingsSection[] = [
{
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was wondering, instead of listing all settings again, could we reuse what we already have in the settings sidebar? That way we also avoid missing settings on the home screen when new ones are added to the sidebar

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

core area: core, team members only size/XL

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

Comments