@codingame/monaco-vscode-api 4.0.0 → 4.1.0

package/vscode/src/vs/workbench/browser/parts/titlebar/commandCenterControl.js

@@ -0,0 +1,220 @@
+import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
+import { reset, isActiveDocument } from '../../../../base/browser/dom.js';
+import { BaseActionViewItem } from '../../../../base/browser/ui/actionbar/actionViewItems.js';
+import { getDefaultHoverDelegate } from '../../../../base/browser/ui/hover/hoverDelegateFactory.js';
+import { setupCustomHover } from '../../../../base/browser/ui/hover/updatableHoverWidget.js';
+import { renderIcon } from '../../../../base/browser/ui/iconLabel/iconLabels.js';
+import { SubmenuAction } from '../../../../base/common/actions.js';
+import { Codicon } from '../../../../base/common/codicons.js';
+import { Emitter, Event } from '../../../../base/common/event.js';
+import { DisposableStore } from '../../../../base/common/lifecycle.js';
+import { localizeWithPath } from '../../../../nls.js';
+import { createActionViewItem } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
+import { WorkbenchToolBar, MenuWorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
+import { MenuRegistry, MenuId, SubmenuItemAction } from '../../../../platform/actions/common/actions.js';
+import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
+import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.js';
+import { IQuickInputService } from '../../../../platform/quickinput/common/quickInput.js';
+import { IEditorGroupsService } from '../../../services/editor/common/editorGroupsService.js';
+var CommandCenterCenterViewItem_1;
+let CommandCenterControl = class CommandCenterControl {
+    constructor(windowTitle, hoverDelegate, instantiationService, quickInputService) {
+        this._disposables = ( new DisposableStore());
+        this._onDidChangeVisibility = ( new Emitter());
+        this.onDidChangeVisibility = this._onDidChangeVisibility.event;
+        this.element = document.createElement('div');
+        this.element.classList.add('command-center');
+        const titleToolbar = instantiationService.createInstance(MenuWorkbenchToolBar, this.element, MenuId.CommandCenter, {
+            contextMenu: MenuId.TitleBarContext,
+            hiddenItemStrategy: -1 ,
+            toolbarOptions: {
+                primaryGroup: () => true,
+            },
+            telemetrySource: 'commandCenter',
+            actionViewItemProvider: (action, options) => {
+                if (action instanceof SubmenuItemAction && action.item.submenu === MenuId.CommandCenterCenter) {
+                    return instantiationService.createInstance(CommandCenterCenterViewItem, action, windowTitle, { ...options, hoverDelegate });
+                }
+                else {
+                    return createActionViewItem(instantiationService, action, { ...options, hoverDelegate });
+                }
+            }
+        });
+        this._disposables.add(Event.filter(quickInputService.onShow, () => isActiveDocument(this.element), this._disposables)(this._setVisibility.bind(this, false)));
+        this._disposables.add(Event.filter(quickInputService.onHide, () => isActiveDocument(this.element), this._disposables)(this._setVisibility.bind(this, true)));
+        this._disposables.add(titleToolbar);
+    }
+    _setVisibility(show) {
+        this.element.classList.toggle('hide', !show);
+        this._onDidChangeVisibility.fire();
+    }
+    dispose() {
+        this._disposables.dispose();
+    }
+};
+CommandCenterControl = ( __decorate([
+    ( __param(2, IInstantiationService)),
+    ( __param(3, IQuickInputService))
+], CommandCenterControl));
+let CommandCenterCenterViewItem = class CommandCenterCenterViewItem extends BaseActionViewItem {
+    static { CommandCenterCenterViewItem_1 = this; }
+    static { this._quickOpenCommandId = 'workbench.action.quickOpenWithModes'; }
+    constructor(_submenu, _windowTitle, options, _keybindingService, _instaService, _editorGroupService) {
+        super(undefined, _submenu.actions.find(action => action.id === 'workbench.action.quickOpenWithModes') ?? _submenu.actions[0], options);
+        this._submenu = _submenu;
+        this._windowTitle = _windowTitle;
+        this._keybindingService = _keybindingService;
+        this._instaService = _instaService;
+        this._editorGroupService = _editorGroupService;
+        this._hoverDelegate = options.hoverDelegate ?? getDefaultHoverDelegate('mouse');
+    }
+    render(container) {
+        super.render(container);
+        container.classList.add('command-center-center');
+        container.classList.toggle('multiple', (this._submenu.actions.length > 1));
+        const hover = this._store.add(setupCustomHover(this._hoverDelegate, container, this.getTooltip()));
+        this._store.add(this._windowTitle.onDidChange(() => {
+            hover.update(this.getTooltip());
+        }));
+        const groups = [];
+        for (const action of this._submenu.actions) {
+            if (action instanceof SubmenuAction) {
+                groups.push(action.actions);
+            }
+            else {
+                groups.push([action]);
+            }
+        }
+        for (let i = 0; i < groups.length; i++) {
+            const group = groups[i];
+            const toolbar = this._instaService.createInstance(WorkbenchToolBar, container, {
+                hiddenItemStrategy: -1 ,
+                telemetrySource: 'commandCenterCenter',
+                actionViewItemProvider: (action, options) => {
+                    options = {
+                        ...options,
+                        hoverDelegate: this._hoverDelegate,
+                    };
+                    if (action.id !== CommandCenterCenterViewItem_1._quickOpenCommandId) {
+                        return createActionViewItem(this._instaService, action, options);
+                    }
+                    const that = this;
+                    return this._instaService.createInstance(class CommandCenterQuickPickItem extends BaseActionViewItem {
+                        constructor() {
+                            super(undefined, action, options);
+                        }
+                        render(container) {
+                            super.render(container);
+                            container.classList.toggle('command-center-quick-pick');
+                            const action = this.action;
+                            const searchIcon = document.createElement('span');
+                            searchIcon.ariaHidden = 'true';
+                            searchIcon.className = action.class ?? '';
+                            searchIcon.classList.add('search-icon');
+                            const label = this._getLabel();
+                            const labelElement = document.createElement('span');
+                            labelElement.classList.add('search-label');
+                            labelElement.innerText = label;
+                            reset(container, searchIcon, labelElement);
+                            const hover = this._store.add(setupCustomHover(that._hoverDelegate, container, this.getTooltip()));
+                            this._store.add(that._windowTitle.onDidChange(() => {
+                                hover.update(this.getTooltip());
+                                labelElement.innerText = this._getLabel();
+                            }));
+                            this._store.add(that._editorGroupService.onDidChangeEditorPartOptions(({ newPartOptions, oldPartOptions }) => {
+                                if (newPartOptions.showTabs !== oldPartOptions.showTabs) {
+                                    hover.update(this.getTooltip());
+                                    labelElement.innerText = this._getLabel();
+                                }
+                            }));
+                        }
+                        getTooltip() {
+                            return that.getTooltip();
+                        }
+                        _getLabel() {
+                            const { prefix, suffix } = that._windowTitle.getTitleDecorations();
+                            let label = that._windowTitle.workspaceName;
+                            if (that._windowTitle.isCustomTitleFormat()) {
+                                label = that._windowTitle.getWindowTitle();
+                            }
+                            else if (that._editorGroupService.partOptions.showTabs === 'none') {
+                                label = that._windowTitle.fileName ?? label;
+                            }
+                            if (!label) {
+                                label = ( localizeWithPath(
+                                    'vs/workbench/browser/parts/titlebar/commandCenterControl',
+                                    'label.dfl',
+                                    "Search"
+                                ));
+                            }
+                            if (prefix) {
+                                label = ( localizeWithPath(
+                                    'vs/workbench/browser/parts/titlebar/commandCenterControl',
+                                    'label1',
+                                    "{0} {1}",
+                                    prefix,
+                                    label
+                                ));
+                            }
+                            if (suffix) {
+                                label = ( localizeWithPath(
+                                    'vs/workbench/browser/parts/titlebar/commandCenterControl',
+                                    'label2',
+                                    "{0} {1}",
+                                    label,
+                                    suffix
+                                ));
+                            }
+                            return label.replaceAll(/\r\n|\r|\n/g, '\u23CE');
+                        }
+                    });
+                }
+            });
+            toolbar.setActions(group);
+            this._store.add(toolbar);
+            if (i < groups.length - 1) {
+                const icon = renderIcon(Codicon.circleSmallFilled);
+                icon.style.padding = '0 12px';
+                icon.style.height = '100%';
+                icon.style.opacity = '0.5';
+                container.appendChild(icon);
+            }
+        }
+    }
+    getTooltip() {
+        const kb = this._keybindingService.lookupKeybinding(this.action.id)?.getLabel();
+        const title = kb
+            ? ( localizeWithPath(
+            'vs/workbench/browser/parts/titlebar/commandCenterControl',
+            'title',
+            "Search {0} ({1}) \u2014 {2}",
+            this._windowTitle.workspaceName,
+            kb,
+            this._windowTitle.value
+        ))
+            : ( localizeWithPath(
+            'vs/workbench/browser/parts/titlebar/commandCenterControl',
+            'title2',
+            "Search {0} \u2014 {1}",
+            this._windowTitle.workspaceName,
+            this._windowTitle.value
+        ));
+        return title;
+    }
+};
+CommandCenterCenterViewItem = CommandCenterCenterViewItem_1 = ( __decorate([
+    ( __param(3, IKeybindingService)),
+    ( __param(4, IInstantiationService)),
+    ( __param(5, IEditorGroupsService))
+], CommandCenterCenterViewItem));
+MenuRegistry.appendMenuItem(MenuId.CommandCenter, {
+    submenu: MenuId.CommandCenterCenter,
+    title: ( localizeWithPath(
+        'vs/workbench/browser/parts/titlebar/commandCenterControl',
+        'title3',
+        "Command Center"
+    )),
+    icon: Codicon.shield,
+    order: 101,
+});
+export { CommandCenterControl };

package/vscode/src/vs/workbench/browser/parts/titlebar/media/titlebarpart.css.js

@@ -0,0 +1,4 @@
+import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
+var css = ".monaco-workbench .part.titlebar{display:flex;flex-direction:row}.monaco-workbench.mac .part.titlebar{flex-direction:row-reverse}.monaco-workbench .part.titlebar>.titlebar-container{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;flex-shrink:1;height:100%;justify-content:space-between;overflow:hidden;user-select:none;-webkit-user-select:none;width:100%}.monaco-workbench .part.titlebar>.titlebar-container.counter-zoom{zoom:calc(1/var(--zoom-factor))}.monaco-workbench.mac .part.titlebar>.titlebar-container{line-height:22px}.monaco-workbench.linux .part.titlebar>.titlebar-container,.monaco-workbench.web .part.titlebar>.titlebar-container,.monaco-workbench.windows .part.titlebar>.titlebar-container{justify-content:left;line-height:22px}.monaco-workbench.web.safari .part.titlebar,.monaco-workbench.web.safari .part.titlebar>.titlebar-container{overflow:visible}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-drag-region{-webkit-app-region:drag;display:block;height:100%;left:0;position:absolute;top:0;width:100%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center,.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left,.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right{align-items:center;display:flex;height:100%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left{flex-grow:2;justify-content:flex-start;order:0;width:20%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center{justify-content:center;margin:0 10px;max-width:fit-content;min-width:0;order:1;width:60%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right{flex-grow:2;justify-content:flex-end;min-width:min-content;order:2;width:20%}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title{flex:0 1 auto;font-size:12px;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench.linux .part.titlebar>.titlebar-container>.titlebar-center>.window-title,.monaco-workbench.web .part.titlebar>.titlebar-container>.titlebar-center>.window-title,.monaco-workbench.windows .part.titlebar>.titlebar-container>.titlebar-center>.window-title{cursor:default}.monaco-workbench.linux .part.titlebar>.titlebar-container>.titlebar-center>.window-title{font-size:inherit}.monaco-workbench .part.titlebar>.titlebar-container .monaco-toolbar .actions-container{gap:4px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center{-webkit-app-region:no-drag;z-index:2500}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center.hide{visibility:hidden}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item>.action-label{color:var(--vscode-titleBar-activeForeground)}.monaco-workbench .part.titlebar.inactive>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item>.action-label{color:var(--vscode-titleBar-inactiveForeground)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center>.monaco-toolbar>.monaco-action-bar>.actions-container>.action-item>.action-label{color:inherit}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center{align-items:stretch;background-color:var(--vscode-commandCenter-background);border:1px solid var(--vscode-commandCenter-border);border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;color:var(--vscode-commandCenter-foreground);display:flex;height:22px;margin-left:6px;max-width:600px;overflow:hidden;width:38vw}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center .action-item.command-center-quick-pick{display:flex;justify-content:start;margin:auto;max-width:600px;overflow:hidden}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-icon{font-size:14px;margin:auto 3px;opacity:.8}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center .action-item.command-center-quick-pick .search-label{overflow:hidden;text-overflow:ellipsis}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center.multiple{justify-content:flex-start;padding:0 12px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center.multiple.active .action-label{background-color:inherit}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center:only-child{margin-left:0}.monaco-workbench .part.titlebar.inactive>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center{border-color:var(--vscode-commandCenter-inactiveBorder)!important;color:var(--vscode-titleBar-inactiveForeground)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-center>.window-title>.command-center .action-item.command-center-center:HOVER{background-color:var(--vscode-commandCenter-activeBackground);border-color:var(--vscode-commandCenter-activeBorder);color:var(--vscode-commandCenter-activeForeground)}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.menubar{flex-wrap:nowrap;min-width:36px;order:2;z-index:2500}.monaco-workbench.web .part.titlebar>.titlebar-container>.titlebar-left>.menubar{margin-left:4px}.monaco-workbench .part.titlebar>.titlebar-container.counter-zoom .menubar .menubar-menu-button>.menubar-menu-items-holder.monaco-menu-container{zoom:var(--zoom-factor)}.monaco-workbench.linux .part.titlebar>.titlebar-container>.resizer,.monaco-workbench.windows .part.titlebar>.titlebar-container>.resizer{-webkit-app-region:no-drag;height:4px;position:absolute;top:0;width:100%}.monaco-workbench.linux.fullscreen .part.titlebar>.titlebar-container>.resizer,.monaco-workbench.windows.fullscreen .part.titlebar>.titlebar-container>.resizer{display:none}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon{flex-shrink:0;height:100%;order:1;position:relative;width:35px;z-index:2500}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon:not(.codicon){background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik0xMDI0IDEwMjRIMFYwaDEwMjR2MTAyNHoiIHN0eWxlPSJmaWxsOiNmNmY2ZjY7ZmlsbC1vcGFjaXR5OjAiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAyNCA4NS4zMzN2ODUzLjMzM0gwVjg1LjMzM2gxMDI0eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wIDg1LjMzM2gyOTguNjY3djg1My4zMzNIMFY4NS4zMzN6bTEwMjQgMHY4NTMuMzMzSDM4NFY4NS4zMzNoNjQwem0tNTU0LjY2NyAxNjBoMzQxLjMzM3YtNjRINDY5LjMzM3Y2NHptMzQxLjMzNCA1MzMuMzM0SDQ2OS4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0xMjgtMTQ5LjMzNEg1OTcuMzMzdjY0aDM0MS4zMzNsLjAwMS02NHptMC0xNDkuMzMzSDU5Ny4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0wLTE0OS4zMzNINTk3LjMzM3Y2NGgzNDEuMzMzbC4wMDEtNjR6IiBzdHlsZT0iZmlsbDojMTY3YWJmIi8+PC9zdmc+\");background-position:50%;background-repeat:no-repeat;background-size:16px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon.codicon{line-height:30px}.monaco-workbench.fullscreen .part.titlebar>.titlebar-container>.titlebar-left>.window-appicon{display:none}.monaco-workbench .part.titlebar>.titlebar-container .window-appicon>.home-bar-icon-badge{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik0xMDI0IDEwMjRIMFYwaDEwMjR2MTAyNHoiIHN0eWxlPSJmaWxsOiNmNmY2ZjY7ZmlsbC1vcGFjaXR5OjAiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAyNCA4NS4zMzN2ODUzLjMzM0gwVjg1LjMzM2gxMDI0eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wIDg1LjMzM2gyOTguNjY3djg1My4zMzNIMFY4NS4zMzN6bTEwMjQgMHY4NTMuMzMzSDM4NFY4NS4zMzNoNjQwem0tNTU0LjY2NyAxNjBoMzQxLjMzM3YtNjRINDY5LjMzM3Y2NHptMzQxLjMzNCA1MzMuMzM0SDQ2OS4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0xMjgtMTQ5LjMzNEg1OTcuMzMzdjY0aDM0MS4zMzNsLjAwMS02NHptMC0xNDkuMzMzSDU5Ny4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0wLTE0OS4zMzNINTk3LjMzM3Y2NGgzNDEuMzMzbC4wMDEtNjR6IiBzdHlsZT0iZmlsbDojMTY3YWJmIi8+PC9zdmc+\");background-position:50%;background-repeat:no-repeat;background-size:8px;border-left:1px solid transparent;border-top:1px solid transparent;bottom:6px;height:8px;pointer-events:none;position:absolute;right:9px;width:8px;z-index:1}.monaco-workbench .part.titlebar .window-controls-container{-webkit-app-region:no-drag;display:flex;flex-grow:0;flex-shrink:0;height:100%;text-align:center;width:0;z-index:3000}.monaco-workbench.web .part.titlebar .titlebar-right .window-controls-container{height:env(titlebar-area-height,35px);width:calc(100vw - env(titlebar-area-width, 100vw) - env(titlebar-area-x, 0px))}.monaco-workbench.web .part.titlebar .titlebar-left .window-controls-container{height:env(titlebar-area-height,35px);width:env(titlebar-area-x,0)}.monaco-workbench.web.mac .part.titlebar .titlebar-left .window-controls-container{order:0}.monaco-workbench.web.mac .part.titlebar .titlebar-right .window-controls-container{order:1}.monaco-workbench:not(.web):not(.mac) .part.titlebar .window-controls-container.primary{width:calc(138px/var(--zoom-factor, 1))}.monaco-workbench:not(.web):not(.mac) .part.titlebar .titlebar-container.counter-zoom .window-controls-container.primary{width:138px}.monaco-workbench:not(.web):not(.mac) .part.titlebar .titlebar-container:not(.counter-zoom) .window-controls-container *{zoom:calc(1/var(--zoom-factor, 1))}.monaco-workbench:not(.web).mac .part.titlebar .window-controls-container.primary{width:70px}.monaco-workbench.fullscreen .part.titlebar .window-controls-container{background-color:transparent;display:none}.monaco-workbench .part.titlebar .window-controls-container>.window-icon{align-items:center;display:flex;font-size:16px;height:100%;justify-content:center;width:46px}.monaco-workbench .part.titlebar .window-controls-container>.window-icon:before{height:16px;line-height:16px}.monaco-workbench .part.titlebar .window-controls-container>.window-icon:hover{background-color:hsla(0,0%,100%,.1)}.monaco-workbench .part.titlebar.light .window-controls-container>.window-icon:hover{background-color:rgba(0,0,0,.1)}.monaco-workbench .part.titlebar .window-controls-container>.window-icon.window-close:hover{background-color:rgba(232,17,35,.9)}.monaco-workbench .part.titlebar .window-controls-container .window-icon.window-close:hover{color:#fff}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container{-webkit-app-region:no-drag;display:none;flex-grow:0;flex-shrink:0;height:100%;margin-left:auto;min-width:28px;padding-right:2px;position:relative;text-align:center;z-index:2500}.monaco-workbench.mac:not(.web) .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container{right:8px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container:not(.has-no-actions){display:flex;justify-content:center}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .codicon{color:inherit}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item{display:flex}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .badge{align-items:center;display:flex;margin-left:8px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge{margin-left:0}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .badge .badge-content{border-radius:11px;box-sizing:border-box;display:inline-block;font-size:9px;font-weight:400;height:16px;line-height:11px;min-width:11px;padding:3px 5px;position:relative;text-align:center}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact{bottom:0;height:100%;left:0;margin:auto;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact .badge-content:before{mask-size:12px;-webkit-mask-size:12px;top:2px}.monaco-workbench .part.titlebar>.titlebar-container>.titlebar-right>.action-toolbar-container .monaco-action-bar .action-item.icon .badge.compact .badge-content{border-radius:16px;font-size:9px;font-weight:600;height:12px;line-height:12px;min-width:12px;padding:0 2px;position:absolute;right:0;text-align:center;top:10px}.monaco-workbench .part.titlebar .window-controls-container .window-icon{color:var(--vscode-titleBar-activeForeground)}.monaco-workbench .part.titlebar.inactive .window-controls-container .window-icon{color:var(--vscode-titleBar-inactiveForeground)}";
+n(css,{});
+export { css, css as default };

package/vscode/src/vs/workbench/browser/parts/titlebar/titlebarActions.js

@@ -0,0 +1,259 @@
+import { localizeWithPath, localize2WithPath } from '../../../../nls.js';
+import { IConfigurationService } from '../../../../platform/configuration/common/configuration.js';
+import { IStorageService } from '../../../../platform/storage/common/storage.js';
+import { registerAction2, Action2, MenuId } from '../../../../platform/actions/common/actions.js';
+import { ContextKeyExpr, IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
+import { ACCOUNTS_ACTIVITY_ID, GLOBAL_ACTIVITY_ID } from '../../../common/activity.js';
+import { TitleBarStyleContext, IsMainWindowFullscreenContext, TitleBarVisibleContext, IsAuxiliaryWindowFocusedContext } from '../../../common/contextkeys.js';
+class ToggleConfigAction extends Action2 {
+    constructor(section, title, order, mainWindowOnly) {
+        const when = mainWindowOnly ? ( IsAuxiliaryWindowFocusedContext.toNegated()) : ContextKeyExpr.true();
+        super({
+            id: `toggle.${section}`,
+            title,
+            toggled: ( ContextKeyExpr.equals(`config.${section}`, true)),
+            menu: [
+                {
+                    id: MenuId.TitleBarContext,
+                    when,
+                    order,
+                    group: '2_config'
+                },
+                {
+                    id: MenuId.TitleBarTitleContext,
+                    when,
+                    order,
+                    group: '2_config'
+                }
+            ]
+        });
+        this.section = section;
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        const value = configService.getValue(this.section);
+        configService.updateValue(this.section, !value);
+    }
+}
+registerAction2(class ToggleCommandCenter extends ToggleConfigAction {
+    constructor() {
+        super("window.commandCenter" , ( localizeWithPath(
+            'vs/workbench/browser/parts/titlebar/titlebarActions',
+            'toggle.commandCenter',
+            'Command Center'
+        )), 1, false);
+    }
+});
+registerAction2(class ToggleLayoutControl extends ToggleConfigAction {
+    constructor() {
+        super('workbench.layoutControl.enabled', ( localizeWithPath(
+            'vs/workbench/browser/parts/titlebar/titlebarActions',
+            'toggle.layout',
+            'Layout Controls'
+        )), 2, true);
+    }
+});
+registerAction2(class ToggleCustomTitleBar extends Action2 {
+    constructor() {
+        super({
+            id: `toggle.${"window.customTitleBarVisibility" }`,
+            title: ( localizeWithPath(
+                'vs/workbench/browser/parts/titlebar/titlebarActions',
+                'toggle.hideCustomTitleBar',
+                'Hide Custom Title Bar'
+            )),
+            menu: [
+                { id: MenuId.TitleBarContext, order: 0, when: ( ContextKeyExpr.equals(TitleBarStyleContext.key, "native" )), group: '3_toggle' },
+                { id: MenuId.TitleBarTitleContext, order: 0, when: ( ContextKeyExpr.equals(TitleBarStyleContext.key, "native" )), group: '3_toggle' },
+            ]
+        });
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        configService.updateValue("window.customTitleBarVisibility" , "never" );
+    }
+});
+registerAction2(class ToggleCustomTitleBarWindowed extends Action2 {
+    constructor() {
+        super({
+            id: `toggle.${"window.customTitleBarVisibility" }.windowed`,
+            title: ( localizeWithPath(
+                'vs/workbench/browser/parts/titlebar/titlebarActions',
+                'toggle.hideCustomTitleBarInFullScreen',
+                'Hide Custom Title Bar In Full Screen'
+            )),
+            menu: [
+                { id: MenuId.TitleBarContext, order: 1, when: IsMainWindowFullscreenContext, group: '3_toggle' },
+                { id: MenuId.TitleBarTitleContext, order: 1, when: IsMainWindowFullscreenContext, group: '3_toggle' },
+            ]
+        });
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        configService.updateValue("window.customTitleBarVisibility" , "windowed" );
+    }
+});
+class ToggleCustomTitleBar extends Action2 {
+    constructor() {
+        super({
+            id: `toggle.toggleCustomTitleBar`,
+            title: ( localizeWithPath(
+                'vs/workbench/browser/parts/titlebar/titlebarActions',
+                'toggle.customTitleBar',
+                'Custom Title Bar'
+            )),
+            toggled: TitleBarVisibleContext,
+            menu: [
+                {
+                    id: MenuId.MenubarAppearanceMenu,
+                    order: 6,
+                    when: ( ContextKeyExpr.or(( ContextKeyExpr.and(( ContextKeyExpr.equals(TitleBarStyleContext.key, "native" )), ( ContextKeyExpr.and(( ContextKeyExpr.equals('config.workbench.layoutControl.enabled', false)), ( ContextKeyExpr.equals('config.window.commandCenter', false)), ( ContextKeyExpr.notEquals('config.workbench.editor.editorActionsLocation', 'titleBar')), ( ContextKeyExpr.notEquals('config.workbench.activityBar.location', 'top')), ( ContextKeyExpr.notEquals('config.workbench.activityBar.location', 'bottom'))))?.negate())), IsMainWindowFullscreenContext)),
+                    group: '2_workbench_layout'
+                },
+            ],
+        });
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        const contextKeyService = accessor.get(IContextKeyService);
+        const titleBarVisibility = configService.getValue("window.customTitleBarVisibility" );
+        switch (titleBarVisibility) {
+            case "never" :
+                configService.updateValue("window.customTitleBarVisibility" , "auto" );
+                break;
+            case "windowed" : {
+                const isFullScreen = IsMainWindowFullscreenContext.evaluate(contextKeyService.getContext(null));
+                if (isFullScreen) {
+                    configService.updateValue("window.customTitleBarVisibility" , "auto" );
+                }
+                else {
+                    configService.updateValue("window.customTitleBarVisibility" , "never" );
+                }
+                break;
+            }
+            case "auto" :
+            default:
+                configService.updateValue("window.customTitleBarVisibility" , "never" );
+                break;
+        }
+    }
+}
+registerAction2(ToggleCustomTitleBar);
+registerAction2(class ShowCustomTitleBar extends Action2 {
+    constructor() {
+        super({
+            id: `showCustomTitleBar`,
+            title: ( localize2WithPath(
+                'vs/workbench/browser/parts/titlebar/titlebarActions',
+                'showCustomTitleBar',
+                "Show Custom Title Bar"
+            )),
+            precondition: ( TitleBarVisibleContext.negate()),
+            f1: true
+        });
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        configService.updateValue("window.customTitleBarVisibility" , "auto" );
+    }
+});
+registerAction2(class HideCustomTitleBar extends Action2 {
+    constructor() {
+        super({
+            id: `hideCustomTitleBar`,
+            title: ( localize2WithPath(
+                'vs/workbench/browser/parts/titlebar/titlebarActions',
+                'hideCustomTitleBar',
+                "Hide Custom Title Bar"
+            )),
+            precondition: TitleBarVisibleContext,
+            f1: true
+        });
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        configService.updateValue("window.customTitleBarVisibility" , "never" );
+    }
+});
+registerAction2(class HideCustomTitleBar extends Action2 {
+    constructor() {
+        super({
+            id: `hideCustomTitleBarInFullScreen`,
+            title: ( localize2WithPath(
+                'vs/workbench/browser/parts/titlebar/titlebarActions',
+                'hideCustomTitleBarInFullScreen',
+                "Hide Custom Title Bar In Full Screen"
+            )),
+            precondition: ( ContextKeyExpr.and(TitleBarVisibleContext, IsMainWindowFullscreenContext)),
+            f1: true
+        });
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        configService.updateValue("window.customTitleBarVisibility" , "windowed" );
+    }
+});
+registerAction2(class ToggleEditorActions extends Action2 {
+    static { this.settingsID = `workbench.editor.editorActionsLocation`; }
+    constructor() {
+        const titleBarContextCondition = ( ContextKeyExpr.and(( ( ContextKeyExpr.equals(`config.workbench.editor.showTabs`, 'none')).negate()), ( ContextKeyExpr.equals(`config.${ToggleEditorActions.settingsID}`, 'default'))))?.negate();
+        super({
+            id: `toggle.${ToggleEditorActions.settingsID}`,
+            title: ( localizeWithPath(
+                'vs/workbench/browser/parts/titlebar/titlebarActions',
+                'toggle.editorActions',
+                'Editor Actions'
+            )),
+            toggled: ( ( ContextKeyExpr.equals(`config.${ToggleEditorActions.settingsID}`, 'hidden')).negate()),
+            menu: [
+                { id: MenuId.TitleBarContext, order: 3, when: titleBarContextCondition, group: '2_config' },
+                { id: MenuId.TitleBarTitleContext, order: 3, when: titleBarContextCondition, group: '2_config' }
+            ]
+        });
+    }
+    run(accessor, ...args) {
+        const configService = accessor.get(IConfigurationService);
+        const storageService = accessor.get(IStorageService);
+        const location = configService.getValue(ToggleEditorActions.settingsID);
+        if (location === 'hidden') {
+            const showTabs = configService.getValue("workbench.editor.showTabs" );
+            if (showTabs !== 'none') {
+                configService.updateValue(ToggleEditorActions.settingsID, 'titleBar');
+            }
+            else {
+                const storedValue = storageService.get(ToggleEditorActions.settingsID, 0 );
+                configService.updateValue(ToggleEditorActions.settingsID, storedValue ?? 'default');
+            }
+            storageService.remove(ToggleEditorActions.settingsID, 0 );
+        }
+        else {
+            configService.updateValue(ToggleEditorActions.settingsID, 'hidden');
+            storageService.store(ToggleEditorActions.settingsID, location, 0 , 0 );
+        }
+    }
+});
+const ACCOUNTS_ACTIVITY_TILE_ACTION = {
+    id: ACCOUNTS_ACTIVITY_ID,
+    label: ( localizeWithPath(
+        'vs/workbench/browser/parts/titlebar/titlebarActions',
+        'accounts',
+        "Accounts"
+    )),
+    tooltip: ( localizeWithPath(
+        'vs/workbench/browser/parts/titlebar/titlebarActions',
+        'accounts',
+        "Accounts"
+    )),
+    class: undefined,
+    enabled: true,
+    run: function () { }
+};
+const GLOBAL_ACTIVITY_TITLE_ACTION = {
+    id: GLOBAL_ACTIVITY_ID,
+    label: ( localizeWithPath('vs/workbench/browser/parts/titlebar/titlebarActions', 'manage', "Manage")),
+    tooltip: ( localizeWithPath('vs/workbench/browser/parts/titlebar/titlebarActions', 'manage', "Manage")),
+    class: undefined,
+    enabled: true,
+    run: function () { }
+};
+export { ACCOUNTS_ACTIVITY_TILE_ACTION, GLOBAL_ACTIVITY_TITLE_ACTION };