@codingame/monaco-vscode-api 4.5.1 → 5.0.0

package/vscode/src/vs/workbench/contrib/comments/browser/commentsView.js

@@ -5,7 +5,7 @@ import { append, $, isActiveElement } from '../../../../base/browser/dom.js';
 import { basename } from '../../../../base/common/resources.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { IThemeService } from '../../../../platform/theme/common/themeService.service.js';
-import { ResourceWithCommentThreads, CommentNode } from '../common/commentModel.js';
+import { CommentNode, ResourceWithCommentThreads } from '../common/commentModel.js';
 import { ICommentService } from './commentService.service.js';
 import { IEditorService } from '../../../services/editor/common/editorService.service.js';
 import { ResourceLabels } from '../../../browser/labels.js';
@@ -30,38 +30,82 @@ import { Iterable } from '../../../../base/common/iterator.js';
 import { revealCommentThread } from './commentsController.js';
 import { registerNavigableContainer } from '../../../browser/actions/widgetNavigationCommands.js';
 import { CommentsModel } from './commentsModel.js';
-const CONTEXT_KEY_HAS_COMMENTS = ( new RawContextKey('commentsView.hasComments', false));
-const CONTEXT_KEY_SOME_COMMENTS_EXPANDED = ( new RawContextKey('commentsView.someCommentsExpanded', false));
+import { IHoverService } from '../../../../platform/hover/browser/hover.service.js';
+import { AccessibleViewAction } from '../../accessibility/browser/accessibleViewActions.js';
+const _moduleId = "vs/workbench/contrib/comments/browser/commentsView";
+const CONTEXT_KEY_HAS_COMMENTS = ( (new RawContextKey('commentsView.hasComments', false)));
+const CONTEXT_KEY_SOME_COMMENTS_EXPANDED = ( (new RawContextKey('commentsView.someCommentsExpanded', false)));
 const VIEW_STORAGE_ID = 'commentsViewState';
 function createResourceCommentsIterator(model) {
-    return ( Iterable.map(model.resourceCommentThreads, m => {
-        const CommentNodeIt = Iterable.from(m.commentThreads);
-        const children = ( Iterable.map(CommentNodeIt, r => ({ element: r })));
-        return { element: m, children };
-    }));
+    return (
+         (Iterable.map(model.resourceCommentThreads, m => {
+            const CommentNodeIt = Iterable.from(m.commentThreads);
+            const children = ( (Iterable.map(CommentNodeIt, r => ({ element: r }))));
+            return { element: m, children };
+        }))
+    );
 }
 let CommentsPanel = class CommentsPanel extends FilterViewPane {
-    constructor(options, instantiationService, viewDescriptorService, editorService, configurationService, contextKeyService, contextMenuService, keybindingService, openerService, themeService, commentService, telemetryService, uriIdentityService, storageService) {
-        const stateMemento = ( new Memento(VIEW_STORAGE_ID, storageService));
+    get focusedCommentNode() {
+        const focused = this.tree?.getFocus();
+        if (focused?.length === 1 && focused[0] instanceof CommentNode) {
+            return focused[0];
+        }
+        return undefined;
+    }
+    get focusedCommentInfo() {
+        if (!this.focusedCommentNode) {
+            return;
+        }
+        return this.getScreenReaderInfoForNode(this.focusedCommentNode);
+    }
+    focusNextNode() {
+        if (!this.tree) {
+            return;
+        }
+        const focused = this.tree.getFocus()?.[0];
+        if (!focused) {
+            return;
+        }
+        let next = this.tree.navigate(focused).next();
+        while (next && !(next instanceof CommentNode)) {
+            next = this.tree.navigate(next).next();
+        }
+        if (!next) {
+            return;
+        }
+        this.tree.setFocus([next]);
+    }
+    focusPreviousNode() {
+        if (!this.tree) {
+            return;
+        }
+        const focused = this.tree.getFocus()?.[0];
+        if (!focused) {
+            return;
+        }
+        let previous = this.tree.navigate(focused).previous();
+        while (previous && !(previous instanceof CommentNode)) {
+            previous = this.tree.navigate(previous).previous();
+        }
+        if (!previous) {
+            return;
+        }
+        this.tree.setFocus([previous]);
+    }
+    constructor(options, instantiationService, viewDescriptorService, editorService, configurationService, contextKeyService, contextMenuService, keybindingService, openerService, themeService, commentService, telemetryService, hoverService, uriIdentityService, storageService) {
+        const stateMemento = ( (new Memento(VIEW_STORAGE_ID, storageService)));
         const viewState = stateMemento.getMemento(1 , 1 );
         super({
             ...options,
             filterOptions: {
-                placeholder: ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsView',
-                    'comments.filter.placeholder',
-                    "Filter (e.g. text, author)"
-                )),
-                ariaLabel: ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsView',
-                    'comments.filter.ariaLabel',
-                    "Filter comments"
-                )),
+                placeholder: ( localizeWithPath(_moduleId, 0, "Filter (e.g. text, author)")),
+                ariaLabel: ( localizeWithPath(_moduleId, 1, "Filter comments")),
                 history: viewState['filterHistory'] || [],
                 text: viewState['filter'] || '',
                 focusContextKey: CommentsViewFilterFocusContextKey.key
             }
-        }, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService);
+        }, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, telemetryService, hoverService);
         this.editorService = editorService;
         this.commentService = commentService;
         this.uriIdentityService = uriIdentityService;
@@ -74,15 +118,15 @@ let CommentsPanel = class CommentsPanel extends FilterViewPane {
         this.someCommentsExpandedContextKey = CONTEXT_KEY_SOME_COMMENTS_EXPANDED.bindTo(contextKeyService);
         this.stateMemento = stateMemento;
         this.viewState = viewState;
-        this.filters = this._register(( new CommentsFilters({
+        this.filters = this._register(( (new CommentsFilters({
             showResolved: this.viewState['showResolved'] !== false,
             showUnresolved: this.viewState['showUnresolved'] !== false,
-        }, this.contextKeyService)));
-        this.filter = ( new Filter(( new FilterOptions(
+        }, this.contextKeyService))));
+        this.filter = ( (new Filter( (new FilterOptions(
             this.filterWidget.getFilterText(),
             this.filters.showResolved,
             this.filters.showUnresolved
-        ))));
+        )))));
         this._register(this.filters.onDidChange((event) => {
             if (event.showResolved || event.showUnresolved) {
                 this.updateFilter();
@@ -101,6 +145,7 @@ let CommentsPanel = class CommentsPanel extends FilterViewPane {
     render() {
         super.render();
         this._register(registerNavigableContainer({
+            name: 'commentsView',
             focusNotifiers: [this, this.filterWidget],
             focusNextWidget: () => {
                 if (this.filterWidget.hasFocus()) {
@@ -130,21 +175,15 @@ let CommentsPanel = class CommentsPanel extends FilterViewPane {
         return this.cachedFilterStats;
     }
     updateFilter() {
-        this.filter.options = ( new FilterOptions(
+        this.filter.options = ( (new FilterOptions(
             this.filterWidget.getFilterText(),
             this.filters.showResolved,
             this.filters.showUnresolved
-        ));
+        )));
         this.tree?.filterComments();
         this.cachedFilterStats = undefined;
         const { total, filtered } = this.getFilterStats();
-        this.filterWidget.updateBadge(total === filtered || total === 0 ? undefined : ( localizeWithPath(
-            'vs/workbench/contrib/comments/browser/commentsView',
-            'showing filtered results',
-            "Showing {0} of {1}",
-            filtered,
-            total
-        )));
+        this.filterWidget.updateBadge(total === filtered || total === 0 ? undefined : ( localizeWithPath(_moduleId, 2, "Showing {0} of {1}", filtered, total)));
         this.filterWidget.checkMoreFilters(!this.filters.showResolved || !this.filters.showUnresolved);
     }
     renderBody(container) {
@@ -221,60 +260,90 @@ let CommentsPanel = class CommentsPanel extends FilterViewPane {
         this.messageBoxContainer.textContent = this.commentService.commentsModel.getMessage();
         this.messageBoxContainer.classList.toggle('hidden', this.commentService.commentsModel.hasCommentThreads());
     }
-    getAriaForNode(element) {
+    getScreenReaderInfoForNode(element, forAriaLabel) {
+        let accessibleViewHint = '';
+        if (forAriaLabel && this.configurationService.getValue("accessibility.verbosity.comments" )) {
+            const kbLabel = this.keybindingService.lookupKeybinding(AccessibleViewAction.id)?.getAriaLabel();
+            accessibleViewHint = kbLabel ? ( localizeWithPath(_moduleId, 3, "Inspect this in the accessible view ({0}).\n", kbLabel)) : ( localizeWithPath(
+                _moduleId,
+                4,
+                "Inspect this in the accessible view via the command Open Accessible View which is currently not triggerable via keybinding.\n"
+            ));
+        }
+        const replyCount = this.getReplyCountAsString(element, forAriaLabel);
+        const replies = this.getRepliesAsString(element, forAriaLabel);
         if (element.range) {
             if (element.threadRelevance === CommentThreadApplicability.Outdated) {
-                return ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsView',
-                    'resourceWithCommentLabelOutdated',
-                    "Outdated from ${0} at line {1} column {2} in {3}, source: {4}",
+                return accessibleViewHint + ( localizeWithPath(
+                    _moduleId,
+                    5,
+                    "Outdated from {0} at line {1} column {2} in {3},{4} comment: {5}",
                     element.comment.userName,
                     element.range.startLineNumber,
                     element.range.startColumn,
                     basename(element.resource),
+                    replyCount,
                     (typeof element.comment.body === 'string') ? element.comment.body : element.comment.body.value
-                ));
+                )) + replies;
             }
             else {
-                return ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsView',
-                    'resourceWithCommentLabel',
-                    "${0} at line {1} column {2} in {3}, source: {4}",
+                return accessibleViewHint + ( localizeWithPath(
+                    _moduleId,
+                    6,
+                    "{0} at line {1} column {2} in {3},{4} comment: {5}",
                     element.comment.userName,
                     element.range.startLineNumber,
                     element.range.startColumn,
                     basename(element.resource),
+                    replyCount,
                     (typeof element.comment.body === 'string') ? element.comment.body : element.comment.body.value
-                ));
+                )) + replies;
             }
         }
         else {
             if (element.threadRelevance === CommentThreadApplicability.Outdated) {
-                return ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsView',
-                    'resourceWithCommentLabelFileOutdated',
-                    "Outdated from {0} in {1}, source: {2}",
+                return accessibleViewHint + ( localizeWithPath(
+                    _moduleId,
+                    7,
+                    "Outdated from {0} in {1},{2} comment: {3}",
                     element.comment.userName,
                     basename(element.resource),
+                    replyCount,
                     (typeof element.comment.body === 'string') ? element.comment.body : element.comment.body.value
-                ));
+                )) + replies;
             }
             else {
-                return ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsView',
-                    'resourceWithCommentLabelFile',
-                    "{0} in {1}, source: {2}",
+                return accessibleViewHint + ( localizeWithPath(
+                    _moduleId,
+                    8,
+                    "{0} in {1},{2} comment: {3}",
                     element.comment.userName,
                     basename(element.resource),
+                    replyCount,
                     (typeof element.comment.body === 'string') ? element.comment.body : element.comment.body.value
-                ));
+                )) + replies;
             }
         }
     }
+    getRepliesAsString(node, forAriaLabel) {
+        if (!node.replies.length || forAriaLabel) {
+            return '';
+        }
+        return '\n' + ( (node.replies.map(reply => ( localizeWithPath(
+            _moduleId,
+            9,
+            "{0} {1}",
+            reply.comment.userName,
+            (typeof reply.comment.body === 'string') ? reply.comment.body : reply.comment.body.value
+        ))))).join('\n');
+    }
+    getReplyCountAsString(node, forAriaLabel) {
+        return node.replies.length && !forAriaLabel ? ( localizeWithPath(_moduleId, 10, " {0} replies,", node.replies.length)) : '';
+    }
     createTree() {
         this.treeLabels = this._register(this.instantiationService.createInstance(ResourceLabels, this));
         this.tree = this._register(this.instantiationService.createInstance(CommentsList, this.treeLabels, this.treeContainer, {
-            overrideStyles: { listBackground: this.getBackgroundColor() },
+            overrideStyles: this.getLocationBasedColors().listOverrideStyles,
             selectionNavigation: true,
             filter: this.filter,
             keyboardNavigationLabelProvider: {
@@ -285,23 +354,19 @@ let CommentsPanel = class CommentsPanel extends FilterViewPane {
             accessibilityProvider: {
                 getAriaLabel: (element) => {
                     if (element instanceof CommentsModel) {
-                        return ( localizeWithPath(
-                            'vs/workbench/contrib/comments/browser/commentsView',
-                            'rootCommentsLabel',
-                            "Comments for current workspace"
-                        ));
+                        return ( localizeWithPath(_moduleId, 11, "Comments for current workspace"));
                     }
                     if (element instanceof ResourceWithCommentThreads) {
                         return ( localizeWithPath(
-                            'vs/workbench/contrib/comments/browser/commentsView',
-                            'resourceWithCommentThreadsLabel',
+                            _moduleId,
+                            12,
                             "Comments in {0}, full path {1}",
                             basename(element.resource),
                             element.resource.fsPath
                         ));
                     }
                     if (element instanceof CommentNode) {
-                        return this.getAriaForNode(element);
+                        return this.getScreenReaderInfoForNode(element, true);
                     }
                     return '';
                 },
@@ -400,19 +465,20 @@ let CommentsPanel = class CommentsPanel extends FilterViewPane {
         return false;
     }
 };
-CommentsPanel = ( __decorate([
-    ( __param(1, IInstantiationService)),
-    ( __param(2, IViewDescriptorService)),
-    ( __param(3, IEditorService)),
-    ( __param(4, IConfigurationService)),
-    ( __param(5, IContextKeyService)),
-    ( __param(6, IContextMenuService)),
-    ( __param(7, IKeybindingService)),
-    ( __param(8, IOpenerService)),
-    ( __param(9, IThemeService)),
-    ( __param(10, ICommentService)),
-    ( __param(11, ITelemetryService)),
-    ( __param(12, IUriIdentityService)),
-    ( __param(13, IStorageService))
-], CommentsPanel));
+CommentsPanel = ( (__decorate([
+    ( (__param(1, IInstantiationService))),
+    ( (__param(2, IViewDescriptorService))),
+    ( (__param(3, IEditorService))),
+    ( (__param(4, IConfigurationService))),
+    ( (__param(5, IContextKeyService))),
+    ( (__param(6, IContextMenuService))),
+    ( (__param(7, IKeybindingService))),
+    ( (__param(8, IOpenerService))),
+    ( (__param(9, IThemeService))),
+    ( (__param(10, ICommentService))),
+    ( (__param(11, ITelemetryService))),
+    ( (__param(12, IHoverService))),
+    ( (__param(13, IUriIdentityService))),
+    ( (__param(14, IStorageService)))
+], CommentsPanel)));
 export { CONTEXT_KEY_HAS_COMMENTS, CONTEXT_KEY_SOME_COMMENTS_EXPANDED, CommentsPanel };

package/vscode/src/vs/workbench/contrib/comments/browser/commentsViewActions.js

@@ -8,13 +8,14 @@ import { ViewAction } from '../../../browser/parts/views/viewPane.js';
 import { COMMENTS_VIEW_ID } from './commentsTreeViewer.js';
 import { FocusedViewContext } from '../../../common/contextkeys.js';
 import { viewFilterSubmenu } from '../../../browser/parts/views/viewFilter.js';
-const CONTEXT_KEY_SHOW_RESOLVED = ( new RawContextKey('commentsView.showResolvedFilter', true));
-const CONTEXT_KEY_SHOW_UNRESOLVED = ( new RawContextKey('commentsView.showUnResolvedFilter', true));
+const _moduleId = "vs/workbench/contrib/comments/browser/commentsViewActions";
+const CONTEXT_KEY_SHOW_RESOLVED = ( (new RawContextKey('commentsView.showResolvedFilter', true)));
+const CONTEXT_KEY_SHOW_UNRESOLVED = ( (new RawContextKey('commentsView.showUnResolvedFilter', true)));
 class CommentsFilters extends Disposable {
     constructor(options, contextKeyService) {
         super();
         this.contextKeyService = contextKeyService;
-        this._onDidChange = this._register(( new Emitter()));
+        this._onDidChange = this._register(( (new Emitter())));
         this.onDidChange = this._onDidChange.event;
         this._showUnresolved = CONTEXT_KEY_SHOW_UNRESOLVED.bindTo(this.contextKeyService);
         this._showResolved = CONTEXT_KEY_SHOW_RESOLVED.bindTo(this.contextKeyService);
@@ -44,11 +45,7 @@ registerAction2(class extends ViewAction {
     constructor() {
         super({
             id: 'commentsFocusViewFromFilter',
-            title: ( localizeWithPath(
-                'vs/workbench/contrib/comments/browser/commentsViewActions',
-                'focusCommentsList',
-                "Focus Comments view"
-            )),
+            title: ( localizeWithPath(_moduleId, 0, "Focus Comments view")),
             keybinding: {
                 when: CommentsViewFilterFocusContextKey,
                 weight: 200 ,
@@ -65,11 +62,7 @@ registerAction2(class extends ViewAction {
     constructor() {
         super({
             id: 'commentsClearFilterText',
-            title: ( localizeWithPath(
-                'vs/workbench/contrib/comments/browser/commentsViewActions',
-                'commentsClearFilterText',
-                "Clear filter text"
-            )),
+            title: ( localizeWithPath(_moduleId, 1, "Clear filter text")),
             keybinding: {
                 when: CommentsViewFilterFocusContextKey,
                 weight: 200 ,
@@ -86,13 +79,9 @@ registerAction2(class extends ViewAction {
     constructor() {
         super({
             id: 'commentsFocusFilter',
-            title: ( localizeWithPath(
-                'vs/workbench/contrib/comments/browser/commentsViewActions',
-                'focusCommentsFilter',
-                "Focus comments filter"
-            )),
+            title: ( localizeWithPath(_moduleId, 2, "Focus comments filter")),
             keybinding: {
-                when: ( FocusedViewContext.isEqualTo(COMMENTS_VIEW_ID)),
+                when: ( (FocusedViewContext.isEqualTo(COMMENTS_VIEW_ID))),
                 weight: 200 ,
                 primary: 2048  | 36
             },
@@ -107,28 +96,16 @@ registerAction2(class extends ViewAction {
     constructor() {
         super({
             id: `workbench.actions.${COMMENTS_VIEW_ID}.toggleUnResolvedComments`,
-            title: ( localizeWithPath(
-                'vs/workbench/contrib/comments/browser/commentsViewActions',
-                'toggle unresolved',
-                "Show Unresolved"
-            )),
-            category: ( localizeWithPath(
-                'vs/workbench/contrib/comments/browser/commentsViewActions',
-                'comments',
-                "Comments"
-            )),
+            title: ( localizeWithPath(_moduleId, 3, "Show Unresolved")),
+            category: ( localizeWithPath(_moduleId, 4, "Comments")),
             toggled: {
                 condition: CONTEXT_KEY_SHOW_UNRESOLVED,
-                title: ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsViewActions',
-                    'unresolved',
-                    "Show Unresolved"
-                )),
+                title: ( localizeWithPath(_moduleId, 5, "Show Unresolved")),
             },
             menu: {
                 id: viewFilterSubmenu,
                 group: '1_filter',
-                when: ( ContextKeyExpr.equals('view', COMMENTS_VIEW_ID)),
+                when: ( (ContextKeyExpr.equals('view', COMMENTS_VIEW_ID))),
                 order: 1
             },
             viewId: COMMENTS_VIEW_ID
@@ -142,28 +119,16 @@ registerAction2(class extends ViewAction {
     constructor() {
         super({
             id: `workbench.actions.${COMMENTS_VIEW_ID}.toggleResolvedComments`,
-            title: ( localizeWithPath(
-                'vs/workbench/contrib/comments/browser/commentsViewActions',
-                'toggle resolved',
-                "Show Resolved"
-            )),
-            category: ( localizeWithPath(
-                'vs/workbench/contrib/comments/browser/commentsViewActions',
-                'comments',
-                "Comments"
-            )),
+            title: ( localizeWithPath(_moduleId, 6, "Show Resolved")),
+            category: ( localizeWithPath(_moduleId, 4, "Comments")),
             toggled: {
                 condition: CONTEXT_KEY_SHOW_RESOLVED,
-                title: ( localizeWithPath(
-                    'vs/workbench/contrib/comments/browser/commentsViewActions',
-                    'resolved',
-                    "Show Resolved"
-                )),
+                title: ( localizeWithPath(_moduleId, 7, "Show Resolved")),
             },
             menu: {
                 id: viewFilterSubmenu,
                 group: '1_filter',
-                when: ( ContextKeyExpr.equals('view', COMMENTS_VIEW_ID)),
+                when: ( (ContextKeyExpr.equals('view', COMMENTS_VIEW_ID))),
                 order: 1
             },
             viewId: COMMENTS_VIEW_ID

package/vscode/src/vs/workbench/contrib/comments/browser/media/review.css.js

@@ -1,4 +1,4 @@
 import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
-var css = ".review-widget{position:absolute;width:100%}.monaco-editor .review-widget{background-color:var(--vscode-peekViewResult-background)}.review-widget .hidden{display:none!important}.review-widget .body{overflow:hidden}.review-widget .body .review-comment{display:flex;padding:8px 16px 8px 20px}@keyframes monaco-review-widget-focus{0%{background:var(--vscode-peekViewResult-selectionBackground)}to{background:transparent}}.review-widget .body .review-comment.focus{animation:monaco-review-widget-focus 3s ease 0s}.review-widget .body .review-comment .comment-actions{margin-left:auto}.review-widget .body .review-comment .comment-actions .monaco-toolbar{height:22px}.review-widget .body .review-comment .comment-title .comment-header-info{overflow:hidden;text-overflow:ellipsis}.review-widget .body .review-comment .comment-title{display:flex;width:100%}.review-widget .body .review-comment .comment-title .action-label.codicon{line-height:18px}.review-widget .body .review-comment .comment-title .monaco-dropdown .toolbar-toggle-more{height:18px;line-height:18px;vertical-align:middle;width:16px}.review-widget .body .comment-body blockquote{border-left-style:solid;border-left-width:5px;margin:0 7px 0 5px;padding:0 16px 0 10px}.review-widget .body .review-comment .avatar-container{margin-top:4px!important}.review-widget .body .review-comment .avatar-container img.avatar{border-radius:3px;border-style:none;display:inline-block;height:28px;line-height:1;overflow:hidden;vertical-align:middle;width:28px}.review-widget .body .comment-reactions .monaco-text-button{background-color:transparent;border:1px solid grey;border-radius:3px;margin:0 7px 0 0;width:30px}.review-widget .body .review-comment .review-comment-contents{overflow:hidden;padding-left:20px;user-select:text;-webkit-user-select:text;width:100%}.review-widget .body pre{word-wrap:normal;overflow:auto;white-space:pre}.review-widget .body .review-comment .review-comment-contents .author{line-height:22px}.review-widget .body .review-comment .review-comment-contents .isPending{font-style:italic;line-height:22px;margin:0 5px;padding:0 2px}.review-widget .body .review-comment .review-comment-contents .timestamp{line-height:22px;margin:0 5px;padding:0 2px}.review-widget .body .review-comment .review-comment-contents .comment-body .comment-body-plainstring{white-space:pre-wrap}.review-widget .body .review-comment .review-comment-contents .comment-body{padding-top:4px}.review-widget .body .review-comment .review-comment-contents .comment-body-max-height{max-height:20em}.review-widget .body .review-comment .review-comment-contents .comment-reactions{margin-top:8px;min-height:25px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label{display:flex;font-size:12px;padding:1px 4px;text-align:center;white-space:pre}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label .reaction-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:0;background-repeat:no-repeat;background-size:14px;display:inline-block;margin-right:4px;width:14px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label .reaction-label{line-height:20px;margin-right:4px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.toolbar-toggle-pickReactions{background-position:50%;background-repeat:no-repeat;background-size:16px;border:none;display:none;font-size:16px;height:16px;margin-top:3px;width:26px}.review-widget .body .review-comment .review-comment-contents .comment-reactions:hover .action-item a.action-label.toolbar-toggle-pickReactions{background-size:16px;display:inline-block}.review-widget .body .review-comment .comment-title .action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block;height:16px;line-height:16px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label{border:1px solid}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.disabled{opacity:.6}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.active:hover{background-color:var(--vscode-statusBarItem-hoverBackground)}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label:active{background-color:var(--vscode-statusBarItem-activeBackground);border:1px solid transparent}.review-widget .body .review-comment .review-comment-contents a{cursor:pointer}.review-widget .body .comment-body p,.review-widget .body .comment-body ul{margin:8px 0}.review-widget .body .comment-body p:first-child,.review-widget .body .comment-body ul:first-child{margin-top:0}.review-widget .body .comment-body p:last-child,.review-widget .body.comment-body ul:last-child{margin-bottom:0}.review-widget .body .comment-body ul{padding-left:20px}.review-widget .body .comment-body li>p{margin-bottom:0}.review-widget .body .comment-body li>ul{margin-top:0}.review-widget .body .comment-body code{border-radius:3px;padding:0 .4em}.review-widget .body .comment-body span{white-space:pre}.review-widget .body .comment-body img{max-width:100%}.review-widget .body .comment-form{margin:8px 20px}.review-widget .validation-error{word-wrap:break-word;box-sizing:border-box;display:inline-block;font-size:12px;line-height:17px;margin-left:-1px;margin-top:-1px;min-height:34px;overflow:hidden;padding:.4em;text-align:left;width:100%}.review-widget .body .comment-additional-actions{margin:10px 20px}.review-widget .body .comment-additional-actions .section-separator{border-top:1px solid var(--vscode-menu-separatorBackground);margin:10px 0 14px}.review-widget .body .comment-additional-actions .button-bar{display:flex;white-space:nowrap}.review-widget .body .comment-additional-actions .monaco-button,.review-widget .body .comment-additional-actions .monaco-button-dropdown,.review-widget .body .comment-additional-actions .monaco-text-button{display:flex;width:auto}.review-widget .body .comment-additional-actions .button-bar>.monaco-button-dropdown,.review-widget .body .comment-additional-actions .button-bar>.monaco-text-button{margin:0 10px 0 0}.review-widget .body .comment-additional-actions .button-bar .monaco-text-button{padding:4px 10px}.review-widget .body .comment-additional-actions .codicon-drop-down-button{align-items:center}.review-widget .body .monaco-editor{color:var(--vscode-editor-foreground)}.review-widget .body .comment-form.expand .review-thread-reply-button{display:none}.review-widget .body .comment-form.expand .form-actions,.review-widget .body .comment-form.expand .monaco-editor{box-sizing:content-box;display:block}.review-widget .body .comment-form .review-thread-reply-button{background-color:var(--vscode-editorCommentsWidget-replyInputBackground);border:0;border-radius:0;box-sizing:border-box;color:var(--vscode-editor-foreground);display:block;font-family:var(--monaco-monospace-font);font-size:inherit;font-weight:600;line-height:20px;outline:1px solid transparent;padding:6px 12px;resize:vertical;text-align:left;white-space:nowrap;width:100%}.review-widget .body .comment-form .review-thread-reply-button:focus{outline-style:solid;outline-width:1px}.review-widget .body .comment-form .monaco-editor,.review-widget .body .comment-form .monaco-editor .monaco-editor-background,.review-widget .body .edit-container .monaco-editor .monaco-editor-background{background-color:var(--vscode-editorCommentsWidget-replyInputBackground)}.review-widget .body .comment-form .monaco-editor,.review-widget .body .edit-container .monaco-editor{border:0;border-radius:3px;box-sizing:content-box;max-height:500px;min-height:90px;padding:6px 0 6px 12px;width:100%}.review-widget .body .comment-form .form-actions,.review-widget .body .comment-form .monaco-editor{display:none}.review-widget .body .comment-form .form-actions,.review-widget .body .edit-container .form-actions{margin:10px 0;overflow:auto}.review-widget .body .edit-container .form-actions{padding-top:10px}.review-widget .body .edit-textarea{margin:5px 12px 10px 0}.review-widget .body .comment-form .monaco-text-button,.review-widget .body .edit-container .monaco-text-button{margin-left:5px;padding:4px 10px;width:auto}.review-widget .body .form-actions .monaco-text-button{float:right}.review-widget .head{box-sizing:border-box;display:flex;height:100%}.review-widget .head .review-title{cursor:default;display:inline-block;font-size:13px;margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-widget .head .review-title .dirname:not(:empty){font-size:.9em;margin-left:.5em}.review-widget .head .review-actions{flex:1;padding-right:2px;text-align:right}.review-widget .head .review-actions>.monaco-action-bar{display:inline-block}.review-widget .head .review-actions>.monaco-action-bar,.review-widget .head .review-actions>.monaco-action-bar>.actions-container{height:100%}.review-widget .action-item{margin-left:4px;min-height:20px;min-width:18px}.review-widget .head .review-actions>.monaco-action-bar .action-label{background-position:50%;background-repeat:no-repeat;line-height:inherit;margin:0}.review-widget .head .review-actions>.monaco-action-bar .action-label.codicon{margin:0}.review-widget>.body{border-top:1px solid;position:relative}.monaco-editor .comment-range-glyph{cursor:pointer;margin-left:10px;width:4px!important;z-index:10}div.preview.inline .monaco-editor .comment-range-glyph{display:none!important}.monaco-editor .comment-diff-added{border-left-style:solid;border-left-width:3px}.monaco-editor .comment-diff-added,.monaco-editor .comment-range-glyph.multiline-add{border-left-color:var(--vscode-editorGutter-commentRangeForeground)}.monaco-editor .comment-diff-added:before,.monaco-editor .comment-range-glyph.line-hover:before,.monaco-editor .comment-thread-unresolved:before,.monaco-editor .comment-thread:before{background:var(--vscode-editorGutter-commentRangeForeground)}.monaco-editor .comment-thread-range{background-color:var(--vscode-editorCommentsWidget-rangeBackground)}.monaco-editor .comment-thread-range-current{background-color:var(--vscode-editorCommentsWidget-rangeActiveBackground)}.monaco-editor .margin-view-overlays .comment-range-glyph.comment-thread,.monaco-editor .margin-view-overlays .comment-range-glyph.comment-thread-unresolved,.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover{margin-left:13px}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before,.monaco-editor .comment-range-glyph.comment-thread:before,.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover:before,.monaco-editor .margin-view-overlays>div:hover>.comment-range-glyph.comment-diff-added:before{align-items:center;color:var(--vscode-editorGutter-commentGlyphForeground);display:flex;flex-direction:row;height:100%;justify-content:center;left:-6px;position:absolute;text-align:center;width:9px;z-index:10}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before{color:var(--vscode-editorGutter-commentUnresolvedGlyphForeground)}.monaco-editor .margin-view-overlays .comment-range-glyph.multiline-add{border-left-style:dotted;border-left-width:3px;height:16px;margin-top:2px}.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover:before,.monaco-editor .margin-view-overlays>div:hover>.comment-range-glyph.comment-diff-added:before{border-radius:3px;content:\"\\ea60\";font-family:codicon;margin-left:-5px;padding-left:1px;width:18px!important}.monaco-editor .comment-range-glyph.comment-thread,.monaco-editor .comment-range-glyph.comment-thread-unresolved{z-index:20}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before,.monaco-editor .comment-range-glyph.comment-thread:before{border-radius:3px;font-family:codicon;font-size:13px;line-height:100%;margin-left:-5px;padding-left:1px;padding-top:1px;width:18px!important;z-index:20}.monaco-editor .comment-range-glyph.comment-thread:before{content:\"\\ea6b\"}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before{content:\"\\ec0a\"}.monaco-editor.inline-comment .margin-view-overlays .codicon-folding-collapsed,.monaco-editor.inline-comment .margin-view-overlays .codicon-folding-expanded{margin-left:11px}.monaco-editor.inline-comment .margin-view-overlays .dirty-diff-glyph{margin-left:25px}";
+var css = ".review-widget{position:absolute;width:100%}.monaco-editor .review-widget{background-color:var(--vscode-peekViewResult-background)}.review-widget .hidden{display:none!important}.review-widget .body{overflow:hidden}.review-widget .body .review-comment{display:flex;padding:8px 16px 8px 20px}@keyframes monaco-review-widget-focus{0%{background:var(--vscode-peekViewResult-selectionBackground)}to{background:transparent}}.review-widget .body .review-comment.focus{animation:monaco-review-widget-focus 3s ease 0s}.review-widget .body .review-comment .comment-actions{margin-left:auto}.review-widget .body .review-comment .comment-actions .monaco-toolbar{height:22px}.review-widget .body .review-comment .comment-title .comment-header-info{overflow:hidden;text-overflow:ellipsis}.review-widget .body .review-comment .comment-title{display:flex;width:100%}.review-widget .body .review-comment .comment-title .action-label.codicon{line-height:18px}.review-widget .body .review-comment .comment-title .monaco-dropdown .toolbar-toggle-more{height:18px;line-height:18px;vertical-align:middle;width:16px}.review-widget .body .comment-body blockquote{border-left-style:solid;border-left-width:5px;margin:0 7px 0 5px;padding:0 16px 0 10px}.review-widget .body .review-comment .avatar-container{margin-top:4px!important}.review-widget .body .review-comment .avatar-container img.avatar{border-radius:3px;border-style:none;display:inline-block;height:28px;line-height:1;overflow:hidden;vertical-align:middle;width:28px}.review-widget .body .comment-reactions .monaco-text-button{background-color:transparent;border:1px solid grey;border-radius:3px;margin:0 7px 0 0;width:30px}.review-widget .body .review-comment .review-comment-contents{overflow:hidden;padding-left:20px;user-select:text;-webkit-user-select:text;width:100%}.review-widget .body pre{word-wrap:normal;overflow:auto;white-space:pre}.review-widget .body .review-comment .review-comment-contents .author{line-height:22px}.review-widget .body .review-comment .review-comment-contents .isPending{font-style:italic;line-height:22px;margin:0 5px;padding:0 2px}.review-widget .body .review-comment .review-comment-contents .timestamp{line-height:22px;margin:0 5px;padding:0 2px}.review-widget .body .review-comment .review-comment-contents .comment-body .comment-body-plainstring{white-space:pre-wrap}.review-widget .body .review-comment .review-comment-contents .comment-body{padding-top:4px}.review-widget .body .review-comment .review-comment-contents .comment-body-max-height{max-height:20em}.review-widget .body .review-comment .review-comment-contents .comment-reactions{margin-top:8px;min-height:25px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label{display:flex;font-size:12px;padding:1px 4px;text-align:center;white-space:pre}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label .reaction-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:0;background-repeat:no-repeat;background-size:14px;display:inline-block;margin-right:4px;width:14px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item .action-label .reaction-label{line-height:20px;margin-right:4px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.toolbar-toggle-pickReactions{background-position:50%;background-repeat:no-repeat;background-size:16px;border:none;display:none;font-size:16px;height:16px;margin-top:3px;width:26px}.review-widget .body .review-comment .review-comment-contents .comment-reactions:hover .action-item a.action-label.toolbar-toggle-pickReactions{background-size:16px;display:inline-block}.review-widget .body .review-comment .comment-title .action-label{background-position:50%;background-repeat:no-repeat;background-size:16px;display:block;height:16px;line-height:16px}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label{border:1px solid}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.disabled{opacity:.6}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.active:hover{background-color:var(--vscode-statusBarItem-hoverBackground)}.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label:active{background-color:var(--vscode-statusBarItem-activeBackground);border:1px solid transparent}.review-widget .body .review-comment .review-comment-contents a{cursor:pointer}.review-widget .body .comment-body p,.review-widget .body .comment-body ul{margin:8px 0}.review-widget .body .comment-body p:first-child,.review-widget .body .comment-body ul:first-child{margin-top:0}.review-widget .body .comment-body p:last-child,.review-widget .body.comment-body ul:last-child{margin-bottom:0}.review-widget .body .comment-body ul{padding-left:20px}.review-widget .body .comment-body li>p{margin-bottom:0}.review-widget .body .comment-body li>ul{margin-top:0}.review-widget .body .comment-body code{border-radius:3px;padding:0 .4em}.review-widget .body .comment-body span{white-space:pre}.review-widget .body .comment-body img{max-width:100%}.review-widget .body .comment-form{margin:8px 20px}.review-widget .validation-error{word-wrap:break-word;box-sizing:border-box;display:inline-block;font-size:12px;line-height:17px;margin-left:-1px;margin-top:-1px;min-height:34px;overflow:hidden;padding:.4em;text-align:left;width:100%}.review-widget .body .comment-additional-actions{margin:10px 20px}.review-widget .body .comment-additional-actions .section-separator{border-top:1px solid var(--vscode-menu-separatorBackground);margin:10px 0 14px}.review-widget .body .comment-additional-actions .button-bar{display:flex;white-space:nowrap}.review-widget .body .comment-additional-actions .monaco-button,.review-widget .body .comment-additional-actions .monaco-button-dropdown,.review-widget .body .comment-additional-actions .monaco-text-button{display:flex;width:auto}.review-widget .body .comment-additional-actions .button-bar>.monaco-button-dropdown,.review-widget .body .comment-additional-actions .button-bar>.monaco-text-button{margin:0 10px 0 0}.review-widget .body .comment-additional-actions .button-bar .monaco-text-button{padding:4px 10px}.review-widget .body .comment-additional-actions .codicon-drop-down-button{align-items:center}.review-widget .body .monaco-editor{color:var(--vscode-editor-foreground)}.review-widget .body .comment-form.expand .review-thread-reply-button{display:none}.review-widget .body .comment-form.expand .form-actions,.review-widget .body .comment-form.expand .monaco-editor{box-sizing:content-box;display:block}.review-widget .body .comment-form .review-thread-reply-button{background-color:var(--vscode-editorCommentsWidget-replyInputBackground);border:0;border-radius:0;box-sizing:border-box;color:var(--vscode-editor-foreground);display:block;font-family:var(--monaco-monospace-font);font-size:inherit;font-weight:600;line-height:20px;outline:1px solid transparent;padding:6px 12px;resize:vertical;text-align:left;white-space:nowrap;width:100%}.review-widget .body .comment-form .review-thread-reply-button:focus{outline-style:solid;outline-width:1px}.review-widget .body .comment-form .monaco-editor,.review-widget .body .comment-form .monaco-editor .monaco-editor-background,.review-widget .body .edit-container .monaco-editor .monaco-editor-background{background-color:var(--vscode-editorCommentsWidget-replyInputBackground)}.review-widget .body .comment-form .monaco-editor,.review-widget .body .edit-container .monaco-editor{border:0;border-radius:3px;box-sizing:content-box;max-height:500px;min-height:90px;padding:6px 0 6px 12px;width:100%}.review-widget .body .comment-form .form-actions,.review-widget .body .comment-form .monaco-editor{display:none}.review-widget .body .comment-form .form-actions,.review-widget .body .edit-container .form-actions{margin:10px 0;overflow:auto}.review-widget .body .edit-container .form-actions{padding-top:10px}.review-widget .body .edit-textarea{margin:5px 12px 10px 0}.review-widget .body .comment-form .form-actions .monaco-text-button,.review-widget .body .edit-container .monaco-text-button{margin-left:5px;padding:4px 10px;width:auto}.review-widget .body .form-actions .monaco-text-button{float:right}.review-widget .head{box-sizing:border-box;display:flex;height:100%}.review-widget .head .review-title{cursor:default;display:inline-block;font-size:13px;margin-left:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-widget .head .review-title .dirname:not(:empty){font-size:.9em;margin-left:.5em}.review-widget .head .review-actions{flex:1;padding-right:2px;text-align:right}.review-widget .head .review-actions>.monaco-action-bar{display:inline-block}.review-widget .head .review-actions>.monaco-action-bar,.review-widget .head .review-actions>.monaco-action-bar>.actions-container{height:100%}.review-widget .action-item{margin-left:4px;min-height:20px;min-width:18px}.review-widget .head .review-actions>.monaco-action-bar .action-label{background-position:50%;background-repeat:no-repeat;line-height:inherit;margin:0}.review-widget .head .review-actions>.monaco-action-bar .action-label.codicon{margin:0}.review-widget>.body{border-top:1px solid;position:relative}.monaco-editor .comment-range-glyph{cursor:pointer;margin-left:10px;width:4px!important;z-index:10}div.preview.inline .monaco-editor .comment-range-glyph{display:none!important}.monaco-editor .comment-diff-added{border-left-style:solid;border-left-width:3px}.monaco-editor .comment-diff-added,.monaco-editor .comment-range-glyph.multiline-add{border-left-color:var(--vscode-editorGutter-commentRangeForeground)}.monaco-editor .comment-diff-added:before,.monaco-editor .comment-range-glyph.line-hover:before,.monaco-editor .comment-thread-unresolved:before,.monaco-editor .comment-thread:before{background:var(--vscode-editorGutter-commentRangeForeground)}.monaco-editor .comment-thread-range{background-color:var(--vscode-editorCommentsWidget-rangeBackground)}.monaco-editor .comment-thread-range-current{background-color:var(--vscode-editorCommentsWidget-rangeActiveBackground)}.monaco-editor .margin-view-overlays .comment-range-glyph.comment-thread,.monaco-editor .margin-view-overlays .comment-range-glyph.comment-thread-unresolved,.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover{margin-left:13px}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before,.monaco-editor .comment-range-glyph.comment-thread:before,.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover:before,.monaco-editor .margin-view-overlays>div:hover>.comment-range-glyph.comment-diff-added:before{align-items:center;color:var(--vscode-editorGutter-commentGlyphForeground);display:flex;flex-direction:row;height:100%;justify-content:center;left:-6px;position:absolute;text-align:center;width:9px;z-index:10}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before{color:var(--vscode-editorGutter-commentUnresolvedGlyphForeground)}.monaco-editor .margin-view-overlays .comment-range-glyph.multiline-add{border-left-style:dotted;border-left-width:3px;height:16px;margin-top:2px}.monaco-editor .margin-view-overlays .comment-range-glyph.line-hover:before,.monaco-editor .margin-view-overlays>div:hover>.comment-range-glyph.comment-diff-added:before{border-radius:3px;content:var(--vscode-icon-plus-content);font-family:var(--vscode-icon-plus-font-family);font-family:codicon;margin-left:-5px;padding-left:1px;width:18px!important}.monaco-editor .comment-range-glyph.comment-thread,.monaco-editor .comment-range-glyph.comment-thread-unresolved{z-index:20}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before,.monaco-editor .comment-range-glyph.comment-thread:before{border-radius:3px;font-family:codicon;font-size:13px;line-height:100%;margin-left:-5px;padding-left:1px;padding-top:1px;width:18px!important;z-index:20}.monaco-editor .comment-range-glyph.comment-thread:before{content:var(--vscode-icon-comment-add-content);font-family:var(--vscode-icon-comment-add-font-family)}.monaco-editor .comment-range-glyph.comment-thread-unresolved:before{content:var(--vscode-icon-comment-unresolved-content);font-family:var(--vscode-icon-comment-unresolved-font-family)}.monaco-editor.inline-comment .margin-view-overlays .codicon-folding-collapsed,.monaco-editor.inline-comment .margin-view-overlays .codicon-folding-expanded{margin-left:11px}.monaco-editor.inline-comment .margin-view-overlays .dirty-diff-glyph{margin-left:25px}";
 n(css,{});
 export { css, css as default };

package/vscode/src/vs/workbench/contrib/comments/browser/reactionsAction.js

@@ -3,14 +3,11 @@ import { append, $, asCSSUrl } from '../../../../base/browser/dom.js';
 import { Action } from '../../../../base/common/actions.js';
 import { URI } from '../../../../base/common/uri.js';
 import { ActionViewItem } from '../../../../base/browser/ui/actionbar/actionViewItems.js';
+const _moduleId = "vs/workbench/contrib/comments/browser/reactionsAction";
 class ToggleReactionsAction extends Action {
     static { this.ID = 'toolbar.toggle.pickReactions'; }
     constructor(toggleDropdownMenu, title) {
-        super(ToggleReactionsAction.ID, title || ( localizeWithPath(
-            'vs/workbench/contrib/comments/browser/reactionsAction',
-            'pickReactions',
-            "Pick Reactions..."
-        )), 'toggle-reactions', true);
+        super(ToggleReactionsAction.ID, title || ( localizeWithPath(_moduleId, 0, "Pick Reactions...")), 'toggle-reactions', true);
         this._menuActions = [];
         this.toggleDropdownMenu = toggleDropdownMenu;
     }
@@ -53,58 +50,47 @@ class ReactionActionViewItem extends ActionViewItem {
     }
     getTooltip() {
         const action = this.action;
-        const toggleMessage = action.enabled ? ( localizeWithPath(
-            'vs/workbench/contrib/comments/browser/reactionsAction',
-            'comment.toggleableReaction',
-            "Toggle reaction, "
-        )) : '';
+        const toggleMessage = action.enabled ? ( localizeWithPath(_moduleId, 1, "Toggle reaction, ")) : '';
         if (action.count === undefined) {
-            return ( localizeWithPath('vs/workbench/contrib/comments/browser/reactionsAction', {
-                key: 'comment.reactionLabelNone', comment: [
-                    'This is a tooltip for an emoji button so that the current user can toggle their reaction to a comment.',
-                    'The first arg is localized message "Toggle reaction" or empty if the user doesn\'t have permission to toggle the reaction, the second is the name of the reaction.'
-                ]
-            }, "{0}{1} reaction", toggleMessage, action.label));
+            return ( localizeWithPath(_moduleId, 2, "{0}{1} reaction", toggleMessage, action.label));
         }
         else if (action.reactors === undefined || action.reactors.length === 0) {
             if (action.count === 1) {
-                return ( localizeWithPath('vs/workbench/contrib/comments/browser/reactionsAction', {
-                    key: 'comment.reactionLabelOne', comment: [
-                        'This is a tooltip for an emoji that is a "reaction" to a comment where the count of the reactions is 1.',
-                        'The emoji is also a button so that the current user can also toggle their own emoji reaction.',
-                        'The first arg is localized message "Toggle reaction" or empty if the user doesn\'t have permission to toggle the reaction, the second is the name of the reaction.'
-                    ]
-                }, "{0}1 reaction with {1}", toggleMessage, action.label));
+                return ( localizeWithPath(_moduleId, 3, "{0}1 reaction with {1}", toggleMessage, action.label));
             }
             else if (action.count > 1) {
-                return ( localizeWithPath('vs/workbench/contrib/comments/browser/reactionsAction', {
-                    key: 'comment.reactionLabelMany', comment: [
-                        'This is a tooltip for an emoji that is a "reaction" to a comment where the count of the reactions is greater than 1.',
-                        'The emoji is also a button so that the current user can also toggle their own emoji reaction.',
-                        'The first arg is localized message "Toggle reaction" or empty if the user doesn\'t have permission to toggle the reaction, the second is number of users who have reacted with that reaction, and the third is the name of the reaction.'
-                    ]
-                }, "{0}{1} reactions with {2}", toggleMessage, action.count, action.label));
+                return ( localizeWithPath(
+                    _moduleId,
+                    4,
+                    "{0}{1} reactions with {2}",
+                    toggleMessage,
+                    action.count,
+                    action.label
+                ));
             }
         }
         else {
             if (action.reactors.length <= 10 && action.reactors.length === action.count) {
-                return ( localizeWithPath('vs/workbench/contrib/comments/browser/reactionsAction', {
-                    key: 'comment.reactionLessThanTen', comment: [
-                        'This is a tooltip for an emoji that is a "reaction" to a comment where the count of the reactions is less than or equal to 10.',
-                        'The emoji is also a button so that the current user can also toggle their own emoji reaction.',
-                        'The first arg is localized message "Toggle reaction" or empty if the user doesn\'t have permission to toggle the reaction, the second iis a list of the reactors, and the third is the name of the reaction.'
-                    ]
-                }, "{0}{1} reacted with {2}", toggleMessage, action.reactors.join(', '), action.label));
+                return ( localizeWithPath(
+                    _moduleId,
+                    5,
+                    "{0}{1} reacted with {2}",
+                    toggleMessage,
+                    action.reactors.join(', '),
+                    action.label
+                ));
             }
             else if (action.count > 1) {
                 const displayedReactors = action.reactors.slice(0, 10);
-                return ( localizeWithPath('vs/workbench/contrib/comments/browser/reactionsAction', {
-                    key: 'comment.reactionMoreThanTen', comment: [
-                        'This is a tooltip for an emoji that is a "reaction" to a comment where the count of the reactions is less than or equal to 10.',
-                        'The emoji is also a button so that the current user can also toggle their own emoji reaction.',
-                        'The first arg is localized message "Toggle reaction" or empty if the user doesn\'t have permission to toggle the reaction, the second iis a list of the reactors, and the third is the name of the reaction.'
-                    ]
-                }, "{0}{1} and {2} more reacted with {3}", toggleMessage, displayedReactors.join(', '), action.count - displayedReactors.length, action.label));
+                return ( localizeWithPath(
+                    _moduleId,
+                    6,
+                    "{0}{1} and {2} more reacted with {3}",
+                    toggleMessage,
+                    displayedReactors.join(', '),
+                    action.count - displayedReactors.length,
+                    action.label
+                ));
             }
         }
         return undefined;