@codingame/monaco-vscode-user-data-profile-service-override 7.1.0 → 8.0.0

package/vscode/src/vs/workbench/contrib/userDataProfile/browser/userDataProfilesEditor.js

@@ -1,10 +1,10 @@
 import { __decorate, __param } from 'vscode/external/tslib/tslib.es6.js';
 import './media/userDataProfilesEditor.css.js';
-import { append, $, Dimension, trackFocus, addDisposableListener, EventType, EventHelper } from 'vscode/vscode/vs/base/browser/dom';
+import { append, $, Dimension, trackFocus, addDisposableListener, EventType, EventHelper, clearNode } from 'vscode/vscode/vs/base/browser/dom';
 import { SubmenuAction, Separator, Action } from 'vscode/vscode/vs/base/common/actions';
-import { Event } from 'vscode/vscode/vs/base/common/event';
+import { Event, Emitter } from 'vscode/vscode/vs/base/common/event';
 import { ThemeIcon } from 'vscode/vscode/vs/base/common/themables';
-import { localizeWithPath } from 'vscode/vscode/vs/nls';
+import { localize } from 'vscode/vscode/vs/nls';
 import { IContextMenuService, IContextViewService } from 'vscode/vscode/vs/platform/contextview/browser/contextView.service';
 import { IInstantiationService } from 'vscode/vscode/vs/platform/instantiation/common/instantiation';
 import { IStorageService } from 'vscode/vscode/vs/platform/storage/common/storage.service';
@@ -15,14 +15,13 @@ import { IUserDataProfilesService } from 'vscode/vscode/vs/platform/userDataProf
 import { EditorPane } from 'vscode/vscode/vs/workbench/browser/parts/editor/editorPane';
 import { EditorInput } from 'vscode/vscode/vs/workbench/common/editor/editorInput';
 import { PROFILE_FILTER, defaultUserDataProfileIcon } from 'vscode/vscode/vs/workbench/services/userDataProfile/common/userDataProfile';
-import { IUserDataProfileManagementService } from 'vscode/vscode/vs/workbench/services/userDataProfile/common/userDataProfile.service';
 import { SplitView, Sizing } from 'vscode/vscode/vs/base/browser/ui/splitview/splitview';
 import { ButtonWithDropdown, Button } from 'vscode/vscode/vs/base/browser/ui/button/button';
-import { defaultButtonStyles, defaultInputBoxStyles, defaultSelectBoxStyles, defaultCheckboxStyles } from 'vscode/vscode/vs/platform/theme/browser/defaultStyles';
+import { getListStyles, defaultButtonStyles, getInputBoxStyle, defaultInputBoxStyles, defaultCheckboxStyles, defaultSelectBoxStyles } from 'vscode/vscode/vs/platform/theme/browser/defaultStyles';
 import { registerColor } from 'vscode/vscode/vs/platform/theme/common/colorUtils';
-import 'vscode/vscode/vs/platform/theme/common/colors/baseColors';
+import { foreground } from 'vscode/vscode/vs/platform/theme/common/colors/baseColors';
 import 'vscode/vscode/vs/platform/theme/common/colors/chartsColors';
-import 'vscode/vscode/vs/platform/theme/common/colors/editorColors';
+import { editorBackground } from 'vscode/vscode/vs/platform/theme/common/colors/editorColors';
 import 'vscode/vscode/vs/platform/theme/common/colors/inputColors';
 import 'vscode/vscode/vs/platform/theme/common/colors/listColors';
 import 'vscode/vscode/vs/platform/theme/common/colors/menuColors';
@@ -32,7 +31,8 @@ import 'vscode/vscode/vs/platform/theme/common/colors/quickpickColors';
 import 'vscode/vscode/vs/platform/theme/common/colors/searchColors';
 import { PANEL_BORDER } from 'vscode/vscode/vs/workbench/common/theme';
 import { WorkbenchList, WorkbenchAsyncDataTree } from 'vscode/vscode/vs/platform/list/browser/listService';
-import { DisposableStore, Disposable, MutableDisposable } from 'vscode/vscode/vs/base/common/lifecycle';
+import { CachedListVirtualDelegate } from 'vscode/vscode/vs/base/browser/ui/list/list';
+import { DisposableStore, Disposable, MutableDisposable, toDisposable } from 'vscode/vscode/vs/base/common/lifecycle';
 import { InputBox, MessageType } from 'vscode/vscode/vs/base/browser/ui/inputbox/inputBox';
 import { Checkbox } from 'vscode/vscode/vs/base/browser/ui/toggle/toggle';
 import { DEFAULT_ICON, ICONS } from 'vscode/vscode/vs/workbench/services/userDataProfile/common/userDataProfileIcons';
@@ -45,32 +45,52 @@ import { HoverPosition } from 'vscode/vscode/vs/base/browser/ui/hover/hoverWidge
 import { SelectBox } from 'vscode/vscode/vs/base/browser/ui/selectBox/selectBox';
 import { URI } from 'vscode/vscode/vs/base/common/uri';
 import { IEditorProgressService } from 'vscode/vscode/vs/platform/progress/common/progress.service';
-import { isUndefined } from 'vscode/vscode/vs/base/common/types';
+import { isUndefined, isString } from 'vscode/vscode/vs/base/common/types';
 import { basename } from 'vscode/vscode/vs/base/common/resources';
 import { RenderIndentGuides } from 'vscode/vscode/vs/base/browser/ui/tree/abstractTree';
 import { ResourceLabels, DEFAULT_LABELS_CONTAINER } from 'vscode/vscode/vs/workbench/browser/labels';
 import { IFileDialogService } from 'vscode/vscode/vs/platform/dialogs/common/dialogs.service';
 import { IQuickInputService } from 'vscode/vscode/vs/platform/quickinput/common/quickInput.service';
 import { UserDataProfileElement, AbstractUserDataProfileElement, NewProfileElement, isProfileResourceTypeElement, isProfileResourceChildElement, UserDataProfilesEditorModel } from './userDataProfilesEditorModel.js';
-import { Codicon } from 'vscode/vscode/vs/base/common/codicons';
 import { WorkbenchToolBar } from 'vscode/vscode/vs/platform/actions/browser/toolbar';
 import { createInstantHoverDelegate } from 'vscode/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
+import { Codicon } from 'vscode/vscode/vs/base/common/codicons';
+import { Radio } from '../../../../base/browser/ui/radio/radio.js';
+import { MarkdownString } from 'vscode/vscode/vs/base/common/htmlContent';
+import { settingsTextInputBorder } from 'vscode/vscode/vs/workbench/contrib/preferences/common/settingsEditorColorRegistry';
+import { renderMarkdown } from 'vscode/vscode/vs/base/browser/markdownRenderer';
+import { IUriIdentityService } from 'vscode/vscode/vs/platform/uriIdentity/common/uriIdentity.service';
 import { Orientation } from 'vscode/vscode/vs/base/browser/ui/sash/sash';
 
 var UserDataProfilesEditor_1, ExistingProfileResourceTreeRenderer_1, NewProfileResourceTreeRenderer_1, ProfileResourceChildTreeItemRenderer_1, UserDataProfilesEditorInput_1;
-const _moduleId = "vs/workbench/contrib/userDataProfile/browser/userDataProfilesEditor";
-const profilesSashBorder = registerColor('profiles.sashBorder', PANEL_BORDER, ( localizeWithPath(_moduleId, 0, "The color of the Profiles editor splitview sash border.")));
+const profilesSashBorder = registerColor('profiles.sashBorder', PANEL_BORDER, ( localize(10908, "The color of the Profiles editor splitview sash border.")));
+const listStyles = getListStyles({
+    listActiveSelectionBackground: editorBackground,
+    listActiveSelectionForeground: foreground,
+    listFocusAndSelectionBackground: editorBackground,
+    listFocusAndSelectionForeground: foreground,
+    listFocusBackground: editorBackground,
+    listFocusForeground: foreground,
+    listHoverForeground: foreground,
+    listHoverBackground: editorBackground,
+    listHoverOutline: editorBackground,
+    listFocusOutline: editorBackground,
+    listInactiveSelectionBackground: editorBackground,
+    listInactiveSelectionForeground: foreground,
+    listInactiveFocusBackground: editorBackground,
+    listInactiveFocusOutline: editorBackground,
+    treeIndentGuidesStroke: undefined,
+    treeInactiveIndentGuidesStroke: undefined,
+});
 let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
     static { UserDataProfilesEditor_1 = this; }
     static { this.ID = 'workbench.editor.userDataProfiles'; }
-    constructor(group, telemetryService, themeService, storageService, userDataProfileManagementService, quickInputService, fileDialogService, contextMenuService, instantiationService) {
+    constructor(group, telemetryService, themeService, storageService, quickInputService, fileDialogService, contextMenuService, instantiationService) {
         super(UserDataProfilesEditor_1.ID, group, telemetryService, themeService, storageService);
-        this.userDataProfileManagementService = userDataProfileManagementService;
         this.quickInputService = quickInputService;
         this.fileDialogService = fileDialogService;
         this.contextMenuService = contextMenuService;
         this.instantiationService = instantiationService;
-        this.templates = [];
     }
     layout(dimension, position) {
         if (this.container && this.splitView) {
@@ -119,10 +139,6 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
         }, Sizing.Distribute, undefined, true);
         this.registerListeners();
         this.updateStyles();
-        this.userDataProfileManagementService.getBuiltinProfileTemplates().then(templates => {
-            this.templates = templates;
-            this.profileWidget.templates = templates;
-        });
     }
     updateStyles() {
         const borderColor = this.theme.getColor(profilesSashBorder);
@@ -141,7 +157,7 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
                     return profileElement?.name ?? '';
                 },
                 getWidgetAriaLabel() {
-                    return ( localizeWithPath(_moduleId, 1, "Profiles"));
+                    return ( localize(10909, "Profiles"));
                 }
             },
             openOnSingleClick: true,
@@ -152,7 +168,8 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
                     }
                     return e.name;
                 }
-            }
+            },
+            alwaysConsumeMouseWheel: false,
         }));
     }
     renderNewProfileButton(parent) {
@@ -160,11 +177,11 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
             actions: {
                 getActions: () => {
                     const actions = [];
-                    if (this.templates.length) {
-                        actions.push(( (new SubmenuAction('from.template', ( localizeWithPath(_moduleId, 2, "From Template")), this.getCreateFromTemplateActions()))));
+                    if (this.model?.templates.length) {
+                        actions.push(( (new SubmenuAction('from.template', ( localize(10910, "From Template")), this.getCreateFromTemplateActions()))));
                         actions.push(( (new Separator())));
                     }
-                    actions.push(( (new Action('importProfile', ( localizeWithPath(_moduleId, 3, "Import Profile...")), undefined, true, () => this.importProfile()))));
+                    actions.push(( (new Action('importProfile', ( localize(10911, "Import Profile...")), undefined, true, () => this.importProfile()))));
                     return actions;
                 }
             },
@@ -173,17 +190,19 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
             supportIcons: true,
             ...defaultButtonStyles
         }))));
-        button.label = ( localizeWithPath(_moduleId, 4, "New Profile"));
+        button.label = ( localize(10912, "New Profile"));
         this._register(button.onDidClick(e => this.createNewProfile()));
     }
     getCreateFromTemplateActions() {
-        return (
-             (this.templates.map(
-                template => ( (new Action(`template:${template.url}`, template.name, undefined, true, async () => {
-                    this.createNewProfile(( (URI.parse(template.url))));
-                })))
-            ))
-        );
+        return this.model
+            ? ( (this.model.templates.map(template => ( (new Action(
+            `template:${template.url}`,
+            template.name,
+            undefined,
+            true,
+            () => this.createNewProfile(( (URI.parse(template.url))))
+        ))))))
+            : [];
     }
     registerListeners() {
         if (this.profilesList) {
@@ -218,13 +237,13 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
     }
     getTreeContextMenuActions() {
         const actions = [];
-        actions.push(( (new Action('newProfile', ( localizeWithPath(_moduleId, 4, "New Profile")), undefined, true, () => this.createNewProfile()))));
+        actions.push(( (new Action('newProfile', ( localize(10912, "New Profile")), undefined, true, () => this.createNewProfile()))));
         const templateActions = this.getCreateFromTemplateActions();
         if (templateActions.length) {
-            actions.push(( (new SubmenuAction('from.template', ( localizeWithPath(_moduleId, 5, "New Profile From Template")), templateActions))));
+            actions.push(( (new SubmenuAction('from.template', ( localize(10913, "New Profile From Template")), templateActions))));
         }
         actions.push(( (new Separator())));
-        actions.push(( (new Action('importProfile', ( localizeWithPath(_moduleId, 3, "Import Profile...")), undefined, true, () => this.importProfile()))));
+        actions.push(( (new Action('importProfile', ( localize(10913, "Import Profile...")), undefined, true, () => this.importProfile()))));
         return actions;
     }
     async importProfile() {
@@ -233,13 +252,13 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
         const updateQuickPickItems = (value) => {
             const quickPickItems = [];
             if (value) {
-                quickPickItems.push({ label: quickPick.value, description: ( localizeWithPath(_moduleId, 6, "Import from URL")) });
+                quickPickItems.push({ label: quickPick.value, description: ( localize(10914, "Import from URL")) });
             }
-            quickPickItems.push({ label: ( localizeWithPath(_moduleId, 7, "Select File...")) });
+            quickPickItems.push({ label: ( localize(10915, "Select File...")) });
             quickPick.items = quickPickItems;
         };
-        quickPick.title = ( localizeWithPath(_moduleId, 8, "Import from Profile Template..."));
-        quickPick.placeholder = ( localizeWithPath(_moduleId, 9, "Provide Profile Template URL"));
+        quickPick.title = ( localize(10916, "Import from Profile Template..."));
+        quickPick.placeholder = ( localize(10917, "Provide Profile Template URL"));
         quickPick.ignoreFocusOut = true;
         disposables.add(quickPick.onDidChangeValue(updateQuickPickItems));
         updateQuickPickItems();
@@ -268,7 +287,7 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
             canSelectFiles: true,
             canSelectMany: false,
             filters: PROFILE_FILTER,
-            title: ( localizeWithPath(_moduleId, 10, "Select Profile Template File")),
+            title: ( localize(10918, "Select Profile Template File")),
         });
         if (!profileLocation) {
             return null;
@@ -278,10 +297,11 @@ let UserDataProfilesEditor = class UserDataProfilesEditor extends EditorPane {
     async setInput(input, options, context, token) {
         await super.setInput(input, options, context, token);
         this.model = await input.resolve();
+        if (this.profileWidget) {
+            this.profileWidget.templates = this.model.templates;
+        }
         this.updateProfilesList();
-        this._register(this.model.onDidChange((element) => {
-            this.updateProfilesList(element);
-        }));
+        this._register(this.model.onDidChange(element => this.updateProfilesList(element)));
     }
     focus() {
         super.focus();
@@ -317,11 +337,10 @@ UserDataProfilesEditor = UserDataProfilesEditor_1 = ( (__decorate([
     ( (__param(1, ITelemetryService))),
     ( (__param(2, IThemeService))),
     ( (__param(3, IStorageService))),
-    ( (__param(4, IUserDataProfileManagementService))),
-    ( (__param(5, IQuickInputService))),
-    ( (__param(6, IFileDialogService))),
-    ( (__param(7, IContextMenuService))),
-    ( (__param(8, IInstantiationService)))
+    ( (__param(4, IQuickInputService))),
+    ( (__param(5, IFileDialogService))),
+    ( (__param(6, IContextMenuService))),
+    ( (__param(7, IInstantiationService)))
 ], UserDataProfilesEditor)));
 class ProfileElementDelegate {
     getHeight(element) {
@@ -340,21 +359,22 @@ let ProfileElementRenderer = class ProfileElementRenderer {
         container.classList.add('profile-list-item');
         const icon = append(container, $('.profile-list-item-icon'));
         const label = append(container, $('.profile-list-item-label'));
+        const dirty = append(container, $(`span${ThemeIcon.asCSSSelector(Codicon.circleFilled)}`));
         const description = append(container, $('.profile-list-item-description'));
-        append(description, $(`span${ThemeIcon.asCSSSelector(Codicon.check)}`));
-        append(description, $('span', undefined, ( localizeWithPath(_moduleId, 11, "In use"))));
+        append(description, $('span', undefined, ( localize(10919, "In use"))));
         const actionsContainer = append(container, $('.profile-tree-item-actions-container'));
         const actionBar = disposables.add(this.instantiationService.createInstance(WorkbenchToolBar, actionsContainer, {
             hoverDelegate: disposables.add(createInstantHoverDelegate()),
             highlightToggledItems: true
         }));
-        return { label, icon, description, actionBar, disposables, elementDisposables };
+        return { label, icon, dirty, description, actionBar, disposables, elementDisposables };
     }
     renderElement(element, index, templateData, height) {
         templateData.elementDisposables.clear();
         templateData.label.textContent = element.name;
         templateData.label.classList.toggle('new-profile', element instanceof NewProfileElement);
         templateData.icon.className = ThemeIcon.asClassName(element.icon ? ThemeIcon.fromId(element.icon) : DEFAULT_ICON);
+        templateData.dirty.classList.toggle('hide', !(element instanceof NewProfileElement));
         templateData.description.classList.toggle('hide', !element.active);
         if (element.onDidChange) {
             templateData.elementDisposables.add(element.onDidChange(e => {
@@ -374,7 +394,7 @@ let ProfileElementRenderer = class ProfileElementRenderer {
                 }
             }));
         }
-        templateData.actionBar.setActions(element.actions[0] ?? []);
+        templateData.actionBar.setActions([...element.actions[0]], [...element.actions[1]]);
     }
     disposeElement(element, index, templateData, height) {
         templateData.elementDisposables.clear();
@@ -389,111 +409,34 @@ ProfileElementRenderer = ( (__decorate([
 ], ProfileElementRenderer)));
 let ProfileWidget = class ProfileWidget extends Disposable {
     set templates(templates) {
-        this._templates = templates;
-        this.renderSelectBox();
+        this.copyFromProfileRenderer.setTemplates(templates);
+        this.profileTree.rerender();
     }
-    constructor(parent, hoverService, userDataProfilesService, contextViewService, editorProgressService, instantiationService) {
+    constructor(parent, editorProgressService, instantiationService) {
         super();
-        this.hoverService = hoverService;
-        this.userDataProfilesService = userDataProfilesService;
-        this.contextViewService = contextViewService;
         this.editorProgressService = editorProgressService;
         this.instantiationService = instantiationService;
-        this.copyFromOptions = [];
-        this._templates = [];
         this._profileElement = this._register(( (new MutableDisposable())));
         const header = append(parent, $('.profile-header'));
         const title = append(header, $('.profile-title-container'));
-        this.iconElement = append(title, $(`${ThemeIcon.asCSSSelector(DEFAULT_ICON)}`, { 'tabindex': '0', 'role': 'button', 'aria-label': ( localizeWithPath(_moduleId, 12, "Profile Icon")) }));
-        this.renderIconSelectBox(this.iconElement);
         this.profileTitle = append(title, $(''));
-        this.nameInput = this._register(( (new InputBox(title, undefined, {
-            inputBoxStyles: defaultInputBoxStyles,
-            ariaLabel: ( localizeWithPath(_moduleId, 13, "Profile Name")),
-            placeholder: ( localizeWithPath(_moduleId, 13, "Profile Name")),
-            validationOptions: {
-                validation: (value) => {
-                    if (!value) {
-                        return {
-                            content: ( localizeWithPath(_moduleId, 14, "Profile name is required and must be a non-empty value.")),
-                            type: MessageType.ERROR
-                        };
-                    }
-                    if (this._profileElement.value?.element.disabled) {
-                        return null;
-                    }
-                    const initialName = this._profileElement.value?.element.getInitialName();
-                    value = value.trim();
-                    if (initialName !== value && ( (this.userDataProfilesService.profiles.some(p => p.name === value)))) {
-                        return {
-                            content: ( localizeWithPath(_moduleId, 15, "Profile with name {0} already exists.", value)),
-                            type: MessageType.ERROR
-                        };
-                    }
-                    return null;
-                }
-            }
-        }))));
-        this.nameInput.onDidChange(value => {
-            if (this._profileElement.value && value) {
-                this._profileElement.value.element.name = value;
-            }
-        });
-        const focusTracker = this._register(trackFocus(this.nameInput.inputElement));
-        this._register(focusTracker.onDidBlur(() => {
-            if (this._profileElement.value && !this.nameInput.value) {
-                this.nameInput.value = this._profileElement.value.element.name;
-            }
-        }));
-        const actionsContainer = append(header, $('.profile-actions-container'));
-        this.buttonContainer = append(actionsContainer, $('.profile-button-container'));
-        this.toolbar = this._register(instantiationService.createInstance(WorkbenchToolBar, actionsContainer, {
-            hoverDelegate: this._register(createInstantHoverDelegate()),
-            highlightToggledItems: true
-        }));
         const body = append(parent, $('.profile-body'));
-        this.copyFromContainer = append(body, $('.profile-copy-from-container'));
-        append(this.copyFromContainer, $('.profile-copy-from-label', undefined, ( localizeWithPath(_moduleId, 16, "Copy from"))));
-        this.copyFromSelectBox = this._register(this.instantiationService.createInstance(SelectBox, [], 0, this.contextViewService, defaultSelectBoxStyles, {
-            useCustomDrawn: true,
-            ariaLabel: ( localizeWithPath(_moduleId, 17, "Copy profile from")),
-        }));
-        this.copyFromSelectBox.render(append(this.copyFromContainer, $('.profile-select-container')));
-        this.useAsDefaultProfileContainer = append(body, $('.profile-use-as-default-container'));
-        const useAsDefaultProfileTitle = ( localizeWithPath(_moduleId, 18, "Use this profile as default for new windows"));
-        this.useAsDefaultProfileCheckbox = this._register(( (new Checkbox(useAsDefaultProfileTitle, false, defaultCheckboxStyles))));
-        append(this.useAsDefaultProfileContainer, this.useAsDefaultProfileCheckbox.domNode);
-        const useAsDefaultProfileLabel = append(this.useAsDefaultProfileContainer, $('.profile-use-as-default-label', undefined, useAsDefaultProfileTitle));
-        this._register(this.useAsDefaultProfileCheckbox.onChange(() => {
-            if (this._profileElement.value?.element instanceof UserDataProfileElement) {
-                this._profileElement.value.element.toggleNewWindowProfile();
-            }
-        }));
-        this._register(addDisposableListener(useAsDefaultProfileLabel, EventType.CLICK, () => {
-            if (this._profileElement.value?.element instanceof UserDataProfileElement) {
-                this._profileElement.value.element.toggleNewWindowProfile();
-            }
-        }));
-        this.contentsTreeHeader = append(body, $('.profile-content-tree-header'));
-        this.inheritLabelElement = $('.inherit-label', undefined, ( localizeWithPath(_moduleId, 19, "Use Default Profile")));
-        append(this.contentsTreeHeader, $(''), $(''), this.inheritLabelElement, $('.actions-label', undefined, ( localizeWithPath(_moduleId, 20, "Actions"))));
-        const delegate = ( (new ProfileResourceTreeElementDelegate()));
-        this.resourcesTree = this._register(this.instantiationService.createInstance((WorkbenchAsyncDataTree), 'ProfileEditor-ResourcesTree', append(body, $('.profile-content-tree.file-icon-themable-tree.show-file-icons')), delegate, [
-            this.instantiationService.createInstance(ExistingProfileResourceTreeRenderer),
-            this.instantiationService.createInstance(NewProfileResourceTreeRenderer),
-            this.instantiationService.createInstance(ProfileResourceChildTreeItemRenderer),
-        ], this.instantiationService.createInstance(ProfileResourceTreeDataSource), {
+        const delegate = ( (new ProfileTreeDelegate()));
+        const contentsRenderer = this._register(this.instantiationService.createInstance(ContentsProfileRenderer));
+        this.copyFromProfileRenderer = this._register(this.instantiationService.createInstance(CopyFromProfileRenderer));
+        this.profileTreeContainer = append(body, $('.profile-tree'));
+        this.profileTree = this._register(this.instantiationService.createInstance((WorkbenchAsyncDataTree), 'ProfileEditor-Tree', this.profileTreeContainer, delegate, [
+            this._register(this.instantiationService.createInstance(ProfileNameRenderer)),
+            this._register(this.instantiationService.createInstance(ProfileIconRenderer)),
+            this._register(this.instantiationService.createInstance(UseAsDefaultProfileRenderer)),
+            this.copyFromProfileRenderer,
+            contentsRenderer,
+        ], this.instantiationService.createInstance(ProfileTreeDataSource), {
             multipleSelectionSupport: false,
             horizontalScrolling: false,
             accessibilityProvider: {
                 getAriaLabel(element) {
-                    if ((element?.element).resourceType) {
-                        return (element?.element).resourceType;
-                    }
-                    if ((element?.element).label) {
-                        return (element?.element).label;
-                    }
-                    return '';
+                    return element?.element ?? '';
                 },
                 getWidgetAriaLabel() {
                     return '';
@@ -501,114 +444,52 @@ let ProfileWidget = class ProfileWidget extends Disposable {
             },
             identityProvider: {
                 getId(element) {
-                    if (element?.element.handle) {
-                        return element.element.handle;
-                    }
-                    return '';
+                    return element.element;
                 }
             },
             expandOnlyOnTwistieClick: true,
             renderIndentGuides: RenderIndentGuides.None,
             enableStickyScroll: false,
             openOnSingleClick: false,
+            setRowLineHeight: false,
+            supportDynamicHeights: true,
+            alwaysConsumeMouseWheel: false,
         }));
-        this._register(this.resourcesTree.onDidOpen(async (e) => {
-            if (!e.browserEvent) {
-                return;
-            }
-            if (e.browserEvent.target && e.browserEvent.target.classList.contains(Checkbox.CLASS_NAME)) {
-                return;
-            }
-            if (e.element?.element.action) {
-                await e.element.element.action.run();
-            }
-        }));
-    }
-    renderIconSelectBox(iconContainer) {
-        const iconSelectBox = this._register(this.instantiationService.createInstance(WorkbenchIconSelectBox, { icons: ICONS, inputBoxStyles: defaultInputBoxStyles }));
-        let hoverWidget;
-        const showIconSelectBox = () => {
-            if (this._profileElement.value?.element instanceof UserDataProfileElement && this._profileElement.value.element.profile.isDefault) {
-                return;
-            }
-            if (this._profileElement.value?.element.disabled) {
-                return;
-            }
-            iconSelectBox.clearInput();
-            hoverWidget = this.hoverService.showHover({
-                content: iconSelectBox.domNode,
-                target: iconContainer,
-                position: {
-                    hoverPosition: HoverPosition.BELOW,
-                },
-                persistence: {
-                    sticky: true,
-                },
-                appearance: {
-                    showPointer: true,
-                },
-            }, true);
-            if (hoverWidget) {
-                iconSelectBox.layout(( (new Dimension(486, 260))));
-                iconSelectBox.focus();
-            }
-        };
-        this._register(addDisposableListener(iconContainer, EventType.CLICK, (e) => {
-            EventHelper.stop(e, true);
-            showIconSelectBox();
-        }));
-        this._register(addDisposableListener(iconContainer, EventType.KEY_DOWN, e => {
-            const event = ( (new StandardKeyboardEvent(e)));
-            if (event.equals(KeyCode.Enter) || event.equals(KeyCode.Space)) {
-                EventHelper.stop(event, true);
-                showIconSelectBox();
-            }
-        }));
-        this._register(addDisposableListener(iconSelectBox.domNode, EventType.KEY_DOWN, e => {
-            const event = ( (new StandardKeyboardEvent(e)));
-            if (event.equals(KeyCode.Escape)) {
-                EventHelper.stop(event, true);
-                hoverWidget?.dispose();
-                iconContainer.focus();
+        this.profileTree.style(listStyles);
+        this._register(contentsRenderer.onDidChangeContentHeight((e) => this.profileTree.updateElementHeight(e, undefined)));
+        this._register(contentsRenderer.onDidChangeSelection((e) => {
+            if (e.selected) {
+                this.profileTree.setFocus([]);
+                this.profileTree.setSelection([]);
             }
         }));
-        this._register(iconSelectBox.onDidSelect(selectedIcon => {
-            hoverWidget?.dispose();
-            iconContainer.focus();
-            if (this._profileElement.value) {
-                this._profileElement.value.element.icon = selectedIcon.id;
+        this._register(this.profileTree.onDidChangeContentHeight((e) => {
+            if (this.dimension) {
+                this.layout(this.dimension);
             }
         }));
-    }
-    renderSelectBox() {
-        this.copyFromSelectBox.setOptions(this.getCopyFromOptions());
-        this._register(this.copyFromSelectBox.onDidSelect(option => {
-            if (this._profileElement.value?.element instanceof NewProfileElement) {
-                this._profileElement.value.element.copyFrom = this.copyFromOptions[option.index].source;
+        this._register(this.profileTree.onDidChangeSelection((e) => {
+            if (e.elements.length) {
+                contentsRenderer.clearSelection();
             }
         }));
+        this.buttonContainer = append(body, $('.profile-row-container.profile-button-container'));
     }
     layout(dimension) {
-        this.resourcesTree.layout(dimension.height - 34 - 20 - 25 - 20, dimension.width);
+        this.dimension = dimension;
+        const treeContentHeight = this.profileTree.contentHeight;
+        const height = Math.min(treeContentHeight, dimension.height - (this._profileElement.value?.element instanceof NewProfileElement ? 116 : 54));
+        this.profileTreeContainer.style.height = `${height}px`;
+        this.profileTree.layout(height, dimension.width);
     }
     render(profileElement) {
-        this.resourcesTree.setInput(profileElement);
+        this.profileTree.setInput(profileElement);
         const disposables = ( (new DisposableStore()));
         this._profileElement.value = { element: profileElement, dispose: () => disposables.dispose() };
-        this.renderProfileElement(profileElement);
-        disposables.add(profileElement.onDidChange(e => this.renderProfileElement(profileElement)));
-        const profile = profileElement instanceof UserDataProfileElement ? profileElement.profile : undefined;
-        this.profileTitle.classList.toggle('hide', !profile?.isDefault);
-        this.nameInput.element.classList.toggle('hide', !!profile?.isDefault);
-        this.iconElement.classList.toggle('disabled', !!profile?.isDefault);
-        this.iconElement.setAttribute('tabindex', profile?.isDefault ? '' : '0');
+        this.profileTitle.textContent = profileElement.name;
         disposables.add(profileElement.onDidChange(e => {
-            if (e.flags || e.copyFrom || e.copyFlags || e.disabled) {
-                const viewState = this.resourcesTree.getViewState();
-                this.resourcesTree.setInput(profileElement, {
-                    ...viewState,
-                    expanded: viewState.expanded?.map(e => e)
-                });
+            if (e.name) {
+                this.profileTitle.textContent = profileElement.name;
             }
         }));
         const [primaryTitleButtons, secondatyTitleButtons] = profileElement.titleButtons;
@@ -627,6 +508,9 @@ let ProfileWidget = class ProfileWidget extends Disposable {
                         if (!isUndefined(e.enabled)) {
                             button.enabled = action.enabled;
                         }
+                        if (!isUndefined(e.label)) {
+                            button.label = action.label;
+                        }
                     }));
                 }
             }
@@ -642,6 +526,9 @@ let ProfileWidget = class ProfileWidget extends Disposable {
                         if (!isUndefined(e.enabled)) {
                             button.enabled = action.enabled;
                         }
+                        if (!isUndefined(e.label)) {
+                            button.label = action.label;
+                        }
                     }));
                     disposables.add(profileElement.onDidChange(e => {
                         if (e.message) {
@@ -655,81 +542,67 @@ let ProfileWidget = class ProfileWidget extends Disposable {
         else {
             this.buttonContainer.classList.add('hide');
         }
-        this.toolbar.setActions(profileElement.titleActions[0].slice(0), profileElement.titleActions[1].slice(0));
         if (profileElement instanceof NewProfileElement) {
-            this.nameInput.focus();
-            this.nameInput.select();
+            this.profileTree.focusFirst();
         }
-    }
-    renderProfileElement(profileElement) {
-        this.profileTitle.textContent = profileElement.name;
-        this.nameInput.value = profileElement.name;
-        this.nameInput.validate();
-        if (profileElement.disabled) {
-            this.nameInput.disable();
+        if (this.dimension) {
+            this.layout(this.dimension);
         }
-        else {
-            this.nameInput.enable();
-        }
-        if (profileElement.icon) {
-            this.iconElement.className = ThemeIcon.asClassName(ThemeIcon.fromId(profileElement.icon));
-        }
-        else {
-            this.iconElement.className = ThemeIcon.asClassName(ThemeIcon.fromId(DEFAULT_ICON.id));
-        }
-        if (profileElement instanceof NewProfileElement) {
-            this.contentsTreeHeader.classList.add('new-profile');
-            this.inheritLabelElement.textContent = ( localizeWithPath(_moduleId, 21, "Options"));
-            this.useAsDefaultProfileContainer.classList.add('hide');
-            this.copyFromContainer.classList.remove('hide');
-            this.copyFromOptions = this.getCopyFromOptions();
-            const id = profileElement.copyFrom instanceof URI ? ( (profileElement.copyFrom.toString())) : profileElement.copyFrom?.id;
-            const index = id
-                ? this.copyFromOptions.findIndex(option => option.id === id)
-                : 0;
-            if (index !== -1) {
-                this.copyFromSelectBox.setOptions(this.copyFromOptions);
-                this.copyFromSelectBox.setEnabled(!profileElement.previewProfile && !profileElement.disabled);
-                this.copyFromSelectBox.select(index);
-            }
-            else {
-                this.copyFromSelectBox.setOptions([{ text: basename(profileElement.copyFrom) }]);
-                this.copyFromSelectBox.setEnabled(false);
-            }
-        }
-        else if (profileElement instanceof UserDataProfileElement) {
-            this.contentsTreeHeader.classList.remove('new-profile');
-            this.inheritLabelElement.textContent = profileElement.profile.isDefault ? '' : ( localizeWithPath(_moduleId, 19, "Use Default Profile"));
-            this.useAsDefaultProfileContainer.classList.remove('hide');
-            this.useAsDefaultProfileCheckbox.checked = profileElement.isNewWindowProfile;
-            this.copyFromContainer.classList.add('hide');
+    }
+};
+ProfileWidget = ( (__decorate([
+    ( (__param(1, IEditorProgressService))),
+    ( (__param(2, IInstantiationService)))
+], ProfileWidget)));
+class ProfileTreeDelegate extends CachedListVirtualDelegate {
+    getTemplateId({ element }) {
+        return element;
+    }
+    hasDynamicHeight({ element }) {
+        return element === 'contents';
+    }
+    estimateHeight({ element }) {
+        switch (element) {
+            case 'name':
+                return 72;
+            case 'icon':
+                return 68;
+            case 'copyFrom':
+                return 90;
+            case 'useAsDefault':
+                return 68;
+            case 'contents':
+                return 250;
         }
     }
-    getCopyFromOptions() {
-        const separator = { text: '\u2500\u2500\u2500\u2500\u2500\u2500', isDisabled: true };
-        const copyFromOptions = [];
-        copyFromOptions.push({ text: ( localizeWithPath(_moduleId, 22, "None")) });
-        if (this._templates.length) {
-            copyFromOptions.push({ ...separator, decoratorRight: ( localizeWithPath(_moduleId, 23, "Profile Templates")) });
-            for (const template of this._templates) {
-                copyFromOptions.push({ text: template.name, id: template.url, source: ( (URI.parse(template.url))) });
+}
+class ProfileTreeDataSource {
+    hasChildren(element) {
+        return element instanceof AbstractUserDataProfileElement;
+    }
+    async getChildren(element) {
+        if (element instanceof AbstractUserDataProfileElement) {
+            const children = [];
+            if (element instanceof NewProfileElement) {
+                children.push({ element: 'name', root: element });
+                children.push({ element: 'icon', root: element });
+                children.push({ element: 'copyFrom', root: element });
+                children.push({ element: 'contents', root: element });
             }
+            else if (element instanceof UserDataProfileElement) {
+                if (!element.profile.isDefault) {
+                    children.push({ element: 'name', root: element });
+                    children.push({ element: 'icon', root: element });
+                }
+                children.push({ element: 'useAsDefault', root: element });
+                children.push({ element: 'contents', root: element });
+            }
+            return children;
         }
-        copyFromOptions.push({ ...separator, decoratorRight: ( localizeWithPath(_moduleId, 24, "Existing Profiles")) });
-        for (const profile of this.userDataProfilesService.profiles) {
-            copyFromOptions.push({ text: profile.name, id: profile.id, source: profile });
-        }
-        return copyFromOptions;
+        return [];
     }
-};
-ProfileWidget = ( (__decorate([
-    ( (__param(1, IHoverService))),
-    ( (__param(2, IUserDataProfilesService))),
-    ( (__param(3, IContextViewService))),
-    ( (__param(4, IEditorProgressService))),
-    ( (__param(5, IInstantiationService)))
-], ProfileWidget)));
-class ProfileResourceTreeElementDelegate {
+}
+class ProfileContentTreeElementDelegate {
     getTemplateId(element) {
         if (!element.element.resourceType) {
             return ProfileResourceChildTreeItemRenderer.TEMPLATE_ID;
@@ -740,7 +613,7 @@ class ProfileResourceTreeElementDelegate {
         return ExistingProfileResourceTreeRenderer.TEMPLATE_ID;
     }
     getHeight(element) {
-        return 22;
+        return 24;
     }
 }
 let ProfileResourceTreeDataSource = class ProfileResourceTreeDataSource {
@@ -803,15 +676,15 @@ class AbstractProfileResourceTreeRenderer extends Disposable {
     getResourceTypeTitle(resourceType) {
         switch (resourceType) {
             case ProfileResourceType.Settings:
-                return ( localizeWithPath(_moduleId, 25, "Settings"));
+                return ( localize(10920, "Settings"));
             case ProfileResourceType.Keybindings:
-                return ( localizeWithPath(_moduleId, 26, "Keyboard Shortcuts"));
+                return ( localize(10921, "Keyboard Shortcuts"));
             case ProfileResourceType.Snippets:
-                return ( localizeWithPath(_moduleId, 27, "User Snippets"));
+                return ( localize(10922, "Snippets"));
             case ProfileResourceType.Tasks:
-                return ( localizeWithPath(_moduleId, 28, "User Tasks"));
+                return ( localize(10923, "Tasks"));
             case ProfileResourceType.Extensions:
-                return ( localizeWithPath(_moduleId, 29, "Extensions"));
+                return ( localize(10924, "Extensions"));
         }
         return '';
     }
@@ -822,6 +695,485 @@ class AbstractProfileResourceTreeRenderer extends Disposable {
         templateData.disposables.dispose();
     }
 }
+class ProfilePropertyRenderer extends AbstractProfileResourceTreeRenderer {
+    renderElement({ element }, index, templateData, height) {
+        templateData.elementDisposables.clear();
+        templateData.element = element;
+    }
+}
+let ProfileNameRenderer = class ProfileNameRenderer extends ProfilePropertyRenderer {
+    constructor(userDataProfilesService, contextViewService) {
+        super();
+        this.userDataProfilesService = userDataProfilesService;
+        this.contextViewService = contextViewService;
+        this.templateId = 'name';
+    }
+    renderTemplate(parent) {
+        const disposables = ( (new DisposableStore()));
+        const elementDisposables = disposables.add(( (new DisposableStore())));
+        let profileElement;
+        const nameContainer = append(parent, $('.profile-row-container'));
+        append(nameContainer, $('.profile-label-element', undefined, ( localize(10925, "Name"))));
+        const nameInput = disposables.add(( (new InputBox(nameContainer, this.contextViewService, {
+            inputBoxStyles: getInputBoxStyle({
+                inputBorder: settingsTextInputBorder
+            }),
+            ariaLabel: ( localize(10926, "Profile Name")),
+            placeholder: ( localize(10926, "Profile Name")),
+            validationOptions: {
+                validation: (value) => {
+                    if (!value) {
+                        return {
+                            content: ( localize(10927, "Profile name is required and must be a non-empty value.")),
+                            type: MessageType.WARNING
+                        };
+                    }
+                    if (profileElement?.root.disabled) {
+                        return null;
+                    }
+                    if (!profileElement?.root.shouldValidateName()) {
+                        return null;
+                    }
+                    const initialName = profileElement?.root.getInitialName();
+                    value = value.trim();
+                    if (initialName !== value && ( (this.userDataProfilesService.profiles.some(p => p.name === value)))) {
+                        return {
+                            content: ( localize(10928, "Profile with name {0} already exists.", value)),
+                            type: MessageType.WARNING
+                        };
+                    }
+                    return null;
+                }
+            }
+        }))));
+        disposables.add(this.userDataProfilesService.onDidChangeProfiles(() => nameInput.validate()));
+        nameInput.onDidChange(value => {
+            if (profileElement && value) {
+                profileElement.root.name = value;
+            }
+        });
+        const focusTracker = disposables.add(trackFocus(nameInput.inputElement));
+        disposables.add(focusTracker.onDidBlur(() => {
+            if (profileElement && !nameInput.value) {
+                nameInput.value = profileElement.root.name;
+            }
+        }));
+        const renderName = (profileElement) => {
+            nameInput.value = profileElement.root.name;
+            nameInput.validate();
+            if (profileElement.root.disabled) {
+                nameInput.disable();
+            }
+            else {
+                nameInput.enable();
+            }
+        };
+        return {
+            set element(element) {
+                profileElement = element;
+                renderName(profileElement);
+                elementDisposables.add(profileElement.root.onDidChange(e => {
+                    if (e.name || e.disabled) {
+                        renderName(element);
+                    }
+                }));
+            },
+            disposables,
+            elementDisposables
+        };
+    }
+};
+ProfileNameRenderer = ( (__decorate([
+    ( (__param(0, IUserDataProfilesService))),
+    ( (__param(1, IContextViewService)))
+], ProfileNameRenderer)));
+let ProfileIconRenderer = class ProfileIconRenderer extends ProfilePropertyRenderer {
+    constructor(instantiationService, hoverService) {
+        super();
+        this.instantiationService = instantiationService;
+        this.hoverService = hoverService;
+        this.templateId = 'icon';
+    }
+    renderTemplate(parent) {
+        const disposables = ( (new DisposableStore()));
+        const elementDisposables = disposables.add(( (new DisposableStore())));
+        let profileElement;
+        const iconContainer = append(parent, $('.profile-row-container'));
+        append(iconContainer, $('.profile-label-element', undefined, ( localize(10929, "Icon"))));
+        const iconValueContainer = append(iconContainer, $('.profile-icon-container'));
+        const iconElement = append(iconValueContainer, $(`${ThemeIcon.asCSSSelector(DEFAULT_ICON)}`, { 'tabindex': '0', 'role': 'button', 'aria-label': ( localize(10930, "Profile Icon")) }));
+        const iconSelectBox = disposables.add(this.instantiationService.createInstance(WorkbenchIconSelectBox, { icons: ICONS, inputBoxStyles: defaultInputBoxStyles }));
+        let hoverWidget;
+        const showIconSelectBox = () => {
+            if (profileElement?.root instanceof UserDataProfileElement && profileElement.root.profile.isDefault) {
+                return;
+            }
+            if (profileElement?.root.disabled) {
+                return;
+            }
+            iconSelectBox.clearInput();
+            hoverWidget = this.hoverService.showHover({
+                content: iconSelectBox.domNode,
+                target: iconElement,
+                position: {
+                    hoverPosition: HoverPosition.BELOW,
+                },
+                persistence: {
+                    sticky: true,
+                },
+                appearance: {
+                    showPointer: true,
+                },
+            }, true);
+            if (hoverWidget) {
+                iconSelectBox.layout(( (new Dimension(486, 260))));
+                iconSelectBox.focus();
+            }
+        };
+        disposables.add(addDisposableListener(iconElement, EventType.CLICK, (e) => {
+            EventHelper.stop(e, true);
+            showIconSelectBox();
+        }));
+        disposables.add(addDisposableListener(iconElement, EventType.KEY_DOWN, e => {
+            const event = ( (new StandardKeyboardEvent(e)));
+            if (event.equals(KeyCode.Enter) || event.equals(KeyCode.Space)) {
+                EventHelper.stop(event, true);
+                showIconSelectBox();
+            }
+        }));
+        disposables.add(addDisposableListener(iconSelectBox.domNode, EventType.KEY_DOWN, e => {
+            const event = ( (new StandardKeyboardEvent(e)));
+            if (event.equals(KeyCode.Escape)) {
+                EventHelper.stop(event, true);
+                hoverWidget?.dispose();
+                iconElement.focus();
+            }
+        }));
+        disposables.add(iconSelectBox.onDidSelect(selectedIcon => {
+            hoverWidget?.dispose();
+            iconElement.focus();
+            if (profileElement) {
+                profileElement.root.icon = selectedIcon.id;
+            }
+        }));
+        append(iconValueContainer, $('.profile-description-element', undefined, ( localize(10931, "Profile icon to be shown in the activity bar"))));
+        const renderIcon = (profileElement) => {
+            if (profileElement.root.icon) {
+                iconElement.className = ThemeIcon.asClassName(ThemeIcon.fromId(profileElement.root.icon));
+            }
+            else {
+                iconElement.className = ThemeIcon.asClassName(ThemeIcon.fromId(DEFAULT_ICON.id));
+            }
+        };
+        return {
+            set element(element) {
+                profileElement = element;
+                renderIcon(profileElement);
+                elementDisposables.add(profileElement.root.onDidChange(e => {
+                    if (e.icon) {
+                        renderIcon(element);
+                    }
+                }));
+            },
+            disposables,
+            elementDisposables
+        };
+    }
+};
+ProfileIconRenderer = ( (__decorate([
+    ( (__param(0, IInstantiationService))),
+    ( (__param(1, IHoverService)))
+], ProfileIconRenderer)));
+class UseAsDefaultProfileRenderer extends ProfilePropertyRenderer {
+    constructor() {
+        super(...arguments);
+        this.templateId = 'useAsDefault';
+    }
+    renderTemplate(parent) {
+        const disposables = ( (new DisposableStore()));
+        const elementDisposables = disposables.add(( (new DisposableStore())));
+        let profileElement;
+        const useAsDefaultProfileContainer = append(parent, $('.profile-row-container'));
+        append(useAsDefaultProfileContainer, $('.profile-label-element', undefined, ( localize(10932, "Use as Default"))));
+        const useAsDefaultProfileValueContainer = append(useAsDefaultProfileContainer, $('.profile-use-as-default-container'));
+        const useAsDefaultProfileTitle = ( localize(10933, "Use this profile as the default for new windows"));
+        const useAsDefaultProfileCheckbox = disposables.add(( (new Checkbox(useAsDefaultProfileTitle, false, defaultCheckboxStyles))));
+        append(useAsDefaultProfileValueContainer, useAsDefaultProfileCheckbox.domNode);
+        const useAsDefaultProfileLabel = append(useAsDefaultProfileValueContainer, $('.profile-description-element', undefined, useAsDefaultProfileTitle));
+        disposables.add(useAsDefaultProfileCheckbox.onChange(() => {
+            if (profileElement?.root instanceof UserDataProfileElement) {
+                profileElement.root.toggleNewWindowProfile();
+            }
+        }));
+        disposables.add(addDisposableListener(useAsDefaultProfileLabel, EventType.CLICK, () => {
+            if (profileElement?.root instanceof UserDataProfileElement) {
+                profileElement.root.toggleNewWindowProfile();
+            }
+        }));
+        const renderUseAsDefault = (profileElement) => {
+            useAsDefaultProfileCheckbox.checked = profileElement.root instanceof UserDataProfileElement && profileElement.root.isNewWindowProfile;
+        };
+        return {
+            set element(element) {
+                profileElement = element;
+                renderUseAsDefault(profileElement);
+                elementDisposables.add(profileElement.root.onDidChange(e => {
+                    if (e.newWindowProfile) {
+                        renderUseAsDefault(element);
+                    }
+                }));
+            },
+            disposables,
+            elementDisposables
+        };
+    }
+}
+let CopyFromProfileRenderer = class CopyFromProfileRenderer extends ProfilePropertyRenderer {
+    constructor(userDataProfilesService, instantiationService, uriIdentityService, contextViewService) {
+        super();
+        this.userDataProfilesService = userDataProfilesService;
+        this.instantiationService = instantiationService;
+        this.uriIdentityService = uriIdentityService;
+        this.contextViewService = contextViewService;
+        this.templateId = 'copyFrom';
+        this.templates = [];
+    }
+    renderTemplate(parent) {
+        const disposables = ( (new DisposableStore()));
+        const elementDisposables = disposables.add(( (new DisposableStore())));
+        let profileElement;
+        const copyFromContainer = append(parent, $('.profile-row-container.profile-copy-from-container'));
+        append(copyFromContainer, $('.profile-label-element', undefined, ( localize(10934, "Copy from"))));
+        append(copyFromContainer, $('.profile-description-element', undefined, ( localize(10935, "Select the profile source from which you want to copy contents"))));
+        const copyFromSelectBox = disposables.add(this.instantiationService.createInstance(SelectBox, [], 0, this.contextViewService, defaultSelectBoxStyles, {
+            useCustomDrawn: true,
+            ariaLabel: ( localize(10936, "Copy profile from")),
+        }));
+        copyFromSelectBox.render(append(copyFromContainer, $('.profile-select-container')));
+        const render = (profileElement, copyFromOptions) => {
+            copyFromSelectBox.setOptions(copyFromOptions);
+            const id = profileElement.copyFrom instanceof URI ? ( (profileElement.copyFrom.toString())) : profileElement.copyFrom?.id;
+            const index = id
+                ? copyFromOptions.findIndex(option => option.id === id)
+                : 0;
+            copyFromSelectBox.select(index);
+        };
+        const that = this;
+        return {
+            set element(element) {
+                profileElement = element;
+                if (profileElement.root instanceof NewProfileElement) {
+                    const newProfileElement = profileElement.root;
+                    let copyFromOptions = that.getCopyFromOptions(newProfileElement);
+                    render(newProfileElement, copyFromOptions);
+                    copyFromSelectBox.setEnabled(!newProfileElement.previewProfile && !newProfileElement.disabled);
+                    elementDisposables.add(profileElement.root.onDidChange(e => {
+                        if (e.copyFrom || e.copyFromInfo) {
+                            copyFromOptions = that.getCopyFromOptions(newProfileElement);
+                            render(newProfileElement, copyFromOptions);
+                        }
+                        if (e.preview || e.disabled) {
+                            copyFromSelectBox.setEnabled(!newProfileElement.previewProfile && !newProfileElement.disabled);
+                        }
+                    }));
+                    elementDisposables.add(copyFromSelectBox.onDidSelect(option => {
+                        newProfileElement.copyFrom = copyFromOptions[option.index].source;
+                    }));
+                }
+            },
+            disposables,
+            elementDisposables
+        };
+    }
+    setTemplates(templates) {
+        this.templates = templates;
+    }
+    getCopyFromOptions(profileElement) {
+        const separator = { text: '\u2500\u2500\u2500\u2500\u2500\u2500', isDisabled: true };
+        const copyFromOptions = [];
+        copyFromOptions.push({ text: ( localize(10937, "None")) });
+        for (const [copyFromTemplate, name] of profileElement.copyFromTemplates) {
+            if (!( (this.templates.some(
+                template => this.uriIdentityService.extUri.isEqual(( (URI.parse(template.url))), copyFromTemplate)
+            )))) {
+                copyFromOptions.push({ text: `${name} (${basename(copyFromTemplate)})`, id: ( (copyFromTemplate.toString())), source: copyFromTemplate });
+            }
+        }
+        if (this.templates.length) {
+            copyFromOptions.push({ ...separator, decoratorRight: ( localize(10938, "Profile Templates")) });
+            for (const template of this.templates) {
+                copyFromOptions.push({ text: template.name, id: template.url, source: ( (URI.parse(template.url))) });
+            }
+        }
+        copyFromOptions.push({ ...separator, decoratorRight: ( localize(10939, "Existing Profiles")) });
+        for (const profile of this.userDataProfilesService.profiles) {
+            copyFromOptions.push({ text: profile.name, id: profile.id, source: profile });
+        }
+        return copyFromOptions;
+    }
+};
+CopyFromProfileRenderer = ( (__decorate([
+    ( (__param(0, IUserDataProfilesService))),
+    ( (__param(1, IInstantiationService))),
+    ( (__param(2, IUriIdentityService))),
+    ( (__param(3, IContextViewService)))
+], CopyFromProfileRenderer)));
+let ContentsProfileRenderer = class ContentsProfileRenderer extends ProfilePropertyRenderer {
+    constructor(userDataProfilesService, instantiationService) {
+        super();
+        this.userDataProfilesService = userDataProfilesService;
+        this.instantiationService = instantiationService;
+        this.templateId = 'contents';
+        this._onDidChangeContentHeight = this._register(( (new Emitter())));
+        this.onDidChangeContentHeight = this._onDidChangeContentHeight.event;
+        this._onDidChangeSelection = this._register(( (new Emitter())));
+        this.onDidChangeSelection = this._onDidChangeSelection.event;
+    }
+    renderTemplate(parent) {
+        const disposables = ( (new DisposableStore()));
+        const elementDisposables = disposables.add(( (new DisposableStore())));
+        let profileElement;
+        const configureRowContainer = append(parent, $('.profile-row-container'));
+        append(configureRowContainer, $('.profile-label-element', undefined, ( localize(10940, "Contents"))));
+        const contentsDescriptionElement = append(configureRowContainer, $('.profile-description-element'));
+        const contentsTreeHeader = append(configureRowContainer, $('.profile-content-tree-header'));
+        const optionsLabel = $('.options-header', undefined, $('span', undefined, ( localize(10941, "Source"))));
+        append(contentsTreeHeader, $(''), $('', undefined, ( localize(10941, "Contents"))), optionsLabel, $('.actions-header', undefined, ( localize(10942, "Actions"))));
+        const delegate = ( (new ProfileContentTreeElementDelegate()));
+        const profilesContentTree = this.profilesContentTree = disposables.add(this.instantiationService.createInstance((WorkbenchAsyncDataTree), 'ProfileEditor-ContentsTree', append(configureRowContainer, $('.profile-content-tree.file-icon-themable-tree.show-file-icons')), delegate, [
+            this.instantiationService.createInstance(ExistingProfileResourceTreeRenderer),
+            this.instantiationService.createInstance(NewProfileResourceTreeRenderer),
+            this.instantiationService.createInstance(ProfileResourceChildTreeItemRenderer),
+        ], this.instantiationService.createInstance(ProfileResourceTreeDataSource), {
+            multipleSelectionSupport: false,
+            horizontalScrolling: false,
+            accessibilityProvider: {
+                getAriaLabel(element) {
+                    if ((element?.element).resourceType) {
+                        return (element?.element).resourceType;
+                    }
+                    if ((element?.element).label) {
+                        return (element?.element).label;
+                    }
+                    return '';
+                },
+                getWidgetAriaLabel() {
+                    return '';
+                },
+            },
+            identityProvider: {
+                getId(element) {
+                    if (element?.element.handle) {
+                        return element.element.handle;
+                    }
+                    return '';
+                }
+            },
+            expandOnlyOnTwistieClick: true,
+            renderIndentGuides: RenderIndentGuides.None,
+            enableStickyScroll: false,
+            openOnSingleClick: false,
+            alwaysConsumeMouseWheel: false,
+        }));
+        this.profilesContentTree.style(listStyles);
+        disposables.add(toDisposable(() => this.profilesContentTree = undefined));
+        disposables.add(this.profilesContentTree.onDidChangeContentHeight(height => {
+            this.profilesContentTree?.layout(height);
+            if (profileElement) {
+                this._onDidChangeContentHeight.fire(profileElement);
+            }
+        }));
+        disposables.add(this.profilesContentTree.onDidChangeSelection((e => {
+            if (profileElement) {
+                this._onDidChangeSelection.fire({ element: profileElement, selected: !!e.elements.length });
+            }
+        })));
+        disposables.add(this.profilesContentTree.onDidOpen(async (e) => {
+            if (!e.browserEvent) {
+                return;
+            }
+            if (e.browserEvent.target && e.browserEvent.target.classList.contains(Checkbox.CLASS_NAME)) {
+                return;
+            }
+            if (e.element?.element.action) {
+                await e.element.element.action.run();
+            }
+        }));
+        const updateDescription = (element) => {
+            const defaultHelpInfo = ( localize(10943, "- *Default:* Use contents from the Default profile\n"));
+            const markdown = ( (new MarkdownString()))
+                .appendMarkdown(( localize(10944, "Configure source of contents for this profile\n")));
+            clearNode(contentsDescriptionElement);
+            if (element.root instanceof UserDataProfileElement && element.root.profile.isDefault) {
+                return;
+            }
+            if (element.root instanceof NewProfileElement) {
+                const copyFromName = element.root.getCopyFromName();
+                const optionName = copyFromName === this.userDataProfilesService.defaultProfile.name
+                    ? ( localize(10945, "{0} (Copy)", copyFromName))
+                    : copyFromName;
+                if (optionName) {
+                    markdown
+                        .appendMarkdown(( localize(
+                        10946,
+                        "- *{0}:* Copy contents from the {1} profile\n",
+                        optionName,
+                        copyFromName
+                    )));
+                }
+                markdown
+                    .appendMarkdown(defaultHelpInfo)
+                    .appendMarkdown(( localize(10947, "- *None:* Create empty contents\n")));
+            }
+            else if (element.root instanceof UserDataProfileElement) {
+                markdown
+                    .appendMarkdown(defaultHelpInfo)
+                    .appendMarkdown(( localize(
+                    10948,
+                    "- *{1}:* Use contents from the {0} profile\n",
+                    element.root.profile.name,
+                    element.root.profile.name
+                )));
+            }
+            append(contentsDescriptionElement, elementDisposables.add(renderMarkdown(markdown)).element);
+        };
+        const that = this;
+        return {
+            set element(element) {
+                profileElement = element;
+                updateDescription(element);
+                if (element.root instanceof NewProfileElement) {
+                    contentsTreeHeader.classList.remove('default-profile');
+                }
+                else if (element.root instanceof UserDataProfileElement) {
+                    contentsTreeHeader.classList.toggle('default-profile', element.root.profile.isDefault);
+                }
+                profilesContentTree.setInput(profileElement.root);
+                elementDisposables.add(profileElement.root.onDidChange(e => {
+                    if (e.copyFrom || e.copyFlags || e.flags) {
+                        profilesContentTree.updateChildren(element.root);
+                    }
+                    if (e.copyFromInfo) {
+                        updateDescription(element);
+                        that._onDidChangeContentHeight.fire(element);
+                    }
+                }));
+            },
+            disposables,
+            elementDisposables: ( (new DisposableStore()))
+        };
+    }
+    clearSelection() {
+        if (this.profilesContentTree) {
+            this.profilesContentTree.setSelection([]);
+            this.profilesContentTree.setFocus([]);
+        }
+    }
+};
+ContentsProfileRenderer = ( (__decorate([
+    ( (__param(0, IUserDataProfilesService))),
+    ( (__param(1, IInstantiationService)))
+], ContentsProfileRenderer)));
 let ExistingProfileResourceTreeRenderer = class ExistingProfileResourceTreeRenderer extends AbstractProfileResourceTreeRenderer {
     static { ExistingProfileResourceTreeRenderer_1 = this; }
     static { this.TEMPLATE_ID = 'ExistingProfileResourceTemplate'; }
@@ -834,15 +1186,14 @@ let ExistingProfileResourceTreeRenderer = class ExistingProfileResourceTreeRende
         const disposables = ( (new DisposableStore()));
         const container = append(parent, $('.profile-tree-item-container.existing-profile-resource-type-container'));
         const label = append(container, $('.profile-resource-type-label'));
-        const inheritContainer = append(container, $('.inherit-container'));
-        const checkbox = disposables.add(( (new Checkbox('', false, defaultCheckboxStyles))));
-        append(inheritContainer, checkbox.domNode);
-        const actionsContainer = append(container, $('.profile-tree-item-actions-container'));
+        const radio = disposables.add(( (new Radio({ items: [] }))));
+        append(append(container, $('.profile-resource-options-container')), radio.domNode);
+        const actionsContainer = append(container, $('.profile-resource-actions-container'));
         const actionBar = disposables.add(this.instantiationService.createInstance(WorkbenchToolBar, actionsContainer, {
             hoverDelegate: disposables.add(createInstantHoverDelegate()),
             highlightToggledItems: true
         }));
-        return { checkbox, label, inheritContainer, actionBar, disposables, elementDisposables: disposables.add(( (new DisposableStore()))) };
+        return { label, radio, actionBar, disposables, elementDisposables: disposables.add(( (new DisposableStore()))) };
     }
     renderElement({ element: profileResourceTreeElement }, index, templateData, height) {
         templateData.elementDisposables.clear();
@@ -852,17 +1203,35 @@ let ExistingProfileResourceTreeRenderer = class ExistingProfileResourceTreeRende
                 'ExistingProfileResourceTreeRenderer can only render existing profile element'
             )));
         }
-        if (!isProfileResourceTypeElement(element)) {
+        if (isString(element) || !isProfileResourceTypeElement(element)) {
             throw ( (new Error('Invalid profile resource element')));
         }
-        templateData.label.textContent = this.getResourceTypeTitle(element.resourceType);
+        const updateRadioItems = () => {
+            templateData.radio.setItems([{
+                    text: ( localize(10949, "Default")),
+                    tooltip: ( localize(10950, "Use {0} from the Default profile", resourceTypeTitle)),
+                    isActive: root.getFlag(element.resourceType)
+                },
+                {
+                    text: root.name,
+                    tooltip: ( localize(10951, "Use {0} from the {1} profile", resourceTypeTitle, root.name)),
+                    isActive: !root.getFlag(element.resourceType)
+                }]);
+        };
+        const resourceTypeTitle = this.getResourceTypeTitle(element.resourceType);
+        templateData.label.textContent = resourceTypeTitle;
         if (root instanceof UserDataProfileElement && root.profile.isDefault) {
-            templateData.checkbox.domNode.classList.add('hide');
+            templateData.radio.domNode.classList.add('hide');
         }
         else {
-            templateData.checkbox.domNode.classList.remove('hide');
-            templateData.checkbox.checked = root.getFlag(element.resourceType);
-            templateData.elementDisposables.add(templateData.checkbox.onChange(() => root.setFlag(element.resourceType, templateData.checkbox.checked)));
+            templateData.radio.domNode.classList.remove('hide');
+            updateRadioItems();
+            templateData.elementDisposables.add(root.onDidChange(e => {
+                if (e.name) {
+                    updateRadioItems();
+                }
+            }));
+            templateData.elementDisposables.add(templateData.radio.onDidSelect((index) => root.setFlag(element.resourceType, index === 0)));
         }
         templateData.actionBar.setActions(element.action ? [element.action] : []);
     }
@@ -873,9 +1242,9 @@ ExistingProfileResourceTreeRenderer = ExistingProfileResourceTreeRenderer_1 = (
 let NewProfileResourceTreeRenderer = class NewProfileResourceTreeRenderer extends AbstractProfileResourceTreeRenderer {
     static { NewProfileResourceTreeRenderer_1 = this; }
     static { this.TEMPLATE_ID = 'NewProfileResourceTemplate'; }
-    constructor(contextViewService, instantiationService) {
+    constructor(userDataProfilesService, instantiationService) {
         super();
-        this.contextViewService = contextViewService;
+        this.userDataProfilesService = userDataProfilesService;
         this.instantiationService = instantiationService;
         this.templateId = NewProfileResourceTreeRenderer_1.TEMPLATE_ID;
     }
@@ -884,17 +1253,14 @@ let NewProfileResourceTreeRenderer = class NewProfileResourceTreeRenderer extend
         const container = append(parent, $('.profile-tree-item-container.new-profile-resource-type-container'));
         const labelContainer = append(container, $('.profile-resource-type-label-container'));
         const label = append(labelContainer, $('span.profile-resource-type-label'));
-        const selectBox = this._register(this.instantiationService.createInstance(SelectBox, [], 0, this.contextViewService, defaultSelectBoxStyles, {
-            useCustomDrawn: true,
-        }));
-        const selectContainer = append(container, $('.profile-select-container'));
-        selectBox.render(selectContainer);
-        const actionsContainer = append(container, $('.profile-tree-item-actions-container'));
+        const radio = disposables.add(( (new Radio({ items: [] }))));
+        append(append(container, $('.profile-resource-options-container')), radio.domNode);
+        const actionsContainer = append(container, $('.profile-resource-actions-container'));
         const actionBar = disposables.add(this.instantiationService.createInstance(WorkbenchToolBar, actionsContainer, {
             hoverDelegate: disposables.add(createInstantHoverDelegate()),
             highlightToggledItems: true
         }));
-        return { label, selectContainer, selectBox, actionBar, disposables, elementDisposables: disposables.add(( (new DisposableStore()))) };
+        return { label, radio, actionBar, disposables, elementDisposables: disposables.add(( (new DisposableStore()))) };
     }
     renderElement({ element: profileResourceTreeElement }, index, templateData, height) {
         templateData.elementDisposables.clear();
@@ -902,39 +1268,65 @@ let NewProfileResourceTreeRenderer = class NewProfileResourceTreeRenderer extend
         if (!(root instanceof NewProfileElement)) {
             throw ( (new Error('NewProfileResourceTreeRenderer can only render new profile element')));
         }
-        if (!isProfileResourceTypeElement(element)) {
+        if (isString(element) || !isProfileResourceTypeElement(element)) {
             throw ( (new Error('Invalid profile resource element')));
         }
-        templateData.label.textContent = this.getResourceTypeTitle(element.resourceType);
-        if (root.copyFrom && root.hasResource(element.resourceType)) {
+        const resourceTypeTitle = this.getResourceTypeTitle(element.resourceType);
+        templateData.label.textContent = resourceTypeTitle;
+        const renderRadioItems = () => {
+            const options = [{
+                    text: ( localize(10951, "Default")),
+                    tooltip: ( localize(10951, "Use {0} from the Default profile", resourceTypeTitle)),
+                },
+                {
+                    text: ( localize(10952, "None")),
+                    tooltip: ( localize(10953, "Create empty {0}", resourceTypeTitle))
+                }];
             const copyFromName = root.getCopyFromName();
-            templateData.selectBox.setOptions([
-                { text: ( localizeWithPath(_moduleId, 30, "Empty")) },
-                { text: copyFromName ? ( localizeWithPath(_moduleId, 31, "Copy ({0})", copyFromName)) : ( localizeWithPath(_moduleId, 32, "Copy")) },
-                { text: ( localizeWithPath(_moduleId, 33, "Use Default Profile")) }
-            ]);
-            templateData.selectBox.select(root.getCopyFlag(element.resourceType) ? 1 : root.getFlag(element.resourceType) ? 2 : 0);
-            templateData.elementDisposables.add(templateData.selectBox.onDidSelect(option => {
-                root.setFlag(element.resourceType, option.index === 2);
-                root.setCopyFlag(element.resourceType, option.index === 1);
+            const name = copyFromName === this.userDataProfilesService.defaultProfile.name
+                ? ( localize(10953, "{0} (Copy)", copyFromName))
+                : copyFromName;
+            if (root.copyFrom && name) {
+                templateData.radio.setItems([
+                    {
+                        text: name,
+                        tooltip: name ? ( localize(10954, "Copy {0} from the {1} profile", resourceTypeTitle, name)) : ( localize(10955, "Copy")),
+                    },
+                    ...options
+                ]);
+                templateData.radio.setActiveItem(root.getCopyFlag(element.resourceType) ? 0 : root.getFlag(element.resourceType) ? 1 : 2);
+            }
+            else {
+                templateData.radio.setItems(options);
+                templateData.radio.setActiveItem(root.getFlag(element.resourceType) ? 0 : 1);
+            }
+        };
+        if (root.copyFrom) {
+            templateData.elementDisposables.add(templateData.radio.onDidSelect(index => {
+                root.setFlag(element.resourceType, index === 1);
+                root.setCopyFlag(element.resourceType, index === 0);
             }));
         }
         else {
-            templateData.selectBox.setOptions([
-                { text: ( localizeWithPath(_moduleId, 30, "Empty")) },
-                { text: ( localizeWithPath(_moduleId, 33, "Use Default Profile")) }
-            ]);
-            templateData.selectBox.select(root.getFlag(element.resourceType) ? 1 : 0);
-            templateData.elementDisposables.add(templateData.selectBox.onDidSelect(option => {
-                root.setFlag(element.resourceType, option.index === 1);
+            templateData.elementDisposables.add(templateData.radio.onDidSelect(index => {
+                root.setFlag(element.resourceType, index === 0);
             }));
         }
-        templateData.selectBox.setEnabled(!root.disabled);
+        renderRadioItems();
+        templateData.radio.setEnabled(!root.disabled);
+        templateData.elementDisposables.add(root.onDidChange(e => {
+            if (e.disabled) {
+                templateData.radio.setEnabled(!root.disabled);
+            }
+            if (e.copyFrom || e.copyFromInfo) {
+                renderRadioItems();
+            }
+        }));
         templateData.actionBar.setActions(element.action ? [element.action] : []);
     }
 };
 NewProfileResourceTreeRenderer = NewProfileResourceTreeRenderer_1 = ( (__decorate([
-    ( (__param(0, IContextViewService))),
+    ( (__param(0, IUserDataProfilesService))),
     ( (__param(1, IInstantiationService)))
 ], NewProfileResourceTreeRenderer)));
 let ProfileResourceChildTreeItemRenderer = class ProfileResourceChildTreeItemRenderer extends AbstractProfileResourceTreeRenderer {
@@ -953,7 +1345,7 @@ let ProfileResourceChildTreeItemRenderer = class ProfileResourceChildTreeItemRen
         const checkbox = disposables.add(( (new Checkbox('', false, defaultCheckboxStyles))));
         append(container, checkbox.domNode);
         const resourceLabel = disposables.add(this.labels.create(container, { hoverDelegate: this.hoverDelegate }));
-        const actionsContainer = append(container, $('.profile-tree-item-actions-container'));
+        const actionsContainer = append(container, $('.profile-resource-actions-container'));
         const actionBar = disposables.add(this.instantiationService.createInstance(WorkbenchToolBar, actionsContainer, {
             hoverDelegate: disposables.add(createInstantHoverDelegate()),
             highlightToggledItems: true
@@ -963,10 +1355,11 @@ let ProfileResourceChildTreeItemRenderer = class ProfileResourceChildTreeItemRen
     renderElement({ element: profileResourceTreeElement }, index, templateData, height) {
         templateData.elementDisposables.clear();
         const { element } = profileResourceTreeElement;
-        if (!isProfileResourceChildElement(element)) {
+        if (isString(element) || !isProfileResourceChildElement(element)) {
             throw ( (new Error('Invalid profile resource element')));
         }
         if (element.checkbox) {
+            templateData.checkbox.domNode.setAttribute('tabindex', '0');
             templateData.checkbox.domNode.classList.remove('hide');
             templateData.checkbox.checked = element.checkbox.isChecked;
             templateData.checkbox.domNode.ariaLabel = element.checkbox.accessibilityInformation?.label ?? '';
@@ -975,6 +1368,7 @@ let ProfileResourceChildTreeItemRenderer = class ProfileResourceChildTreeItemRen
             }
         }
         else {
+            templateData.checkbox.domNode.removeAttribute('tabindex');
             templateData.checkbox.domNode.classList.add('hide');
         }
         templateData.resourceLabel.setResource({
@@ -1010,9 +1404,10 @@ let UserDataProfilesEditorInput = class UserDataProfilesEditorInput extends Edit
         this._register(this.model.onDidChange(e => this.dirty = ( (this.model.profiles.some(profile => profile instanceof NewProfileElement)))));
     }
     get typeId() { return UserDataProfilesEditorInput_1.ID; }
-    getName() { return ( localizeWithPath(_moduleId, 34, "Profiles")); }
+    getName() { return ( localize(10956, "Profiles")); }
     getIcon() { return defaultUserDataProfileIcon; }
     async resolve() {
+        await this.model.resolve();
         return this.model;
     }
     isDirty() {