[SUI] Move profiles into a new Profiles page

2026-05-18 18:56:25 +00:00 · 2026-05-07 15:59:50 -07:00
parent ea4cb8145f
commit 7cbfb5784a
17 changed files with 684 additions and 238 deletions
--- a/src/cascadia/TerminalSettingsEditor/MainPage.cpp
+++ b/src/cascadia/TerminalSettingsEditor/MainPage.cpp
@@ -17,6 +17,8 @@
 #include "ColorSchemes.h"
 #include "EditColorScheme.h"
 #include "AddProfile.h"
+#include "Profiles.h"
+#include "ProfilesPageViewModel.h"
 #include "InteractionViewModel.h"
 #include "LaunchViewModel.h"
 #include "NewTabMenuViewModel.h"
@@ -160,6 +162,10 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        // that VM into the appearance VMs within the profiles
        _InitializeProfilesList();

+        // Build the Profiles landing page view model and wire its requests up to MainPage navigation handlers.
+        _profilesPageVM = winrt::make<ProfilesPageViewModel>(_profileVMs);
+        _SetupProfilesPageEventHandling();
+
        // Apply icons and tooltips (GH#19688, long names may be truncated) to static nav items
        for (const auto& item : SettingsNav().MenuItems())
        {
@@ -213,20 +219,8 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
            lastBreadcrumb = _breadcrumbs.GetAt(size - 1);
        }

-        // Collect only the first items out of the menu item source, the static
-        // ones that we don't want to regenerate.
-        //
-        // By manipulating a MenuItemsSource this way, rather than manipulating the
-        // MenuItems directly, we avoid a crash in WinUI.
-        //
-        // By making the vector only _originalNumItems big to start, GetMany
-        // will only fill that number of elements out of the current source.
-        std::vector<IInspectable> menuItemsSTL(_originalNumItems, nullptr);
-        _menuItemSource.GetMany(0, menuItemsSTL);
-        // now, just stick them back in.
-        _menuItemSource.ReplaceAll(menuItemsSTL);
-
-        // Repopulate profile-related menu items
+        // Repopulate the profile view models. The Profiles landing page rebinds via
+        // _profilesPageVM->UpdateProfileVMs below.
        _InitializeProfilesList();

        // Update the Nav State with the new version of the settings
@@ -235,65 +229,61 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        _newTabMenuPageVM.UpdateSettings(_settingsClone);
        _extensionsVM.UpdateSettings(_settingsClone, _colorSchemesPageVM);
        _profileDefaultsVM = nullptr; // Lazy-loaded upon navigation
+        if (_profilesPageVM)
+        {
+            _profilesPageVM.UpdateProfileVMs(_profileVMs);
+        }

        // Now that the menuItems are repopulated,
        // refresh the current page using the breadcrumb data we collected before the refresh
        if (const auto& crumb{ lastBreadcrumb.try_as<Breadcrumb>() }; crumb && crumb->Tag())
        {
-            bool foundNavigationParams = false;
            auto destination = crumb->Tag();
            auto subPage = crumb->SubPage();
-            for (const auto& item : _menuItemSource)
+
+            // Capture root context before the new navigation. We need this so that pages
+            // reached via the Profiles landing page keep their "Profiles" breadcrumb prefix after a settings reload.
+            const hstring inheritedParentNavTag = _RootCrumbIsProfiles() ? hstring{ profilesTag } : hstring{};
+
+            if (const auto& profileTag{ destination.try_as<Editor::ProfileViewModel>() })
            {
-                const auto menuItem = item.try_as<MUX::Controls::NavigationViewItem>();
-                if (!menuItem)
+                if (const auto newProfileVM = _FindProfileVMByGuid(profileTag.OriginalProfileGuid()))
                {
-                    continue;
-                }
-
-                const auto& tag = menuItem.Tag();
-                if (const auto& stringTag{ tag.try_as<hstring>() })
-                {
-                    if (const auto& destString{ destination.try_as<hstring>() })
-                    {
-                        foundNavigationParams = (*stringTag == *destString);
-                    }
-                    else if (destination.try_as<Editor::FolderEntryViewModel>() && *stringTag == newTabMenuTag)
-                    {
-                        foundNavigationParams = true;
-                        subPage = BreadcrumbSubPage::NewTabMenu_Folder;
-                    }
-                    else if (destination.try_as<Editor::ExtensionPackageViewModel>() && *stringTag == extensionsTag)
-                    {
-                        foundNavigationParams = true;
-                        subPage = BreadcrumbSubPage::Extensions_Extension;
-                    }
-                }
-                else if (const auto& profileTag{ tag.try_as<ProfileViewModel>() })
-                {
-                    const auto destProfile = destination.try_as<ProfileViewModel>();
-                    if (destProfile && profileTag->OriginalProfileGuid() == destProfile->OriginalProfileGuid())
-                    {
-                        // Use the new profile VM from the refreshed menu items
-                        destination = tag;
-                        foundNavigationParams = true;
-                    }
-                }
-
-                if (foundNavigationParams)
-                {
-                    // found the one that was selected before the refresh
-                    _Navigate(destination, subPage);
+                    _Navigate(newProfileVM, subPage);
+                    _UpdateSearchIndex();
                    return;
                }
+                // Profile was deleted in the new settings. Fall through to the Profiles landing page.
+                _Navigate(box_value(profilesTag), BreadcrumbSubPage::None);
+                _UpdateSearchIndex();
+                return;
+            }
+            else if (const auto& destString{ destination.try_as<hstring>() })
+            {
+                _Navigate(destination, subPage, {}, inheritedParentNavTag);
+                _UpdateSearchIndex();
+                return;
+            }
+            else if (destination.try_as<Editor::FolderEntryViewModel>())
+            {
+                _Navigate(box_value(newTabMenuTag), BreadcrumbSubPage::NewTabMenu_Folder);
+                _UpdateSearchIndex();
+                return;
+            }
+            else if (destination.try_as<Editor::ExtensionPackageViewModel>())
+            {
+                _Navigate(box_value(extensionsTag), BreadcrumbSubPage::Extensions_Extension);
+                _UpdateSearchIndex();
+                return;
            }
        }

-        // Couldn't find the selected item, fall back to first menu item
-        // This happens when the selected item was a profile which doesn't exist in the new configuration
-        // We can use menuItemsSTL here because the only things they miss are profile entries.
-        const auto& firstItem{ _menuItemSource.GetAt(0).as<MUX::Controls::NavigationViewItem>() };
-        _Navigate(firstItem.Tag(), BreadcrumbSubPage::None);
+        // Couldn't find a meaningful previous page. Fall back to the first menu item.
+        if (_menuItemSource && _menuItemSource.Size() > 0)
+        {
+            const auto& firstItem{ _menuItemSource.GetAt(0).as<MUX::Controls::NavigationViewItem>() };
+            _Navigate(firstItem.Tag(), BreadcrumbSubPage::None);
+        }

        _UpdateSearchIndex();
    }
@@ -325,12 +315,6 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
    //                can be empty to indicate that we should create a fresh profile
    void MainPage::_AddProfileHandler(winrt::guid profileGuid)
    {
-        uint32_t insertIndex;
-        auto selectedItem{ SettingsNav().SelectedItem() };
-        if (_menuItemSource)
-        {
-            _menuItemSource.IndexOf(selectedItem, insertIndex);
-        }
        if (profileGuid != winrt::guid{})
        {
            // if we were given a non-empty guid, we want to duplicate the corresponding profile
@@ -338,13 +322,13 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
            if (profile)
            {
                const auto duplicated = _settingsClone.DuplicateProfile(profile);
-                _CreateAndNavigateToNewProfile(insertIndex, duplicated);
+                _CreateAndNavigateToNewProfile(duplicated);
            }
        }
        else
        {
            // we were given an empty guid, create a new profile
-            _CreateAndNavigateToNewProfile(insertIndex, nullptr);
+            _CreateAndNavigateToNewProfile(nullptr);
        }
    }

@@ -451,7 +435,10 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
                }
                else if (_colorSchemesPageVM.CurrentPage() == ColorSchemesSubPage::Base)
                {
-                    _Navigate(boxedTag, BreadcrumbSubPage::None);
+                    // Preserve the current root context so that "edit → delete → back to base"
+                    // inside Profiles › Color schemes still shows the Profiles prefix.
+                    const hstring inheritedParentNavTag = _RootCrumbIsProfiles() ? hstring{ profilesTag } : hstring{};
+                    _Navigate(boxedTag, BreadcrumbSubPage::None, {}, inheritedParentNavTag);
                }
            }
            else if (settingName == L"CurrentSchemeName")
@@ -521,6 +508,7 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
                if (currentPage == ProfileSubPage::Base)
                {
                    _breadcrumbs.Clear();
+                    _AppendProfilesRootCrumb();
                    _breadcrumbs.Append(winrt::make<Breadcrumb>(breadcrumbTag, breadcrumbText, BreadcrumbSubPage::None));
                }
                _NavigateToProfileSubPage(profile, currentPage, breadcrumbTag, {});
@@ -535,7 +523,10 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
    //         a view model object (i.e. ProfileViewModel, ColorSchemeViewModel, etc.) for dynamic pages
    // - subPage: the sub page to navigate to, used for pages that have multiple sub pages (i.e. Profile > Appearance/Terminal/Advanced)
    // - elementToFocus: the name of the element to focus on the target page
-    void MainPage::_Navigate(const IInspectable& vm, BreadcrumbSubPage subPage, hstring elementToFocus)
+    // - parentNavTag: optional nav tag of the parent page when this navigation is invoked from inside another
+    //         landing page. Used by the Profiles landing page to keep itself selected and to prepend a
+    //         "Profiles" breadcrumb when entering Color schemes / a profile / Defaults / Add Profile from there.
+    void MainPage::_Navigate(const IInspectable& vm, BreadcrumbSubPage subPage, hstring elementToFocus, hstring parentNavTag)
    {
        _PreNavigateHelper();

@@ -616,8 +607,15 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
                    _breadcrumbs.Append(winrt::make<Breadcrumb>(vm, RS_(L"Nav_Extensions/Content"), BreadcrumbSubPage::None));
                }
            }
+            else if (*clickedItemTag == profilesTag)
+            {
+                contentFrame().Navigate(xaml_typename<Editor::Profiles>(), winrt::make<NavigateToPageArgs>(_profilesPageVM, *this, elementToFocus));
+                _breadcrumbs.Append(winrt::make<Breadcrumb>(vm, RS_(L"Nav_Profiles/Content"), BreadcrumbSubPage::None));
+            }
            else if (*clickedItemTag == globalProfileTag)
            {
+                _AppendProfilesRootCrumb();
+
                // lazy load profile defaults VM
                if (!_profileDefaultsVM)
                {
@@ -636,9 +634,20 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation

                // Register handler for future user-driven sub-page changes
                _SetupProfileEventHandling(_profileDefaultsVM);
+
+                // Keep the Profiles nav item selected.
+                selectedNavTag = profilesTag;
            }
            else if (*clickedItemTag == colorSchemesTag)
            {
+                // Color Schemes page is a accessible from root level and within Profiles,
+                // so we need to prepend the root crumb in the second case.
+                if (parentNavTag == profilesTag)
+                {
+                    _AppendProfilesRootCrumb();
+                    selectedNavTag = profilesTag;
+                }
+
                _breadcrumbs.Append(winrt::make<Breadcrumb>(vm, RS_(L"Nav_ColorSchemes/Content"), BreadcrumbSubPage::None));
                contentFrame().Navigate(xaml_typename<Editor::ColorSchemes>(), winrt::make<NavigateToPageArgs>(_colorSchemesPageVM, *this, elementToFocus));

@@ -654,47 +663,62 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
            }
            else if (*clickedItemTag == addProfileTag)
            {
+                _AppendProfilesRootCrumb();
+
                auto addProfileState{ winrt::make<AddProfilePageNavigationState>(_settingsClone) };
                addProfileState.AddNew({ get_weak(), &MainPage::_AddProfileHandler });
                contentFrame().Navigate(xaml_typename<Editor::AddProfile>(), winrt::make<NavigateToPageArgs>(addProfileState, *this, elementToFocus));
                _breadcrumbs.Append(winrt::make<Breadcrumb>(vm, RS_(L"Nav_AddNewProfile/Content"), BreadcrumbSubPage::None));
+
+                // Keep the Profiles nav item selected.
+                selectedNavTag = profilesTag;
            }
        }
        else if (const auto& profile = vm.try_as<Editor::ProfileViewModel>())
        {
+            _AppendProfilesRootCrumb();
+            selectedNavTag = profilesTag;
+
            if (profile.Orphaned())
            {
                contentFrame().Navigate(xaml_typename<Editor::Profiles_Base_Orphaned>(), winrt::make<NavigateToPageArgs>(profile, *this, elementToFocus));
                _breadcrumbs.Append(winrt::make<Breadcrumb>(vm, profile.Name(), BreadcrumbSubPage::None));
                profile.CurrentPage(ProfileSubPage::Base);
                _SetupProfileEventHandling(profile);
-                return;
            }
-
-            // Set CurrentPage before registering the handler to avoid double-navigation
-            const ProfileSubPage profileSubPage = ProfileSubPageFromBreadcrumb(subPage);
-            profile.CurrentPage(profileSubPage);
-
-            // Navigate directly to the correct sub-page
-            _breadcrumbs.Append(winrt::make<Breadcrumb>(vm, profile.Name(), BreadcrumbSubPage::None));
-            _NavigateToProfileSubPage(profile, profileSubPage, vm, elementToFocus);
-
-            if (const auto profileNavItem = _FindProfileNavItem(profile.OriginalProfileGuid()))
+            else
            {
-                SettingsNav().SelectedItem(profileNavItem);
-            }
+                // Set CurrentPage before registering the handler to avoid double-navigation
+                const ProfileSubPage profileSubPage = ProfileSubPageFromBreadcrumb(subPage);
+                profile.CurrentPage(profileSubPage);

-            // Register handler for future user-driven sub-page changes
-            _SetupProfileEventHandling(profile);
+                // Navigate directly to the correct sub-page
+                _breadcrumbs.Append(winrt::make<Breadcrumb>(vm, profile.Name(), BreadcrumbSubPage::None));
+                _NavigateToProfileSubPage(profile, profileSubPage, vm, elementToFocus);
+
+                // Register handler for future user-driven sub-page changes
+                _SetupProfileEventHandling(profile);
+            }
        }
        else if (const auto& colorSchemeVM = vm.try_as<Editor::ColorSchemeViewModel>())
        {
-            selectedNavTag = colorSchemesTag;
            const auto boxedColorSchemesTag = box_value(colorSchemesTag);

            // Suppress the handler to avoid double-navigation
            _colorSchemesPageViewModelChangedRevoker.revoke();

+            // Color Schemes page is a accessible from within Profiles and root level,
+            // so we need to prepend the root crumb in the first case.
+            if (parentNavTag == profilesTag)
+            {
+                _AppendProfilesRootCrumb();
+                selectedNavTag = profilesTag;
+            }
+            else
+            {
+                selectedNavTag = colorSchemesTag;
+            }
+
            _breadcrumbs.Append(winrt::make<Breadcrumb>(boxedColorSchemesTag, RS_(L"Nav_ColorSchemes/Content"), BreadcrumbSubPage::None));

            if (subPage == BreadcrumbSubPage::None)
@@ -813,26 +837,9 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        }

        // Select the appropriate nav item
-        // NOTE: profiles are special in that they have their own nav item, so those are handled in the profile branch above
        if (!selectedNavTag.empty())
        {
-            for (auto&& menuItem : _menuItemSource)
-            {
-                if (const auto& navViewItem{ menuItem.try_as<MUX::Controls::NavigationViewItem>() })
-                {
-                    if (const auto& tag{ navViewItem.Tag() })
-                    {
-                        if (const auto& stringTag{ tag.try_as<hstring>() })
-                        {
-                            if (*stringTag == selectedNavTag)
-                            {
-                                SettingsNav().SelectedItem(navViewItem);
-                                break;
-                            }
-                        }
-                    }
-                }
-            }
+            _SelectNavItemByTag(selectedNavTag);
        }
    }

@@ -855,7 +862,23 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        if (gsl::narrow_cast<uint32_t>(args.Index()) < (_breadcrumbs.Size() - 1))
        {
            const auto crumb = args.Item().as<Breadcrumb>();
-            _Navigate(crumb->Tag(), crumb->SubPage());
+
+            // Determine the parent nav-context based on the current root crumb so that
+            // navigating to (e.g.) Color schemes from inside the Profiles section keeps
+            // the "Profiles ›" prefix instead of falling back to the top-level form.
+            hstring parentNavTag{};
+            if (_breadcrumbs.Size() > 0)
+            {
+                if (const auto rootCrumb = _breadcrumbs.GetAt(0).try_as<Breadcrumb>())
+                {
+                    if (const auto rootTag = rootCrumb->Tag().try_as<hstring>())
+                    {
+                        parentNavTag = *rootTag;
+                    }
+                }
+            }
+
+            _Navigate(crumb->Tag(), crumb->SubPage(), {}, parentNavTag);
        }
    }

@@ -872,10 +895,6 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
            _MoveXamlParsedNavItemsIntoItemSource();
        }

-        // Manually create a NavigationViewItem and view model for each profile
-        // and keep a reference to them in a map so that we
-        // can easily modify the correct one when the associated
-        // profile changes.
        _profileVMs.Clear();
        for (const auto& profile : _settingsClone.AllProfiles())
        {
@@ -883,24 +902,10 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
            {
                auto profileVM = _viewModelForProfile(profile, _settingsClone, Dispatcher());
                profileVM.SetupAppearances(_colorSchemesPageVM.AllColorSchemes());
-                auto navItem = _CreateProfileNavViewItem(profileVM);
-                _menuItemSource.Append(navItem);
+                profileVM.DeleteProfileRequested({ this, &MainPage::_DeleteProfile });
+                _profileVMs.Append(profileVM);
            }
        }
-
-        // Top off (the end of the nav view) with the Add Profile item
-        MUX::Controls::NavigationViewItem addProfileItem;
-        const auto addProfileText = RS_(L"Nav_AddNewProfile/Content");
-        addProfileItem.Content(box_value(addProfileText));
-        addProfileItem.Tag(box_value(addProfileTag));
-        WUX::Controls::ToolTipService::SetToolTip(addProfileItem, box_value(addProfileText));
-
-        FontIcon icon;
-        // This is the "Add" symbol
-        icon.Glyph(NavTagIconMap[addProfileTag]);
-        addProfileItem.Icon(icon);
-
-        _menuItemSource.Append(addProfileItem);
    }

    // BODGY
@@ -936,81 +941,19 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        SettingsNav().MenuItemsSource(_menuItemSource);
    }

-    void MainPage::_CreateAndNavigateToNewProfile(const uint32_t index, const Model::Profile& profile)
+    void MainPage::_CreateAndNavigateToNewProfile(const Model::Profile& profile)
    {
        const auto newProfile{ profile ? profile : _settingsClone.CreateNewProfile() };
        const auto profileViewModel{ _viewModelForProfile(newProfile, _settingsClone, Dispatcher()) };
        profileViewModel.SetupAppearances(_colorSchemesPageVM.AllColorSchemes());
-        const auto navItem{ _CreateProfileNavViewItem(profileViewModel) };
+        profileViewModel.DeleteProfileRequested({ this, &MainPage::_DeleteProfile });

-        if (_menuItemSource)
-        {
-            _menuItemSource.InsertAt(index, navItem);
-        }
+        _profileVMs.Append(profileViewModel);

        // Select and navigate to the new profile
        _Navigate(profileViewModel, BreadcrumbSubPage::None);
    }

-    static MUX::Controls::InfoBadge _createGlyphIconBadge(wil::zwstring_view glyph)
-    {
-        MUX::Controls::InfoBadge badge;
-        MUX::Controls::FontIconSource icon;
-        icon.FontFamily(winrt::Windows::UI::Xaml::Media::FontFamily{ L"Segoe Fluent Icons, Segoe MDL2 Assets" });
-        icon.FontSize(12);
-        icon.Glyph(glyph);
-        badge.IconSource(icon);
-        return badge;
-    }
-
-    MUX::Controls::NavigationViewItem MainPage::_CreateProfileNavViewItem(const Editor::ProfileViewModel& profile)
-    {
-        MUX::Controls::NavigationViewItem profileNavItem;
-        profileNavItem.Content(box_value(profile.Name()));
-        profileNavItem.Tag(box_value<Editor::ProfileViewModel>(profile));
-        profileNavItem.Icon(UI::IconPathConverter::IconWUX(profile.EvaluatedIcon()));
-        WUX::Controls::ToolTipService::SetToolTip(profileNavItem, box_value(profile.Name()));
-
-        if (profile.Orphaned())
-        {
-            profileNavItem.InfoBadge(_createGlyphIconBadge(L"\xE7BA") /* Warning Triangle */);
-        }
-        else if (profile.Hidden())
-        {
-            profileNavItem.InfoBadge(_createGlyphIconBadge(L"\xED1A") /* Hide */);
-        }
-
-        // Update the menu item when the icon/name changes
-        auto weakMenuItem{ make_weak(profileNavItem) };
-        profile.PropertyChanged([weakMenuItem](const auto&, const WUX::Data::PropertyChangedEventArgs& args) {
-            if (auto menuItem{ weakMenuItem.get() })
-            {
-                const auto& tag{ menuItem.Tag().as<Editor::ProfileViewModel>() };
-                if (args.PropertyName() == L"Icon")
-                {
-                    menuItem.Icon(UI::IconPathConverter::IconWUX(tag.EvaluatedIcon()));
-                }
-                else if (args.PropertyName() == L"Name")
-                {
-                    menuItem.Content(box_value(tag.Name()));
-                    WUX::Controls::ToolTipService::SetToolTip(menuItem, box_value(tag.Name()));
-                }
-                else if (args.PropertyName() == L"Hidden")
-                {
-                    menuItem.InfoBadge(tag.Hidden() ? _createGlyphIconBadge(L"\xED1A") /* Hide */ : nullptr);
-                }
-            }
-        });
-
-        // Add an event handler for when the user wants to delete a profile.
-        profile.DeleteProfileRequested({ this, &MainPage::_DeleteProfile });
-
-        // Register the VM so that it appears in the search index
-        _profileVMs.Append(profile);
-
-        return profileNavItem;
-    }
-
    void MainPage::_DeleteProfile(const IInspectable /*sender*/, const Editor::DeleteProfileEventArgs& args)
    {
        // Delete profile from settings model
@@ -1025,33 +968,19 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
            }
        }

-        // remove selected item
-        uint32_t index;
-        auto selectedItem{ SettingsNav().SelectedItem() };
-        if (_menuItemSource)
+        // remove the profile VM
+        for (uint32_t i = 0; i < _profileVMs.Size(); ++i)
        {
-            _menuItemSource.IndexOf(selectedItem, index);
-            _menuItemSource.RemoveAt(index);
-
-            // Remove it from the list of VMs
-            auto profileVM = selectedItem.as<MUX::Controls::NavigationViewItem>().Tag().as<Editor::ProfileViewModel>();
-            uint32_t vmIndex;
-            if (_menuItemSource.IndexOf(profileVM, vmIndex))
+            if (_profileVMs.GetAt(i).OriginalProfileGuid() == guid)
            {
-                _profileVMs.RemoveAt(vmIndex);
+                _profileVMs.RemoveAt(i);
+                break;
            }
-
-            // navigate to the profile next to this one
-            const auto newSelectedItem{ _menuItemSource.GetAt(index < _menuItemSource.Size() - 1 ? index : index - 1) };
-            const auto newTag = newSelectedItem.as<MUX::Controls::NavigationViewItem>().Tag();
-            if (const auto profileViewModel = newTag.try_as<ProfileViewModel>())
-            {
-                profileViewModel->FocusDeleteButton(true);
-            }
-            _Navigate(newTag, BreadcrumbSubPage::None);
-            // Since we are navigating to a new profile after deletion, scroll up to the top
-            SettingsMainPage_ScrollViewer().ChangeView(nullptr, 0.0, nullptr);
        }
+
+        // Go back to the Profiles landing page
+        _Navigate(box_value(profilesTag), BreadcrumbSubPage::None);
+        SettingsMainPage_ScrollViewer().ChangeView(nullptr, 0.0, nullptr);
    }

    IObservableVector<IInspectable> MainPage::Breadcrumbs() noexcept
@@ -1061,29 +990,24 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation

    void MainPage::_NavigateToProfileHandler(const IInspectable& /*sender*/, winrt::guid profileGuid)
    {
-        if (const auto profileNavItem = _FindProfileNavItem(profileGuid))
+        if (const auto profileVM = _FindProfileVMByGuid(profileGuid))
        {
-            _Navigate(profileNavItem.Tag(), BreadcrumbSubPage::None);
+            _Navigate(profileVM, BreadcrumbSubPage::None);
        }
        // Silently fail if the profile wasn't found
    }

-    MUX::Controls::NavigationViewItem MainPage::_FindProfileNavItem(winrt::guid profileGuid) const
+    Editor::ProfileViewModel MainPage::_FindProfileVMByGuid(winrt::guid profileGuid) const
    {
-        for (auto&& menuItem : _menuItemSource)
+        if (!_profileVMs)
        {
-            if (const auto& navViewItem{ menuItem.try_as<MUX::Controls::NavigationViewItem>() })
+            return nullptr;
+        }
+        for (const auto& profileVM : _profileVMs)
+        {
+            if (profileVM.OriginalProfileGuid() == profileGuid)
            {
-                if (const auto& tag{ navViewItem.Tag() })
-                {
-                    if (const auto& profileTag{ tag.try_as<ProfileViewModel>() })
-                    {
-                        if (profileTag->OriginalProfileGuid() == profileGuid)
-                        {
-                            return navViewItem;
-                        }
-                    }
-                }
+                return profileVM;
            }
        }
        return nullptr;
@@ -1094,6 +1018,72 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        _Navigate(box_value(hstring{ colorSchemesTag }), BreadcrumbSubPage::ColorSchemes_Edit);
    }

+    void MainPage::_AppendProfilesRootCrumb()
+    {
+        _breadcrumbs.Append(winrt::make<Breadcrumb>(box_value(profilesTag), RS_(L"Nav_Profiles/Content"), BreadcrumbSubPage::None));
+    }
+
+    bool MainPage::_RootCrumbIsProfiles() const
+    {
+        if (_breadcrumbs && _breadcrumbs.Size() > 0)
+        {
+            if (const auto rootCrumb = _breadcrumbs.GetAt(0).try_as<Breadcrumb>())
+            {
+                if (const auto rootTag = rootCrumb->Tag().try_as<hstring>())
+                {
+                    return *rootTag == profilesTag;
+                }
+            }
+        }
+        return false;
+    }
+
+    void MainPage::_SelectNavItemByTag(std::wstring_view tag)
+    {
+        if (!_menuItemSource)
+        {
+            return;
+        }
+        for (auto&& menuItem : _menuItemSource)
+        {
+            if (const auto& navViewItem{ menuItem.try_as<MUX::Controls::NavigationViewItem>() })
+            {
+                if (const auto& itemTag{ navViewItem.Tag() })
+                {
+                    if (const auto& stringTag{ itemTag.try_as<hstring>() })
+                    {
+                        if (*stringTag == tag)
+                        {
+                            SettingsNav().SelectedItem(navViewItem);
+                            return;
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    void MainPage::_SetupProfilesPageEventHandling()
+    {
+        if (!_profilesPageVM)
+        {
+            return;
+        }
+
+        _profilesPageVM.OpenDefaultsRequested([this](const auto&, const auto&) {
+            _Navigate(box_value(globalProfileTag), BreadcrumbSubPage::None);
+        });
+        _profilesPageVM.OpenColorSchemesRequested([this](const auto&, const auto&) {
+            _Navigate(box_value(colorSchemesTag), BreadcrumbSubPage::None, {}, hstring{ profilesTag });
+        });
+        _profilesPageVM.AddProfileRequested([this](const auto&, const auto&) {
+            _Navigate(box_value(addProfileTag), BreadcrumbSubPage::None);
+        });
+        _profilesPageVM.OpenProfileRequested([this](const auto&, const Editor::ProfileViewModel& profile) {
+            _Navigate(profile, BreadcrumbSubPage::None);
+        });
+    }
+
    winrt::Windows::UI::Xaml::Media::Brush MainPage::BackgroundBrush()
    {
        return SettingsNav().Background();
--- a/src/cascadia/TerminalSettingsEditor/MainPage.h
+++ b/src/cascadia/TerminalSettingsEditor/MainPage.h
@@ -84,21 +84,25 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        std::optional<HWND> _hostingHwnd;

        void _InitializeProfilesList();
-        void _CreateAndNavigateToNewProfile(const uint32_t index, const Model::Profile& profile);
-        winrt::Microsoft::UI::Xaml::Controls::NavigationViewItem _CreateProfileNavViewItem(const Editor::ProfileViewModel& profile);
+        void _CreateAndNavigateToNewProfile(const Model::Profile& profile);
        void _DeleteProfile(const Windows::Foundation::IInspectable sender, const Editor::DeleteProfileEventArgs& args);
        void _AddProfileHandler(const winrt::guid profileGuid);

        void _SetupProfileEventHandling(const winrt::Microsoft::Terminal::Settings::Editor::ProfileViewModel profile);
        void _SetupColorSchemesEventHandling();
        void _SetupActionsEventHandling();
+        void _SetupProfilesPageEventHandling();
        void _NavigateToProfileSubPage(const Editor::ProfileViewModel& profile, ProfileSubPage page, const IInspectable& breadcrumbTag, const hstring& elementToFocus);

        void _PreNavigateHelper();
-        void _Navigate(const IInspectable& vm, BreadcrumbSubPage subPage, hstring elementToFocus = {});
+        void _Navigate(const IInspectable& vm, BreadcrumbSubPage subPage, hstring elementToFocus = {}, hstring parentNavTag = {});
        void _NavigateToProfileHandler(const IInspectable& sender, winrt::guid profileGuid);
        void _NavigateToColorSchemeHandler(const IInspectable& sender, const IInspectable& args);
-        Microsoft::UI::Xaml::Controls::NavigationViewItem _FindProfileNavItem(winrt::guid profileGuid) const;
+        Editor::ProfileViewModel _FindProfileVMByGuid(winrt::guid profileGuid) const;
+
+        void _AppendProfilesRootCrumb();
+        bool _RootCrumbIsProfiles() const;
+        void _SelectNavItemByTag(std::wstring_view tag);

        void _UpdateBackgroundForMica();
        void _MoveXamlParsedNavItemsIntoItemSource();
@@ -106,11 +110,12 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        safe_void_coroutine _UpdateSearchIndex();

        winrt::Microsoft::Terminal::Settings::Editor::ProfileViewModel _profileDefaultsVM{ nullptr };
-        Windows::Foundation::Collections::IVector<winrt::Microsoft::Terminal::Settings::Editor::ProfileViewModel> _profileVMs{ nullptr };
+        Windows::Foundation::Collections::IObservableVector<winrt::Microsoft::Terminal::Settings::Editor::ProfileViewModel> _profileVMs{ nullptr };
        winrt::Microsoft::Terminal::Settings::Editor::ColorSchemesPageViewModel _colorSchemesPageVM{ nullptr };
        winrt::Microsoft::Terminal::Settings::Editor::ActionsViewModel _actionsVM{ nullptr };
        winrt::Microsoft::Terminal::Settings::Editor::NewTabMenuViewModel _newTabMenuPageVM{ nullptr };
        winrt::Microsoft::Terminal::Settings::Editor::ExtensionsViewModel _extensionsVM{ nullptr };
+        winrt::Microsoft::Terminal::Settings::Editor::ProfilesPageViewModel _profilesPageVM{ nullptr };

        Windows::Foundation::IAsyncOperation<Windows::Foundation::Collections::IObservableVector<Windows::Foundation::IInspectable>> _currentSearch{ nullptr };

--- a/src/cascadia/TerminalSettingsEditor/MainPage.xaml
+++ b/src/cascadia/TerminalSettingsEditor/MainPage.xaml
@@ -192,11 +192,9 @@
                                     x:Uid="Nav_Extensions"
                                     Tag="Extensions_Nav" />

-            <muxc:NavigationViewItemHeader x:Uid="Nav_Profiles" />
-
-            <muxc:NavigationViewItem x:Name="BaseLayerMenuItem"
-                                     x:Uid="Nav_ProfileDefaults"
-                                     Tag="GlobalProfile_Nav" />
+            <muxc:NavigationViewItem x:Name="ProfilesNavItem"
+                                     x:Uid="Nav_Profiles"
+                                     Tag="Profiles_Nav" />
        </muxc:NavigationView.MenuItems>

        <muxc:NavigationView.FooterMenuItems>
--- a/src/cascadia/TerminalSettingsEditor/Microsoft.Terminal.Settings.Editor.vcxproj
+++ b/src/cascadia/TerminalSettingsEditor/Microsoft.Terminal.Settings.Editor.vcxproj
@@ -119,6 +119,14 @@
      <DependentUpon>ColorSchemesPageViewModel.idl</DependentUpon>
      <SubType>Code</SubType>
    </ClInclude>
+    <ClInclude Include="ProfilesPageViewModel.h">
+      <DependentUpon>ProfilesPageViewModel.idl</DependentUpon>
+      <SubType>Code</SubType>
+    </ClInclude>
+    <ClInclude Include="Profiles.h">
+      <DependentUpon>Profiles.xaml</DependentUpon>
+      <SubType>Code</SubType>
+    </ClInclude>
    <ClInclude Include="RenderingViewModel.h">
      <DependentUpon>RenderingViewModel.idl</DependentUpon>
      <SubType>Code</SubType>
@@ -231,6 +239,9 @@
    <Page Include="Profiles_Base.xaml">
      <SubType>Designer</SubType>
    </Page>
+    <Page Include="Profiles.xaml">
+      <SubType>Designer</SubType>
+    </Page>
    <Page Include="Profiles_Base_Orphaned.xaml">
      <SubType>Designer</SubType>
    </Page>
@@ -331,6 +342,14 @@
      <DependentUpon>ColorSchemesPageViewModel.idl</DependentUpon>
      <SubType>Code</SubType>
    </ClCompile>
+    <ClCompile Include="ProfilesPageViewModel.cpp">
+      <DependentUpon>ProfilesPageViewModel.idl</DependentUpon>
+      <SubType>Code</SubType>
+    </ClCompile>
+    <ClCompile Include="Profiles.cpp">
+      <DependentUpon>Profiles.xaml</DependentUpon>
+      <SubType>Code</SubType>
+    </ClCompile>
    <ClCompile Include="RenderingViewModel.cpp">
      <DependentUpon>RenderingViewModel.idl</DependentUpon>
      <SubType>Code</SubType>
@@ -456,6 +475,11 @@
    <Midl Include="TerminalColorConverters.idl" />
    <Midl Include="ColorSchemeViewModel.idl" />
    <Midl Include="ColorSchemesPageViewModel.idl" />
+    <Midl Include="ProfilesPageViewModel.idl" />
+    <Midl Include="Profiles.idl">
+      <DependentUpon>Profiles.xaml</DependentUpon>
+      <SubType>Code</SubType>
+    </Midl>
    <Midl Include="RenderingViewModel.idl" />
    <Midl Include="InteractionViewModel.idl" />
    <Midl Include="GlobalAppearanceViewModel.idl" />
--- a/src/cascadia/TerminalSettingsEditor/Microsoft.Terminal.Settings.Editor.vcxproj.filters
+++ b/src/cascadia/TerminalSettingsEditor/Microsoft.Terminal.Settings.Editor.vcxproj.filters
@@ -24,6 +24,7 @@
    <Midl Include="ActionsViewModel.idl" />
    <Midl Include="ColorSchemeViewModel.idl" />
    <Midl Include="ColorSchemesPageViewModel.idl" />
+    <Midl Include="ProfilesPageViewModel.idl" />
    <Midl Include="RenderingViewModel.idl" />
    <Midl Include="InteractionViewModel.idl" />
    <Midl Include="GlobalAppearanceViewModel.idl" />
@@ -57,5 +58,6 @@
    <Page Include="NullableColorPicker.xaml" />
    <Page Include="IconPicker.xaml" />
    <Page Include="NewTabMenu.xaml" />
+    <Page Include="Profiles.xaml" />
  </ItemGroup>
 </Project>
--- a/src/cascadia/TerminalSettingsEditor/NavConstants.h
+++ b/src/cascadia/TerminalSettingsEditor/NavConstants.h
@@ -17,6 +17,7 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
    inline constexpr std::wstring_view actionsTag{ L"Actions_Nav" };
    inline constexpr std::wstring_view newTabMenuTag{ L"NewTabMenu_Nav" };
    inline constexpr std::wstring_view extensionsTag{ L"Extensions_Nav" };
+    inline constexpr std::wstring_view profilesTag{ L"Profiles_Nav" };
    inline constexpr std::wstring_view globalProfileTag{ L"GlobalProfile_Nav" };
    inline constexpr std::wstring_view addProfileTag{ L"AddProfile" };
    inline constexpr std::wstring_view colorSchemesTag{ L"ColorSchemes_Nav" };
@@ -33,6 +34,7 @@ namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
        std::pair{ actionsTag, L"\xE765" }, /* Keyboard Classic */
        std::pair{ newTabMenuTag, L"\xE71D" }, /* All Apps */
        std::pair{ extensionsTag, L"\xEA86" }, /* Puzzle */
+        std::pair{ profilesTag, L"\xE7EE" }, /* Other User */
        std::pair{ globalProfileTag, L"\xE81E" }, /* Map Layers */
        std::pair{ addProfileTag, L"\xE710" }, /* Add */
        std::pair{ openJsonTag, L"\xE713" }, /* Settings */
--- a/src/cascadia/TerminalSettingsEditor/Profiles.cpp
+++ b/src/cascadia/TerminalSettingsEditor/Profiles.cpp
@@ -0,0 +1,80 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+#include "pch.h"
+#include "Profiles.h"
+#include "Profiles.g.cpp"
+#include "ProfileViewModel.h"
+
+using namespace winrt::Windows::Foundation;
+using namespace winrt::Windows::UI::Xaml;
+using namespace winrt::Windows::UI::Xaml::Controls;
+using namespace winrt::Windows::UI::Xaml::Navigation;
+
+namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
+{
+    Profiles::Profiles()
+    {
+        InitializeComponent();
+
+        Automation::AutomationProperties::SetName(DefaultsNavigator(), RS_(L"Profiles_DefaultsNavigator_Title/Text"));
+        Automation::AutomationProperties::SetName(ColorSchemesNavigator(), RS_(L"Profiles_ColorSchemesNavigator_Title/Text"));
+        Automation::AutomationProperties::SetName(AddProfileButton(), RS_(L"Profiles_AddProfileButton/Text"));
+    }
+
+    void Profiles::OnNavigatedTo(const NavigationEventArgs& e)
+    {
+        const auto args = e.Parameter().as<Editor::NavigateToPageArgs>();
+        _ViewModel = args.ViewModel().as<Editor::ProfilesPageViewModel>();
+        BringIntoViewWhenLoaded(args.ElementToFocus());
+
+        TraceLoggingWrite(
+            g_hTerminalSettingsEditorProvider,
+            "NavigatedToPage",
+            TraceLoggingDescription("Event emitted when the user navigates to a page in the settings UI"),
+            TraceLoggingValue("profilesLanding", "PageId", "The identifier of the page that was navigated to"),
+            TraceLoggingKeyword(MICROSOFT_KEYWORD_MEASURES),
+            TelemetryPrivacyDataTag(PDT_ProductAndServiceUsage));
+    }
+
+    void Profiles::Defaults_Click(const IInspectable& /*sender*/, const RoutedEventArgs& /*args*/)
+    {
+        if (_ViewModel)
+        {
+            _ViewModel.RequestOpenDefaults();
+        }
+    }
+
+    void Profiles::ColorSchemes_Click(const IInspectable& /*sender*/, const RoutedEventArgs& /*args*/)
+    {
+        if (_ViewModel)
+        {
+            _ViewModel.RequestOpenColorSchemes();
+        }
+    }
+
+    void Profiles::AddProfile_Click(const IInspectable& /*sender*/, const RoutedEventArgs& /*args*/)
+    {
+        if (_ViewModel)
+        {
+            _ViewModel.RequestAddProfile();
+        }
+    }
+
+    void Profiles::Profile_Click(const IInspectable& sender, const RoutedEventArgs& /*args*/)
+    {
+        if (!_ViewModel)
+        {
+            return;
+        }
+
+        // Profile navigators are buttons whose DataContext is the bound ProfileViewModel.
+        if (const auto element = sender.try_as<FrameworkElement>())
+        {
+            if (const auto profile = element.DataContext().try_as<Editor::ProfileViewModel>())
+            {
+                _ViewModel.RequestOpenProfile(profile);
+            }
+        }
+    }
+}
--- a/src/cascadia/TerminalSettingsEditor/Profiles.h
+++ b/src/cascadia/TerminalSettingsEditor/Profiles.h
@@ -0,0 +1,44 @@
+/*++
+Copyright (c) Microsoft Corporation
+Licensed under the MIT license.
+
+Module Name:
+- Profiles.h
+
+Abstract:
+- The Profiles landing page in the Settings UI. Replaces the previous per-profile
+  navigation tree with a single "Profiles" nav item that opens this page. The page
+  hosts entry points to the Defaults profile, the Color schemes page, the Add Profile
+  flow, and the list of individual profiles.
+
+--*/
+
+#pragma once
+
+#include "Profiles.g.h"
+#include "ProfilesPageViewModel.h"
+#include "Utils.h"
+
+namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
+{
+    struct Profiles : public HasScrollViewer<Profiles>, ProfilesT<Profiles>
+    {
+    public:
+        Profiles();
+
+        void OnNavigatedTo(const winrt::Windows::UI::Xaml::Navigation::NavigationEventArgs& e);
+
+        void Defaults_Click(const Windows::Foundation::IInspectable& sender, const Windows::UI::Xaml::RoutedEventArgs& args);
+        void ColorSchemes_Click(const Windows::Foundation::IInspectable& sender, const Windows::UI::Xaml::RoutedEventArgs& args);
+        void AddProfile_Click(const Windows::Foundation::IInspectable& sender, const Windows::UI::Xaml::RoutedEventArgs& args);
+        void Profile_Click(const Windows::Foundation::IInspectable& sender, const Windows::UI::Xaml::RoutedEventArgs& args);
+
+        til::property_changed_event PropertyChanged;
+        WINRT_PROPERTY(Editor::ProfilesPageViewModel, ViewModel, nullptr);
+    };
+}
+
+namespace winrt::Microsoft::Terminal::Settings::Editor::factory_implementation
+{
+    BASIC_FACTORY(Profiles);
+}
--- a/src/cascadia/TerminalSettingsEditor/Profiles.idl
+++ b/src/cascadia/TerminalSettingsEditor/Profiles.idl
@@ -0,0 +1,13 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import "ProfilesPageViewModel.idl";
+
+namespace Microsoft.Terminal.Settings.Editor
+{
+    [default_interface] runtimeclass Profiles : Windows.UI.Xaml.Controls.Page
+    {
+        Profiles();
+        ProfilesPageViewModel ViewModel { get; };
+    }
+}
--- a/src/cascadia/TerminalSettingsEditor/Profiles.xaml
+++ b/src/cascadia/TerminalSettingsEditor/Profiles.xaml
@@ -0,0 +1,140 @@
+<!--
+    Copyright (c) Microsoft Corporation. All rights reserved. Licensed under
+    the MIT License. See LICENSE in the project root for license information.
+-->
+<Page x:Class="Microsoft.Terminal.Settings.Editor.Profiles"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:local="using:Microsoft.Terminal.Settings.Editor"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      xmlns:model="using:Microsoft.Terminal.Settings.Model"
+      xmlns:mtu="using:Microsoft.Terminal.UI"
+      xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
+      mc:Ignorable="d">
+
+    <Page.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="CommonResources.xaml" />
+            </ResourceDictionary.MergedDictionaries>
+
+            <DataTemplate x:Key="ProfileNavigatorTemplate"
+                          x:DataType="local:ProfileViewModel">
+                <Button HorizontalAlignment="Stretch"
+                        AutomationProperties.Name="{x:Bind Name, Mode=OneWay}"
+                        Click="Profile_Click"
+                        Style="{StaticResource NavigatorButtonStyle}">
+                    <Grid ColumnSpacing="12">
+                        <Grid.ColumnDefinitions>
+                            <ColumnDefinition Width="16" />
+                            <ColumnDefinition Width="*" />
+                            <ColumnDefinition Width="Auto" />
+                        </Grid.ColumnDefinitions>
+                        <ContentControl Grid.Column="0"
+                                        Width="16"
+                                        Height="16"
+                                        VerticalAlignment="Center"
+                                        Content="{x:Bind IconPreview, Mode=OneWay}"
+                                        IsTabStop="False" />
+                        <TextBlock Grid.Column="1"
+                                   VerticalAlignment="Center"
+                                   Style="{StaticResource BodyStrongTextBlockStyle}"
+                                   Text="{x:Bind Name, Mode=OneWay}"
+                                   TextTrimming="CharacterEllipsis" />
+                        <muxc:InfoBadge Grid.Column="2"
+                                        Margin="0,0,8,0"
+                                        VerticalAlignment="Center"
+                                        Visibility="{x:Bind mtu:Converters.BooleanToVisibility(Hidden), Mode=OneWay}">
+                            <muxc:InfoBadge.IconSource>
+                                <muxc:FontIconSource FontFamily="Segoe Fluent Icons, Segoe MDL2 Assets"
+                                                     FontSize="12"
+                                                     Glyph="&#xED1A;" />
+                            </muxc:InfoBadge.IconSource>
+                        </muxc:InfoBadge>
+                        <muxc:InfoBadge Grid.Column="2"
+                                        Margin="0,0,8,0"
+                                        VerticalAlignment="Center"
+                                        Visibility="{x:Bind mtu:Converters.BooleanToVisibility(Orphaned), Mode=OneWay}">
+                            <muxc:InfoBadge.IconSource>
+                                <muxc:FontIconSource FontFamily="Segoe Fluent Icons, Segoe MDL2 Assets"
+                                                     FontSize="12"
+                                                     Glyph="&#xE7BA;" />
+                            </muxc:InfoBadge.IconSource>
+                        </muxc:InfoBadge>
+                    </Grid>
+                </Button>
+            </DataTemplate>
+        </ResourceDictionary>
+    </Page.Resources>
+
+    <StackPanel Style="{StaticResource SettingsStackStyle}">
+
+        <!--  General Profile Settings  -->
+        <TextBlock x:Name="GeneralSettingsHeader"
+                   x:Uid="Profiles_GeneralSettingsHeader"
+                   Margin="0,0,0,4"
+                   Style="{StaticResource TextBlockSubHeaderStyle}" />
+
+        <!--  Defaults navigator  -->
+        <Button x:Name="DefaultsNavigator"
+                Click="Defaults_Click"
+                Style="{StaticResource NavigatorButtonStyle}">
+            <StackPanel Orientation="Vertical">
+                <TextBlock x:Uid="Profiles_DefaultsNavigator_Title"
+                           Style="{StaticResource BodyStrongTextBlockStyle}" />
+                <TextBlock x:Uid="Profiles_DefaultsNavigator_Description"
+                           Margin="0,2,0,0"
+                           Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                           Style="{StaticResource CaptionTextBlockStyle}"
+                           TextWrapping="Wrap" />
+            </StackPanel>
+        </Button>
+
+        <!--  Color schemes navigator  -->
+        <Button x:Name="ColorSchemesNavigator"
+                Click="ColorSchemes_Click"
+                Style="{StaticResource NavigatorButtonStyle}">
+            <StackPanel Orientation="Vertical">
+                <TextBlock x:Uid="Profiles_ColorSchemesNavigator_Title"
+                           Style="{StaticResource BodyStrongTextBlockStyle}" />
+                <TextBlock x:Uid="Profiles_ColorSchemesNavigator_Description"
+                           Margin="0,2,0,0"
+                           Foreground="{ThemeResource TextFillColorSecondaryBrush}"
+                           Style="{StaticResource CaptionTextBlockStyle}"
+                           TextWrapping="Wrap" />
+            </StackPanel>
+        </Button>
+
+        <!--  Terminal profiles section  -->
+        <TextBlock x:Name="TerminalProfilesHeader"
+                   x:Uid="Profiles_TerminalProfilesHeader"
+                   Style="{StaticResource TextBlockSubHeaderStyle}" />
+
+        <!--  Add Profile accent button  -->
+        <Border MaxWidth="{StaticResource StandardControlMaxWidth}">
+            <Button x:Name="AddProfileButton"
+                    Margin="0,4,0,0"
+                    Click="AddProfile_Click"
+                    Style="{StaticResource AccentButtonStyle}">
+                <StackPanel Orientation="Horizontal">
+                    <FontIcon FontSize="{StaticResource StandardIconSize}"
+                              Glyph="&#xE710;" />
+                    <TextBlock x:Uid="Profiles_AddProfileButton"
+                               Style="{StaticResource IconButtonTextBlockStyle}" />
+                </StackPanel>
+            </Button>
+        </Border>
+
+        <!--  List of profiles. Each is a NavigatorButtonStyle button rendered by ProfileNavigatorTemplate.  -->
+        <ItemsControl Margin="0,0,0,16"
+                      ItemTemplate="{StaticResource ProfileNavigatorTemplate}"
+                      ItemsSource="{x:Bind ViewModel.Profiles, Mode=OneWay}">
+            <ItemsControl.ItemsPanel>
+                <ItemsPanelTemplate>
+                    <StackPanel Orientation="Vertical" />
+                </ItemsPanelTemplate>
+            </ItemsControl.ItemsPanel>
+        </ItemsControl>
+    </StackPanel>
+</Page>
--- a/src/cascadia/TerminalSettingsEditor/ProfilesPageViewModel.cpp
+++ b/src/cascadia/TerminalSettingsEditor/ProfilesPageViewModel.cpp
@@ -0,0 +1,42 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+#include "pch.h"
+#include "ProfilesPageViewModel.h"
+#include "ProfilesPageViewModel.g.cpp"
+
+using namespace winrt::Windows::Foundation;
+using namespace winrt::Windows::Foundation::Collections;
+
+namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
+{
+    ProfilesPageViewModel::ProfilesPageViewModel(const IObservableVector<Editor::ProfileViewModel>& profileVMs)
+    {
+        _setProfiles(profileVMs);
+    }
+
+    void ProfilesPageViewModel::UpdateProfileVMs(const IObservableVector<Editor::ProfileViewModel>& profileVMs)
+    {
+        Profiles(profileVMs);
+    }
+
+    void ProfilesPageViewModel::RequestOpenDefaults()
+    {
+        OpenDefaultsRequested.raise(*this, nullptr);
+    }
+
+    void ProfilesPageViewModel::RequestOpenColorSchemes()
+    {
+        OpenColorSchemesRequested.raise(*this, nullptr);
+    }
+
+    void ProfilesPageViewModel::RequestAddProfile()
+    {
+        AddProfileRequested.raise(*this, nullptr);
+    }
+
+    void ProfilesPageViewModel::RequestOpenProfile(const Editor::ProfileViewModel& profile)
+    {
+        OpenProfileRequested.raise(*this, profile);
+    }
+}
--- a/src/cascadia/TerminalSettingsEditor/ProfilesPageViewModel.h
+++ b/src/cascadia/TerminalSettingsEditor/ProfilesPageViewModel.h
@@ -0,0 +1,41 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+#pragma once
+
+#include "ProfilesPageViewModel.g.h"
+#include "ProfileViewModel.h"
+#include "Utils.h"
+#include "ViewModelHelpers.h"
+
+namespace winrt::Microsoft::Terminal::Settings::Editor::implementation
+{
+    struct ProfilesPageViewModel : ProfilesPageViewModelT<ProfilesPageViewModel>, ViewModelHelper<ProfilesPageViewModel>
+    {
+    public:
+        explicit ProfilesPageViewModel(const Windows::Foundation::Collections::IObservableVector<Editor::ProfileViewModel>& profileVMs);
+
+        void UpdateProfileVMs(const Windows::Foundation::Collections::IObservableVector<Editor::ProfileViewModel>& profileVMs);
+
+        void RequestOpenDefaults();
+        void RequestOpenColorSchemes();
+        void RequestAddProfile();
+        void RequestOpenProfile(const Editor::ProfileViewModel& profile);
+
+        // DON'T YOU DARE ADD A `WINRT_CALLBACK(PropertyChanged` TO A CLASS DERIVED FROM ViewModelHelper. Do this instead:
+        using ViewModelHelper<ProfilesPageViewModel>::PropertyChanged;
+
+        WINRT_OBSERVABLE_PROPERTY(Windows::Foundation::Collections::IObservableVector<Editor::ProfileViewModel>, Profiles, _propertyChangedHandlers, nullptr);
+
+    public:
+        til::typed_event<Windows::Foundation::IInspectable, Windows::Foundation::IInspectable> OpenDefaultsRequested;
+        til::typed_event<Windows::Foundation::IInspectable, Windows::Foundation::IInspectable> OpenColorSchemesRequested;
+        til::typed_event<Windows::Foundation::IInspectable, Windows::Foundation::IInspectable> AddProfileRequested;
+        til::typed_event<Windows::Foundation::IInspectable, Editor::ProfileViewModel> OpenProfileRequested;
+    };
+};
+
+namespace winrt::Microsoft::Terminal::Settings::Editor::factory_implementation
+{
+    BASIC_FACTORY(ProfilesPageViewModel);
+}
--- a/src/cascadia/TerminalSettingsEditor/ProfilesPageViewModel.idl
+++ b/src/cascadia/TerminalSettingsEditor/ProfilesPageViewModel.idl
@@ -0,0 +1,26 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+
+import "ProfileViewModel.idl";
+import "ColorSchemeViewModel.idl";
+
+namespace Microsoft.Terminal.Settings.Editor
+{
+    runtimeclass ProfilesPageViewModel : Windows.UI.Xaml.Data.INotifyPropertyChanged
+    {
+        ProfilesPageViewModel(Windows.Foundation.Collections.IObservableVector<ProfileViewModel> profileVMs);
+        void UpdateProfileVMs(Windows.Foundation.Collections.IObservableVector<ProfileViewModel> profileVMs);
+
+        Windows.Foundation.Collections.IObservableVector<ProfileViewModel> Profiles { get; };
+
+        void RequestOpenDefaults();
+        void RequestOpenColorSchemes();
+        void RequestAddProfile();
+        void RequestOpenProfile(ProfileViewModel profile);
+
+        event Windows.Foundation.TypedEventHandler<Object, IInspectable> OpenDefaultsRequested;
+        event Windows.Foundation.TypedEventHandler<Object, IInspectable> OpenColorSchemesRequested;
+        event Windows.Foundation.TypedEventHandler<Object, IInspectable> AddProfileRequested;
+        event Windows.Foundation.TypedEventHandler<Object, ProfileViewModel> OpenProfileRequested;
+    }
+}
--- a/src/cascadia/TerminalSettingsEditor/Resources/en-US/Resources.resw
+++ b/src/cascadia/TerminalSettingsEditor/Resources/en-US/Resources.resw
@@ -1291,7 +1291,39 @@
  </data>
  <data name="Nav_Profiles.Content" xml:space="preserve">
    <value>Profiles</value>
-    <comment>Header for the "profiles" menu items. This acts as a divider to introduce profile-related menu items.</comment>
+    <comment>Header for the "profiles" menu item. Navigates to a landing page that lists profile-related settings (defaults, color schemes, the list of terminal profiles, and the add-profile button).</comment>
+  </data>
+  <data name="Nav_Profiles.[using:Windows.UI.Xaml.Controls]ToolTipService.ToolTip" xml:space="preserve">
+    <value>Profiles</value>
+    <comment>Tooltip for the "profiles" menu item. Navigates to a landing page that lists profile-related settings.</comment>
+  </data>
+  <data name="Profiles_GeneralSettingsHeader.Text" xml:space="preserve">
+    <value>General Profile Settings</value>
+    <comment>Section header on the Profiles landing page. Introduces general-purpose profile settings such as the defaults shared by all profiles and the color schemes that profiles can use.</comment>
+  </data>
+  <data name="Profiles_TerminalProfilesHeader.Text" xml:space="preserve">
+    <value>Terminal profiles</value>
+    <comment>Section header on the Profiles landing page. Introduces the list of individual terminal profiles configured by the user.</comment>
+  </data>
+  <data name="Profiles_DefaultsNavigator_Title.Text" xml:space="preserve">
+    <value>Defaults</value>
+    <comment>Title for the "Defaults" navigator on the Profiles landing page. Clicking this opens the page where defaults shared by all profiles can be edited.</comment>
+  </data>
+  <data name="Profiles_DefaultsNavigator_Description.Text" xml:space="preserve">
+    <value>Changes made here apply to all profiles unless overridden by a specific profile. These settings do not affect the Windows Terminal appearance.</value>
+    <comment>Help text describing the "Defaults" navigator on the Profiles landing page. Clarifies that the defaults apply to every profile but are not the same as the global Windows Terminal appearance settings.</comment>
+  </data>
+  <data name="Profiles_ColorSchemesNavigator_Title.Text" xml:space="preserve">
+    <value>Color schemes</value>
+    <comment>Title for the "Color schemes" navigator on the Profiles landing page. Clicking this opens the same page reachable from the top-level Color schemes nav item.</comment>
+  </data>
+  <data name="Profiles_ColorSchemesNavigator_Description.Text" xml:space="preserve">
+    <value>Add, edit, or remove the color schemes that your profiles can use.</value>
+    <comment>Help text describing the "Color schemes" navigator on the Profiles landing page.</comment>
+  </data>
+  <data name="Profiles_AddProfileButton.Text" xml:space="preserve">
+    <value>Add a new profile</value>
+    <comment>Text on the accent-colored button on the Profiles landing page. Clicking this opens the page where users can add a new profile.</comment>
  </data>
  <data name="Globals_LaunchModeFocus.Content" xml:space="preserve">
    <value>Focus</value>
--- a/src/cascadia/UIHelpers/Converters.cpp
+++ b/src/cascadia/UIHelpers/Converters.cpp
@@ -21,6 +21,11 @@ namespace winrt::Microsoft::Terminal::UI::implementation
        return value ? winrt::Windows::UI::Xaml::Visibility::Collapsed : winrt::Windows::UI::Xaml::Visibility::Visible;
    }

+    winrt::Windows::UI::Xaml::Visibility Converters::BooleanToVisibility(bool value)
+    {
+        return value ? winrt::Windows::UI::Xaml::Visibility::Visible : winrt::Windows::UI::Xaml::Visibility::Collapsed;
+    }
+
    // Numbers
    double Converters::PercentageToPercentageValue(double value)
    {
--- a/src/cascadia/UIHelpers/Converters.h
+++ b/src/cascadia/UIHelpers/Converters.h
@@ -12,6 +12,7 @@ namespace winrt::Microsoft::Terminal::UI::implementation
        // Booleans
        static bool InvertBoolean(bool value);
        static winrt::Windows::UI::Xaml::Visibility InvertedBooleanToVisibility(bool value);
+        static winrt::Windows::UI::Xaml::Visibility BooleanToVisibility(bool value);

        // Numbers
        static double PercentageToPercentageValue(double value);
--- a/src/cascadia/UIHelpers/Converters.idl
+++ b/src/cascadia/UIHelpers/Converters.idl
@@ -10,6 +10,7 @@ namespace Microsoft.Terminal.UI
        // Booleans
        static Boolean InvertBoolean(Boolean value);
        static Windows.UI.Xaml.Visibility InvertedBooleanToVisibility(Boolean value);
+        static Windows.UI.Xaml.Visibility BooleanToVisibility(Boolean value);

        // Numbers
        static Double PercentageToPercentageValue(Double value);