Skip to content

Organize email accounts into named, color-coded groups that appear in the sidebar and are managed from a new Preferences tab.#2583

Open
johnnalwa wants to merge 3 commits intoFoundry376:masterfrom
johnnalwa:feature/account-grouping-preferences-sidebar
Open

Organize email accounts into named, color-coded groups that appear in the sidebar and are managed from a new Preferences tab.#2583
johnnalwa wants to merge 3 commits intoFoundry376:masterfrom
johnnalwa:feature/account-grouping-preferences-sidebar

Conversation

@johnnalwa
Copy link
Copy Markdown

@johnnalwa johnnalwa commented Jan 29, 2026

…an create groups like "Work" or "Personal," pick a color and font style for each, and choose which accounts belong to them. Once set up, your sidebar folders show mail grouped by those names instead of listing every account separately. Everything is managed from a new "Account Groups" tab in Preferences.
CREATNG NEW ACCOUNT GROUP
ACCOUNT
ACCOUNT ORGANISATION

@johnnalwa
Added a way to organize your email accounts into custom groups. You c…
f7dd608 
…an create groups like "Work" or "Personal," pick a color and font style for each, and choose which accounts belong to them. Once set up, your sidebar folders show mail grouped by those names instead of listing every account separately. Everything is managed from a new "Account Groups" tab in Preferences.
@indent-staging
Copy link
Copy Markdown
Contributor

indent-staging bot commented Jan 29, 2026 •
edited
Loading

Issues

No issues found.

Resolved (4 issues)
  • Race condition in _onAccountsChanged: The code reads this.state.selectedGroupId after calling setState(), but React's setState is asynchronous. This can cause the auto-assignment of new accounts to groups to fail intermittently. (fixed by commit fde0793)
  • Three large Windows debug symbol files (.pdb) totaling ~31MB are accidentally committed to the repository. These are development artifacts that should not be included. (fixed by commit fde0793)
  • Stale account IDs persist in groups after account removal. When an account is deleted, its ID remains in group.accountIds arrays. While currently benign (sidebar code filters by existing accounts), this accumulates stale data in config. (fixed by commit fde0793)
  • .claude/settings.local.json is a local development tool configuration file that should not be committed to the repository. (fixed by commit fde0793)

Summary

This PR adds account grouping functionality to Mailspring, allowing users to organize email accounts into custom groups (e.g., "Work", "Personal") with customizable colors and font styles. Groups are managed via a new "Account Groups" preferences tab and displayed hierarchically in the sidebar.

  • Added AccountGroupStore to manage account groups with CRUD operations, persisted to AppEnv.config
  • Created new "Account Groups" preferences tab with split-panel UI for group management and account assignment
  • Modified SidebarSection to build grouped sidebar items when groups exist, with ungrouped accounts shown individually
  • Extended ISidebarItem and IOutlineViewItem interfaces with nameStyle prop for custom color/font styling
  • Added group picker modal when adding new accounts (if groups exist) to optionally assign to a group
  • Added nameStyle rendering support in OutlineViewItem component

CI Checks

Waiting for CI checks...

Rule Checks 3 rules evaluated, 3 passed, 0 failed

Passing rules

Passing This is a longer title to see what happens when they are too long to fit
Passing B
Passing Ben Rule

@johnnalwa johnnalwa changed the title Added a way to organize your email accounts into custom groups. You c… Added a way to organize your email accounts into custom groups. You can create groups like "Work" or "Personal," pick a color and font style for each, and choose which accounts belong to them. Once set up, your sidebar folders show mail grouped by those names instead of listing every account separately. Everything is managed from a new "Account Groups" tab in Preferences. Jan 29, 2026
@johnnalwa johnnalwa changed the title Added a way to organize your email accounts into custom groups. You can create groups like "Work" or "Personal," pick a color and font style for each, and choose which accounts belong to them. Once set up, your sidebar folders show mail grouped by those names instead of listing every account separately. Everything is managed from a new "Account Groups" tab in Preferences. Organize email accounts into named, color-coded groups that appear in the sidebar and are managed from a new Preferences tab. Jan 29, 2026
indent-staging[bot]
indent-staging bot reviewed Jan 29, 2026
View reviewed changes
Comment thread app/internal_packages/preferences/lib/tabs/preferences-accounts.tsx Outdated
indent-staging[bot]
indent-staging bot reviewed Jan 29, 2026
View reviewed changes
Comment thread app/src/flux/stores/account-group-store.ts
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@indent-staging indent-staging[bot] indent-staging[bot] left review comments

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@johnnalwa