@codingame/monaco-vscode-api 2.2.2 → 3.1.0

package/vscode/src/vs/workbench/contrib/inlineChat/browser/inlineChatSession.js

@@ -114,12 +114,16 @@ class Session {
         this._teldata = {
             extension: provider.debugName,
             startTime: this._startTime.toISOString(),
-            edits: false,
+            endTime: this._startTime.toISOString(),
+            edits: 0,
             finishedByEdit: false,
             rounds: '',
             undos: '',
             editMode,
-            unstashed: 0
+            unstashed: 0,
+            acceptedHunks: 0,
+            discardedHunks: 0,
+            responseTypes: ''
         };
     }
     addInput(input) {
@@ -151,6 +155,7 @@ class Session {
         this._isUnstashed = false;
         const newLen = this._exchange.push(exchange);
         this._teldata.rounds += `${newLen}|`;
+        this._teldata.responseTypes += `${exchange.response instanceof ReplyResponse ? exchange.response.responseType : "empty" }|`;
     }
     get exchanges() {
         return this._exchange;
@@ -174,14 +179,22 @@ class Session {
         return this.textModelN.getValueInRange(( new Range(startLine, 1, endLine, Number.MAX_VALUE)));
     }
     recordExternalEditOccurred(didFinish) {
-        this._teldata.edits = true;
+        this._teldata.edits += 1;
         this._teldata.finishedByEdit = didFinish;
     }
     asTelemetryData() {
-        return {
-            ...this._teldata,
-            endTime: ( new Date()).toISOString(),
-        };
+        for (const item of this.hunkData.getInfo()) {
+            switch (item.getState()) {
+                case 1 :
+                    this._teldata.acceptedHunks += 1;
+                    break;
+                case 2 :
+                    this._teldata.discardedHunks += 1;
+                    break;
+            }
+        }
+        this._teldata.endTime = ( new Date()).toISOString();
+        return this._teldata;
     }
     asRecording() {
         const result = {
@@ -524,7 +537,9 @@ let HunkData = class HunkData {
     discardAll() {
         const edits = [];
         for (const item of this.getInfo()) {
-            edits.push(this._discardEdits(item));
+            if (item.getState() !== 2 ) {
+                edits.push(this._discardEdits(item));
+            }
         }
         const undoEdits = [];
         this._textModelN.pushEditOperations(null, edits.flat(), (_undoEdits) => {

package/vscode/src/vs/workbench/contrib/inlineChat/browser/inlineChatStrategies.js

@@ -25,6 +25,8 @@ import { CTX_INLINE_CHAT_DOCUMENT_CHANGED, CTX_INLINE_CHAT_CHANGE_HAS_DIFF, CTX_
 import { assertType } from '../../../../base/common/types.js';
 import { IModelService } from '../../../../editor/common/services/model.js';
 import { asProgressiveEdit, performAsyncTextEdit } from './utils.js';
+import { IAccessibilityService } from '../../../../platform/accessibility/common/accessibility.js';
+import { IConfigurationService } from '../../../../platform/configuration/common/configuration.js';
 class EditModeStrategy {
     static { this._decoBlock = ModelDecorationOptions.register({
         description: 'inline-chat',
@@ -122,7 +124,9 @@ let PreviewStrategy = class PreviewStrategy extends EditModeStrategy {
         return this._makeChanges(edits, obs, undefined, undefined);
     }
     async makeProgressiveChanges(edits, obs, opts) {
-        return this._makeChanges(edits, obs, opts, undefined);
+        await this._makeChanges(edits, obs, opts, ( new Progress(() => {
+            this._zone.widget.showEditsPreview(this._session.hunkData, this._session.textModel0, this._session.textModelN);
+        })));
     }
     async undoChanges(altVersionId) {
         const { textModelN } = this._session;
@@ -130,7 +134,7 @@ let PreviewStrategy = class PreviewStrategy extends EditModeStrategy {
     }
     async renderChanges(response) {
         if (response.allLocalEdits.length > 0) {
-            await this._zone.widget.showEditsPreview(this._session.textModel0, this._session.textModelN);
+            this._zone.widget.showEditsPreview(this._session.hunkData, this._session.textModel0, this._session.textModelN);
         }
         else {
             this._zone.widget.hideEditsPreview();
@@ -198,7 +202,7 @@ let LivePreviewStrategy = class LivePreviewStrategy extends EditModeStrategy {
             this._previewZone.value.showCreation(this._session.wholeRange.value.getStartPosition().delta(-1), response.untitledTextModel);
         }
         else {
-            this._previewZone.value.hide();
+            this._previewZone.rawValue?.hide();
         }
         return this._updateDiffZones();
     }
@@ -293,9 +297,11 @@ LivePreviewStrategy = ( __decorate([
     ( __param(3, IInstantiationService))
 ], LivePreviewStrategy));
 let LiveStrategy = class LiveStrategy extends EditModeStrategy {
-    constructor(session, editor, zone, contextKeyService, _editorWorkerService, _instaService) {
+    constructor(session, editor, zone, contextKeyService, _editorWorkerService, _accessibilityService, _configService, _instaService) {
         super(session, editor, zone);
         this._editorWorkerService = _editorWorkerService;
+        this._accessibilityService = _accessibilityService;
+        this._configService = _configService;
         this._instaService = _instaService;
         this._decoInsertedText = ModelDecorationOptions.register({
             description: 'inline-modified-line',
@@ -309,6 +315,7 @@ let LiveStrategy = class LiveStrategy extends EditModeStrategy {
         this._decoInsertedTextRange = ModelDecorationOptions.register({
             description: 'inline-chat-inserted-range-linehighlight',
             className: 'inline-chat-inserted-range',
+            stickiness: 1 ,
         });
         this.acceptHunk = () => super.acceptHunk();
         this.discardHunk = () => super.discardHunk();
@@ -381,7 +388,7 @@ let LiveStrategy = class LiveStrategy extends EditModeStrategy {
             this._previewZone.value.showCreation(this._session.wholeRange.value.getStartPosition().delta(-1), response.untitledTextModel);
         }
         else {
-            this._previewZone.value.hide();
+            this._previewZone.rawValue?.hide();
         }
         this._progressiveEditingDecorations.clear();
         const renderHunks = () => {
@@ -456,11 +463,38 @@ let LiveStrategy = class LiveStrategy extends EditModeStrategy {
                                 data.viewZoneId = undefined;
                             });
                         };
+                        const move = (next) => {
+                            assertType(widgetData);
+                            const candidates = [];
+                            for (const item of this._session.hunkData.getInfo()) {
+                                if (item.getState() === 0 ) {
+                                    candidates.push(item.getRangesN()[0].getStartPosition().delta(-1));
+                                }
+                            }
+                            if (candidates.length < 2) {
+                                return;
+                            }
+                            for (let i = 0; i < candidates.length; i++) {
+                                if (candidates[i].equals(widgetData.position)) {
+                                    let newPos;
+                                    if (next) {
+                                        newPos = candidates[(i + 1) % candidates.length];
+                                    }
+                                    else {
+                                        newPos = candidates[(i + candidates.length - 1) % candidates.length];
+                                    }
+                                    this._zone.updatePositionAndHeight(newPos);
+                                    renderHunks();
+                                    break;
+                                }
+                            }
+                        };
                         const zoneLineNumber = this._zone.position.lineNumber;
                         const myDistance = zoneLineNumber <= hunkRanges[0].startLineNumber
                             ? hunkRanges[0].startLineNumber - zoneLineNumber
                             : zoneLineNumber - hunkRanges[0].endLineNumber;
                         data = {
+                            hunk: hunkData,
                             decorationIds,
                             viewZoneId: '',
                             viewZone: viewZoneData,
@@ -470,6 +504,7 @@ let LiveStrategy = class LiveStrategy extends EditModeStrategy {
                             discardHunk,
                             toggleDiff: !hunkData.isInsertion() ? toggleDiff : undefined,
                             remove,
+                            move,
                         };
                         this._hunkDisplayData.set(hunkData, data);
                     }
@@ -501,10 +536,15 @@ let LiveStrategy = class LiveStrategy extends EditModeStrategy {
                 this._editor.revealPositionInCenterIfOutsideViewport(widgetData.position);
                 const remainingHunks = this._session.hunkData.pending;
                 this._updateSummaryMessage(remainingHunks);
+                const mode = this._configService.getValue("inlineChat.accessibleDiffView" );
+                if (mode === 'on' || mode === 'auto' && this._accessibilityService.isScreenReaderOptimized()) {
+                    this._zone.widget.showAccessibleHunk(this._session, widgetData.hunk);
+                }
                 this._ctxCurrentChangeHasDiff.set(Boolean(widgetData.toggleDiff));
                 this.toggleDiff = widgetData.toggleDiff;
                 this.acceptHunk = async () => widgetData.acceptHunk();
                 this.discardHunk = async () => widgetData.discardHunk();
+                this.move = next => widgetData.move(next);
             }
             else if (this._hunkDisplayData.size > 0) {
                 let oneAccepted = false;
@@ -561,7 +601,9 @@ let LiveStrategy = class LiveStrategy extends EditModeStrategy {
 LiveStrategy = ( __decorate([
     ( __param(3, IContextKeyService)),
     ( __param(4, IEditorWorkerService)),
-    ( __param(5, IInstantiationService))
+    ( __param(5, IAccessibilityService)),
+    ( __param(6, IConfigurationService)),
+    ( __param(7, IInstantiationService))
 ], LiveStrategy));
 async function undoModelUntil(model, targetAltVersion) {
     while (targetAltVersion < model.getAlternativeVersionId() && model.canUndo()) {

package/vscode/src/vs/workbench/contrib/inlineChat/browser/inlineChatWidget.js

@@ -1,52 +1,56 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import './inlineChat.css.js';
-import { DisposableStore, MutableDisposable, toDisposable } from '../../../../base/common/lifecycle.js';
-import { Range } from '../../../../editor/common/core/range.js';
-import { localizeWithPath } from '../../../../nls.js';
-import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
-import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
-import { ZoneWidget } from '../../../../editor/contrib/zoneWidget/browser/zoneWidget.js';
-import { CTX_INLINE_CHAT_MESSAGE_CROP_STATE, CTX_INLINE_CHAT_EMPTY, CTX_INLINE_CHAT_INNER_CURSOR_FIRST, CTX_INLINE_CHAT_INNER_CURSOR_LAST, CTX_INLINE_CHAT_INNER_CURSOR_START, CTX_INLINE_CHAT_INNER_CURSOR_END, CTX_INLINE_CHAT_FOCUSED, CTX_INLINE_CHAT_RESPONSE_FOCUSED, MENU_INLINE_CHAT_WIDGET_MARKDOWN_MESSAGE, ACTION_REGENERATE_RESPONSE, ACTION_VIEW_IN_CHAT, ACTION_ACCEPT_CHANGES, CTX_INLINE_CHAT_VISIBLE, CTX_INLINE_CHAT_OUTER_CURSOR_POSITION, MENU_INLINE_CHAT_INPUT, MENU_INLINE_CHAT_WIDGET, MENU_INLINE_CHAT_WIDGET_STATUS, MENU_INLINE_CHAT_WIDGET_FEEDBACK } from '../common/inlineChat.js';
 import { h, addDisposableListener, getTotalWidth, Dimension, getTotalHeight, reset, getActiveElement } from '../../../../base/browser/dom.js';
+import { renderFormattedText } from '../../../../base/browser/formattedTextRenderer.js';
+import { status } from '../../../../base/browser/ui/aria/aria.js';
+import { renderLabelWithIcons } from '../../../../base/browser/ui/iconLabel/iconLabels.js';
+import { ProgressBar } from '../../../../base/browser/ui/progressbar/progressbar.js';
 import { MicrotaskEmitter, Event, Emitter } from '../../../../base/common/event.js';
-import { EditorExtensionsRegistry } from '../../../../editor/browser/editorExtensions.js';
-import { SnippetController2 } from '../../../../editor/contrib/snippet/browser/snippetController2.js';
-import { IModelService } from '../../../../editor/common/services/model.js';
+import { MarkdownString } from '../../../../base/common/htmlContent.js';
+import { Lazy } from '../../../../base/common/lazy.js';
+import { DisposableStore, MutableDisposable, toDisposable } from '../../../../base/common/lifecycle.js';
+import { assertType } from '../../../../base/common/types.js';
 import { URI } from '../../../../base/common/uri.js';
+import './inlineChat.css.js';
+import { EditorExtensionsRegistry } from '../../../../editor/browser/editorExtensions.js';
+import { AccessibleDiffViewer } from '../../../../editor/browser/widget/diffEditor/components/accessibleDiffViewer.js';
 import { EmbeddedCodeEditorWidget, EmbeddedDiffEditorWidget } from '../../../../editor/browser/widget/embeddedCodeEditorWidget.js';
-import { MenuWorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
-import { ProgressBar } from '../../../../base/browser/ui/progressbar/progressbar.js';
-import { SuggestController } from '../../../../editor/contrib/suggest/browser/suggestController.js';
-import { DEFAULT_FONT_FAMILY } from '../../../browser/style.js';
-import { ResourceLabel } from '../../../browser/labels.js';
-import { FileKind } from '../../../../platform/files/common/files.js';
-import { ILanguageFeaturesService } from '../../../../editor/common/services/languageFeatures.js';
-import { invertLineRange, asRange } from './utils.js';
 import { LineRange } from '../../../../editor/common/core/lineRange.js';
+import { Range } from '../../../../editor/common/core/range.js';
+import { DetailedLineRangeMapping, RangeMapping } from '../../../../editor/common/diff/rangeMapping.js';
+import { ILanguageFeaturesService } from '../../../../editor/common/services/languageFeatures.js';
+import { IModelService } from '../../../../editor/common/services/model.js';
+import { ITextModelService } from '../../../../editor/common/services/resolverService.js';
+import { SnippetController2 } from '../../../../editor/contrib/snippet/browser/snippetController2.js';
+import { SuggestController } from '../../../../editor/contrib/suggest/browser/suggestController.js';
+import { ZoneWidget } from '../../../../editor/contrib/zoneWidget/browser/zoneWidget.js';
+import { localizeWithPath } from '../../../../nls.js';
 import { IAccessibilityService } from '../../../../platform/accessibility/common/accessibility.js';
+import { MenuWorkbenchButtonBar } from '../../../../platform/actions/browser/buttonbar.js';
+import { MenuWorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.js';
+import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
+import { FileKind } from '../../../../platform/files/common/files.js';
+import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.js';
-import { renderLabelWithIcons } from '../../../../base/browser/ui/iconLabel/iconLabels.js';
-import { ExpansionState } from './inlineChatSession.js';
-import { status } from '../../../../base/browser/ui/aria/aria.js';
-import { MenuWorkbenchButtonBar } from '../../../../platform/actions/browser/buttonbar.js';
-import { SlashCommandContentWidget } from '../../chat/browser/chatSlashCommandContentWidget.js';
-import { IAccessibleViewService } from '../../accessibility/browser/accessibleView.js';
-import { assertType } from '../../../../base/common/types.js';
-import { renderFormattedText } from '../../../../base/browser/formattedTextRenderer.js';
-import { MarkdownString } from '../../../../base/common/htmlContent.js';
-import { ChatEditorOptions } from '../../chat/browser/chatOptions.js';
-import { editorForeground, inputBackground, editorBackground } from '../../../../platform/theme/common/colorRegistry.js';
-import { Lazy } from '../../../../base/common/lazy.js';
-import { IEditorWorkerService } from '../../../../editor/common/services/editorWorker.js';
-import { ChatResponseViewModel } from '../../chat/common/chatViewModel.js';
-import { ChatModel, ChatResponseModel } from '../../chat/common/chatModel.js';
 import { ILogService } from '../../../../platform/log/common/log.js';
+import { editorForeground, inputBackground, editorBackground } from '../../../../platform/theme/common/colorRegistry.js';
+import { ResourceLabel } from '../../../browser/labels.js';
+import { DEFAULT_FONT_FAMILY } from '../../../browser/style.js';
+import { IAccessibleViewService } from '../../accessibility/browser/accessibleView.js';
+import { ChatFollowups } from '../../chat/browser/chatFollowups.js';
 import { ChatListItemRenderer } from '../../chat/browser/chatListRenderer.js';
-import { ITextModelService } from '../../../../editor/common/services/resolverService.js';
+import { ChatEditorOptions } from '../../chat/browser/chatOptions.js';
+import { SlashCommandContentWidget } from '../../chat/browser/chatSlashCommandContentWidget.js';
 import { IChatAgentService } from '../../chat/common/chatAgents.js';
-import { ChatFollowups } from '../../chat/browser/chatFollowups.js';
-var InlineChatWidget_1;
+import { ChatModel, ChatResponseModel } from '../../chat/common/chatModel.js';
+import { ChatResponseViewModel } from '../../chat/common/chatViewModel.js';
+import { ExpansionState } from './inlineChatSession.js';
+import { invertLineRange, asRange } from './utils.js';
+import { CTX_INLINE_CHAT_MESSAGE_CROP_STATE, CTX_INLINE_CHAT_EMPTY, CTX_INLINE_CHAT_INNER_CURSOR_FIRST, CTX_INLINE_CHAT_INNER_CURSOR_LAST, CTX_INLINE_CHAT_INNER_CURSOR_START, CTX_INLINE_CHAT_INNER_CURSOR_END, CTX_INLINE_CHAT_FOCUSED, CTX_INLINE_CHAT_RESPONSE_FOCUSED, MENU_INLINE_CHAT_WIDGET_MARKDOWN_MESSAGE, ACTION_REGENERATE_RESPONSE, ACTION_VIEW_IN_CHAT, ACTION_ACCEPT_CHANGES, CTX_INLINE_CHAT_VISIBLE, CTX_INLINE_CHAT_OUTER_CURSOR_POSITION, MENU_INLINE_CHAT_INPUT, MENU_INLINE_CHAT_WIDGET, MENU_INLINE_CHAT_WIDGET_STATUS, MENU_INLINE_CHAT_WIDGET_FEEDBACK } from '../common/inlineChat.js';
+import { observableValue } from '../../../../base/common/observableInternal/base.js';
+import { derived } from '../../../../base/common/observableInternal/derived.js';
+import { constObservable } from '../../../../base/common/observableInternal/utils.js';
+var InlineChatWidget_1, HunkAccessibleDiffViewer_1;
 const defaultAriaLabel = ( localizeWithPath(
     'vs/workbench/contrib/inlineChat/browser/inlineChatWidget',
     'aria-label',
@@ -120,7 +124,7 @@ const _previewEditorEditorOptions = {
 let InlineChatWidget = class InlineChatWidget {
     static { InlineChatWidget_1 = this; }
     static { this._modelPool = 1; }
-    constructor(parentEditor, _options, _modelService, _contextKeyService, _languageFeaturesService, _keybindingService, _instantiationService, _accessibilityService, _configurationService, _accessibleViewService, _editorWorkerService, _logService, _textModelResolverService, _chatAgentService) {
+    constructor(parentEditor, _options, _modelService, _contextKeyService, _languageFeaturesService, _keybindingService, _instantiationService, _accessibilityService, _configurationService, _accessibleViewService, _logService, _textModelResolverService, _chatAgentService) {
         this.parentEditor = parentEditor;
         this._modelService = _modelService;
         this._contextKeyService = _contextKeyService;
@@ -130,7 +134,6 @@ let InlineChatWidget = class InlineChatWidget {
         this._accessibilityService = _accessibilityService;
         this._configurationService = _configurationService;
         this._accessibleViewService = _accessibleViewService;
-        this._editorWorkerService = _editorWorkerService;
         this._logService = _logService;
         this._textModelResolverService = _textModelResolverService;
         this._chatAgentService = _chatAgentService;
@@ -155,6 +158,7 @@ let InlineChatWidget = class InlineChatWidget {
                 h('div.messageActions@messageActions')
             ]),
             h('div.followUps.hidden@followUps'),
+            h('div.accessibleViewer@accessibleViewer'),
             h('div.status@status', [
                 h('div.label.info.hidden@infoLabel'),
                 h('div.actions.hidden@statusToolbar'),
@@ -165,6 +169,7 @@ let InlineChatWidget = class InlineChatWidget {
         this._store = ( new DisposableStore());
         this._slashCommands = this._store.add(( new DisposableStore()));
         this._previewDiffModel = this._store.add(( new MutableDisposable()));
+        this._accessibleViewer = this._store.add(( new MutableDisposable()));
         this._previewCreateDispoable = this._store.add(( new MutableDisposable()));
         this._onDidChangeHeight = this._store.add(( new MicrotaskEmitter()));
         this.onDidChangeHeight = Event.filter(this._onDidChangeHeight.event, _ => !this._isLayouting);
@@ -251,7 +256,7 @@ let InlineChatWidget = class InlineChatWidget {
         }));
         updateFocused();
         this._elements.placeholder.style.fontSize = `${this._inputEditor.getOption(52 )}px`;
-        this._elements.placeholder.style.lineHeight = `${this._inputEditor.getOption(66 )}px`;
+        this._elements.placeholder.style.lineHeight = `${this._inputEditor.getOption(67 )}px`;
         this._store.add(addDisposableListener(this._elements.placeholder, 'click', () => this._inputEditor.focus()));
         const currentContentHeight = 0;
         const togglePlaceholder = () => {
@@ -272,7 +277,8 @@ let InlineChatWidget = class InlineChatWidget {
         this._store.add(this._slashCommandContentWidget);
         this._store.add(this._instantiationService.createInstance(MenuWorkbenchToolBar, this._elements.editorToolbar, _options.menuId, {
             telemetrySource: 'interactiveEditorWidget-toolbar',
-            toolbarOptions: { primaryGroup: 'main' }
+            toolbarOptions: { primaryGroup: 'main' },
+            hiddenItemStrategy: 0
         }));
         this._progressBar = ( new ProgressBar(this._elements.progress));
         this._store.add(this._progressBar);
@@ -365,6 +371,9 @@ let InlineChatWidget = class InlineChatWidget {
     layout(_dim) {
         this._isLayouting = true;
         try {
+            if (this._accessibleViewer.value) {
+                this._accessibleViewer.value.width = _dim.width - 12;
+            }
             const widgetToolbarWidth = getTotalWidth(this._elements.widgetToolbar);
             const editorToolbarWidth = getTotalWidth(this._elements.editorToolbar) + 8 ;
             const innerEditorWidth = _dim.width - editorToolbarWidth - widgetToolbarWidth;
@@ -390,7 +399,7 @@ let InlineChatWidget = class InlineChatWidget {
                     this._previewCreateEditor.value.layout(previewCreateDim);
                     this._elements.previewCreate.style.height = `${previewCreateDim.height}px`;
                 }
-                const lineHeight = this.parentEditor.getOption(66 );
+                const lineHeight = this.parentEditor.getOption(67 );
                 const editorHeight = this.parentEditor.getLayoutInfo().height;
                 const editorHeightInLines = Math.floor(editorHeight / lineHeight);
                 this._elements.root.style.setProperty('--vscode-inline-chat-cropped', String(Math.floor(editorHeightInLines / 5)));
@@ -411,7 +420,8 @@ let InlineChatWidget = class InlineChatWidget {
         const previewDiffHeight = this._previewDiffEditor.hasValue && this._previewDiffEditor.value.getModel() ? 12 + Math.min(300, Math.max(0, this._previewDiffEditor.value.getContentHeight())) : 0;
         const previewCreateTitleHeight = getTotalHeight(this._elements.previewCreateTitle);
         const previewCreateHeight = this._previewCreateEditor.hasValue && this._previewCreateEditor.value.getModel() ? 18 + Math.min(300, Math.max(0, this._previewCreateEditor.value.getContentHeight())) : 0;
-        return base + editorHeight + detectedIntentHeight + followUpsHeight + chatResponseHeight + previewDiffHeight + previewCreateTitleHeight + previewCreateHeight + 18  + 8 ;
+        const accessibleViewHeight = this._accessibleViewer.value?.height ?? 0;
+        return base + editorHeight + detectedIntentHeight + followUpsHeight + chatResponseHeight + previewDiffHeight + previewCreateTitleHeight + previewCreateHeight + accessibleViewHeight + 18  + 8 ;
     }
     updateProgress(show) {
         if (show) {
@@ -500,7 +510,7 @@ let InlineChatWidget = class InlineChatWidget {
             const viewModel = this._chatMessageDisposables.add(( new ChatResponseViewModel(responseModel, this._logService)));
             const renderOptions = { renderStyle: 'compact', noHeader: true, noPadding: true };
             const chatRendererDelegate = { getListLength() { return 1; } };
-            const renderer = this._chatMessageDisposables.add(this._instantiationService.createInstance(ChatListItemRenderer, this._editorOptions, renderOptions, chatRendererDelegate));
+            const renderer = this._chatMessageDisposables.add(this._instantiationService.createInstance(ChatListItemRenderer, this._editorOptions, renderOptions, chatRendererDelegate, undefined));
             renderer.layout(this._elements.chatMessageContent.clientWidth - 4);
             this._chatMessageDisposables.add(this._onDidChangeLayout.event(() => {
                 renderer.layout(this._elements.chatMessageContent.clientWidth - 4);
@@ -538,13 +548,7 @@ let InlineChatWidget = class InlineChatWidget {
         this._elements.followUps.classList.toggle('hidden', !items || items.length === 0);
         reset(this._elements.followUps);
         if (items && items.length > 0 && onFollowup) {
-            this._followUpDisposables.add(( new ChatFollowups(
-                this._elements.followUps,
-                items,
-                undefined,
-                onFollowup,
-                this._contextKeyService
-            )));
+            this._followUpDisposables.add(this._instantiationService.createInstance(ChatFollowups, this._elements.followUps, items, undefined, onFollowup));
         }
         this._onDidChangeHeight.fire();
     }
@@ -634,6 +638,8 @@ let InlineChatWidget = class InlineChatWidget {
         this.updateInfo('');
         this.hideCreatePreview();
         this.hideEditsPreview();
+        this._accessibleViewer.clear();
+        this._elements.accessibleViewer.classList.toggle('hidden', true);
         this._onDidChangeHeight.fire();
     }
     focus() {
@@ -642,28 +648,25 @@ let InlineChatWidget = class InlineChatWidget {
     hasFocus() {
         return this.domNode.contains(getActiveElement());
     }
-    async showEditsPreview(textModel0, textModelN) {
-        this._elements.previewDiff.classList.remove('hidden');
-        const diff = await this._editorWorkerService.computeDiff(textModel0.uri, textModelN.uri, { ignoreTrimWhitespace: false, maxComputationTimeMs: 5000, computeMoves: false }, 'advanced');
-        if (!diff || diff.changes.length === 0) {
+    showEditsPreview(hunks, textModel0, textModelN) {
+        if (hunks.size === 0) {
             this.hideEditsPreview();
             return;
         }
+        this._elements.previewDiff.classList.remove('hidden');
         this._previewDiffEditor.value.setModel({ original: textModel0, modified: textModelN });
-        let originalLineRange = diff.changes[0].original;
-        let modifiedLineRange = diff.changes[0].modified;
-        for (let i = 1; i < diff.changes.length; i++) {
-            originalLineRange = originalLineRange.join(diff.changes[i].original);
-            modifiedLineRange = modifiedLineRange.join(diff.changes[i].modified);
+        let originalLineRange;
+        let modifiedLineRange;
+        for (const item of hunks.getInfo()) {
+            const [first0] = item.getRanges0();
+            const [firstN] = item.getRangesN();
+            originalLineRange = !originalLineRange ? LineRange.fromRangeInclusive(first0) : originalLineRange.join(LineRange.fromRangeInclusive(first0));
+            modifiedLineRange = !modifiedLineRange ? LineRange.fromRangeInclusive(firstN) : modifiedLineRange.join(LineRange.fromRangeInclusive(firstN));
+        }
+        if (!originalLineRange || !modifiedLineRange) {
+            this.hideEditsPreview();
+            return;
         }
-        const pad = 3;
-        const newStartLine = Math.max(1, originalLineRange.startLineNumber - pad);
-        modifiedLineRange = ( new LineRange(newStartLine, modifiedLineRange.endLineNumberExclusive));
-        originalLineRange = ( new LineRange(newStartLine, originalLineRange.endLineNumberExclusive));
-        const newEndLineModified = Math.min(modifiedLineRange.endLineNumberExclusive + pad, textModelN.getLineCount());
-        modifiedLineRange = ( new LineRange(modifiedLineRange.startLineNumber, newEndLineModified));
-        const newEndLineOriginal = Math.min(originalLineRange.endLineNumberExclusive + pad, textModel0.getLineCount());
-        originalLineRange = ( new LineRange(originalLineRange.startLineNumber, newEndLineOriginal));
         const hiddenOriginal = invertLineRange(originalLineRange, textModel0);
         const hiddenModified = invertLineRange(modifiedLineRange, textModelN);
         this._previewDiffEditor.value.getOriginalEditor().setHiddenAreas(( hiddenOriginal.map(lr => asRange(lr, textModel0))), 'diff-hidden');
@@ -771,6 +774,12 @@ let InlineChatWidget = class InlineChatWidget {
         this._slashCommands.add(this._inputEditor.onDidChangeModelContent(updateSlashDecorations));
         updateSlashDecorations();
     }
+    showAccessibleHunk(session, hunkData) {
+        this._elements.accessibleViewer.classList.remove('hidden');
+        this._accessibleViewer.clear();
+        this._accessibleViewer.value = this._instantiationService.createInstance(HunkAccessibleDiffViewer, this._elements.accessibleViewer, session, hunkData, ( new AccessibleHunk(this.parentEditor, session, hunkData)));
+        this._onDidChangeHeight.fire();
+    }
 };
 InlineChatWidget = InlineChatWidget_1 = ( __decorate([
     ( __param(2, IModelService)),
@@ -781,10 +790,9 @@ InlineChatWidget = InlineChatWidget_1 = ( __decorate([
     ( __param(7, IAccessibilityService)),
     ( __param(8, IConfigurationService)),
     ( __param(9, IAccessibleViewService)),
-    ( __param(10, IEditorWorkerService)),
-    ( __param(11, ILogService)),
-    ( __param(12, ITextModelService)),
-    ( __param(13, IChatAgentService))
+    ( __param(10, ILogService)),
+    ( __param(11, ITextModelService)),
+    ( __param(12, IChatAgentService))
 ], InlineChatWidget));
 let InlineChatZoneWidget = class InlineChatZoneWidget extends ZoneWidget {
     constructor(editor, _instaService, contextKeyService) {
@@ -843,7 +851,7 @@ let InlineChatZoneWidget = class InlineChatZoneWidget extends ZoneWidget {
         return info.contentWidth - (info.glyphMarginWidth + info.decorationsWidth + (indentationWidth ?? 0));
     }
     _computeHeightInLines() {
-        const lineHeight = this.editor.getOption(66 );
+        const lineHeight = this.editor.getOption(67 );
         return this.widget.getHeight() / lineHeight;
     }
     _relayout() {
@@ -917,4 +925,68 @@ InlineChatZoneWidget = ( __decorate([
     ( __param(1, IInstantiationService)),
     ( __param(2, IContextKeyService))
 ], InlineChatZoneWidget));
+let HunkAccessibleDiffViewer = HunkAccessibleDiffViewer_1 = class HunkAccessibleDiffViewer extends AccessibleDiffViewer {
+    set width(value) {
+        this._width2.set(value, undefined);
+    }
+    constructor(parentNode, session, hunk, models, instantiationService) {
+        const width = observableValue('width', 0);
+        const diff = observableValue('diff', HunkAccessibleDiffViewer_1._asMapping(hunk));
+        const diffs = derived(r => [diff.read(r)]);
+        const lines = Math.min(10, 8 + diff.get().changedLineCount);
+        const height = models.getModifiedOptions().get(67 ) * lines;
+        super(parentNode, constObservable(true), () => { }, constObservable(false), width, constObservable(height), diffs, models, instantiationService);
+        this.height = height;
+        this._width2 = width;
+        this._store.add(session.textModelN.onDidChangeContent(() => {
+            diff.set(HunkAccessibleDiffViewer_1._asMapping(hunk), undefined);
+        }));
+    }
+    static _asMapping(hunk) {
+        const ranges0 = hunk.getRanges0();
+        const rangesN = hunk.getRangesN();
+        const originalLineRange = LineRange.fromRangeInclusive(ranges0[0]);
+        const modifiedLineRange = LineRange.fromRangeInclusive(rangesN[0]);
+        const innerChanges = [];
+        for (let i = 1; i < ranges0.length; i++) {
+            innerChanges.push(( new RangeMapping(ranges0[i], rangesN[i])));
+        }
+        return ( new DetailedLineRangeMapping(originalLineRange, modifiedLineRange, innerChanges));
+    }
+};
+HunkAccessibleDiffViewer = HunkAccessibleDiffViewer_1 = ( __decorate([
+    ( __param(4, IInstantiationService))
+], HunkAccessibleDiffViewer));
+class AccessibleHunk {
+    constructor(_editor, _session, _hunk) {
+        this._editor = _editor;
+        this._session = _session;
+        this._hunk = _hunk;
+    }
+    getOriginalModel() {
+        return this._session.textModel0;
+    }
+    getModifiedModel() {
+        return this._session.textModelN;
+    }
+    getOriginalOptions() {
+        return this._editor.getOptions();
+    }
+    getModifiedOptions() {
+        return this._editor.getOptions();
+    }
+    originalReveal(range) {
+    }
+    modifiedReveal(range) {
+        this._editor.revealRangeInCenterIfOutsideViewport(range || this._hunk.getRangesN()[0], 0 );
+    }
+    modifiedSetSelection(range) {
+    }
+    modifiedFocus() {
+        this._editor.focus();
+    }
+    getModifiedPosition() {
+        return this._hunk.getRangesN()[0].getStartPosition();
+    }
+}
 export { InlineChatWidget, InlineChatZoneWidget, _inputEditorOptions };

package/vscode/src/vs/workbench/contrib/inlineChat/common/inlineChat.js

@@ -207,25 +207,20 @@ registerColor('editorOverviewRuler.inlineChatRemoved', { dark: ( transparent(dif
                 'mode',
                 "Configure if changes crafted with inline chat are applied directly to the document or are previewed first."
             )),
-            default: "livePreview" ,
+            default: "live" ,
             type: 'string',
-            enum: ["livePreview" , "preview" , "live" ],
+            enum: ["live" , "preview" ],
             markdownEnumDescriptions: [
                 ( localizeWithPath(
                     'vs/workbench/contrib/inlineChat/common/inlineChat',
-                    'mode.livePreview',
-                    "Changes are applied directly to the document and are highlighted visually via inline or side-by-side diffs. Ending a session will keep the changes."
+                    'mode.live',
+                    "Changes are applied directly to the document, can be highlighted via inline diffs, and accepted/discarded by hunks. Ending a session will keep the changes."
                 )),
                 ( localizeWithPath(
                     'vs/workbench/contrib/inlineChat/common/inlineChat',
                     'mode.preview',
                     "Changes are previewed only and need to be accepted via the apply button. Ending a session will discard the changes."
                 )),
-                ( localizeWithPath(
-                    'vs/workbench/contrib/inlineChat/common/inlineChat',
-                    'mode.live',
-                    "Changes are applied directly to the document, can be highlighted via inline diffs, and accepted/discarded by hunks. Ending a session will keep the changes."
-                )),
             ],
             tags: ['experimental']
         },
@@ -255,6 +250,33 @@ registerColor('editorOverviewRuler.inlineChatRemoved', { dark: ( transparent(dif
             )),
             default: true,
             type: 'boolean'
+        },
+        ["inlineChat.accessibleDiffView" ]: {
+            description: ( localizeWithPath(
+                'vs/workbench/contrib/inlineChat/common/inlineChat',
+                'accessibleDiffView',
+                "Whether the inline chat also renders an accessible diff viewer for its changes."
+            )),
+            default: 'auto',
+            type: 'string',
+            enum: ['auto', 'on', 'off'],
+            markdownEnumDescriptions: [
+                ( localizeWithPath(
+                    'vs/workbench/contrib/inlineChat/common/inlineChat',
+                    'accessibleDiffView.auto',
+                    "The accessible diff viewer is based screen reader mode being enabled."
+                )),
+                ( localizeWithPath(
+                    'vs/workbench/contrib/inlineChat/common/inlineChat',
+                    'accessibleDiffView.on',
+                    "The accessible diff viewer is always enabled."
+                )),
+                ( localizeWithPath(
+                    'vs/workbench/contrib/inlineChat/common/inlineChat',
+                    'accessibleDiffView.off',
+                    "The accessible diff viewer is never enabled."
+                )),
+            ],
         }
     }
 });