chat: add typed scrollbar markers to the Chat View transcript

src/vs/base/browser/ui/list/listView.ts

@@ -8,7 +8,7 @@ import { addDisposableListener, animate, Dimension, getActiveElement, getContent
 import { DomEmitter } from '../../event.js';
 import { IMouseWheelEvent } from '../../mouseEvent.js';
 import { EventType as TouchEventType, Gesture, GestureEvent } from '../../touch.js';
-import { SmoothScrollableElement } from '../scrollbar/scrollableElement.js';
+import { IOverviewRulerLayoutInfo, SmoothScrollableElement } from '../scrollbar/scrollableElement.js';
 import { distinct, equals, splice } from '../../../common/arrays.js';
 import { Delayer, disposableTimeout } from '../../../common/async.js';
 import { memoize } from '../../../common/decorators.js';
@@ -233,6 +233,7 @@ export interface IListView<T> extends ISpliceable<T>, IDisposable {
 	readonly domNode: HTMLElement;
 	readonly containerDomNode: HTMLElement;
 	readonly scrollableElementDomNode: HTMLElement;
+	getOverviewRulerLayoutInfo(): IOverviewRulerLayoutInfo;
 	readonly length: number;
 	readonly contentHeight: number;
 	readonly contentWidth: number;
@@ -343,6 +344,7 @@ export class ListView<T> implements IListView<T> {
 	get onWillScroll(): Event<ScrollEvent> { return this.scrollableElement.onWillScroll; }
 	get containerDomNode(): HTMLElement { return this.rowsContainer; }
 	get scrollableElementDomNode(): HTMLElement { return this.scrollableElement.getDomNode(); }
+	getOverviewRulerLayoutInfo(): IOverviewRulerLayoutInfo { return this.scrollableElement.getOverviewRulerLayoutInfo(); }
 
 	private _horizontalScrolling: boolean = false;
 	private get horizontalScrolling(): boolean { return this._horizontalScrolling; }

src/vs/base/browser/ui/list/listWidget.ts

@@ -12,6 +12,7 @@ import { IKeyboardEvent, StandardKeyboardEvent } from '../../keyboardEvent.js';
 import { Gesture } from '../../touch.js';
 import { alert, AriaRole } from '../aria/aria.js';
 import { CombinedSpliceable } from './splice.js';
+import { IOverviewRulerLayoutInfo } from '../scrollbar/scrollableElement.js';
 import { ScrollableElementChangeOptions } from '../scrollbar/scrollableElementOptions.js';
 import { binarySearch, range } from '../../../common/arrays.js';
 import { timeout } from '../../../common/async.js';
@@ -2029,6 +2030,14 @@ export class List<T> implements ISpliceable<T>, IDisposable {
 		return this.view.scrollableElementDomNode;
 	}
 
+	getOverviewRulerLayoutInfo(): IOverviewRulerLayoutInfo {
+		return this.view.getOverviewRulerLayoutInfo();
+	}
+
+	getElementHeight(index: number): number {
+		return this.view.elementHeight(index);
+	}
+
 	getElementID(index: number): string {
 		return this.view.getElementDomId(index);
 	}

src/vs/base/browser/ui/tree/abstractTree.ts

@@ -38,6 +38,7 @@ import { autorun, constObservable } from '../../../common/observable.js';
 import { alert } from '../aria/aria.js';
 import { IMouseWheelEvent } from '../../mouseEvent.js';
 import { type IHoverLifecycleOptions } from '../hover/hover.js';
+import { IOverviewRulerLayoutInfo } from '../scrollbar/scrollableElement.js';
 
 class TreeElementsDragAndDropData<T, TFilterData, TContext> extends ElementsDragAndDropData<T, TContext> {
 
@@ -2778,6 +2779,10 @@ export abstract class AbstractTree<T, TFilterData, TRef> implements IDisposable
 		return this.view.getHTMLElement();
 	}
 
+	getOverviewRulerLayoutInfo(): IOverviewRulerLayoutInfo {
+		return this.view.getOverviewRulerLayoutInfo();
+	}
+
 	get contentHeight(): number {
 		return this.view.contentHeight;
 	}
@@ -2814,6 +2819,22 @@ export abstract class AbstractTree<T, TFilterData, TRef> implements IDisposable
 		return this.view.scrollHeight;
 	}
 
+	getElementTop(element: TRef): number {
+		const index = this.model.getListIndex(element);
+		if (index === -1) {
+			return 0;
+		}
+		return this.view.getElementTop(index);
+	}
+
+	getElementHeight(element: TRef): number {
+		const index = this.model.getListIndex(element);
+		if (index === -1) {
+			return 0;
+		}
+		return this.view.getElementHeight(index);
+	}
+
 	get renderHeight(): number {
 		return this.view.renderHeight;
 	}

src/vs/workbench/contrib/chat/browser/actions/chatAccessibilityHelp.ts

@@ -86,6 +86,9 @@ export function getAccessibilityHelpText(type: 'panelChat' | 'inlineChat' | 'age
 		content.push(localize('workbench.action.chat.nextCodeBlock', 'To focus the next code block within a response, invoke the Chat: Next Code Block command{0}.', '<keybinding:workbench.action.chat.nextCodeBlock>'));
 		content.push(localize('workbench.action.chat.nextUserPrompt', 'To navigate to the next user prompt in the conversation, invoke the Next User Prompt command{0}.', '<keybinding:workbench.action.chat.nextUserPrompt>'));
 		content.push(localize('workbench.action.chat.previousUserPrompt', 'To navigate to the previous user prompt in the conversation, invoke the Previous User Prompt command{0}.', '<keybinding:workbench.action.chat.previousUserPrompt>'));
+		if (type === 'panelChat' || type === 'agentView') {
+			content.push(localize('chat.scrollbarMarkers', 'When enabled, the chat scrollbar displays visual markers for prompts, questions, file changes, and errors. These markers are mouse-only; use the Next and Previous User Prompt commands above to navigate by keyboard.'));
+		}
 		content.push(localize('workbench.action.chat.announceConfirmation', 'To focus pending chat confirmation dialogs, invoke the Focus Chat Confirmation Status command{0}.', '<keybinding:workbench.action.chat.focusConfirmation>'));
 		content.push(localize('chat.showHiddenTerminals', 'If there are any hidden chat terminals, you can view them by invoking the View Hidden Chat Terminals command{0}.', '<keybinding:workbench.action.terminal.chat.viewHiddenChatTerminals>'));
 		content.push(localize('chat.focusMostRecentTerminal', 'To focus the last chat terminal that ran a tool, invoke the Focus Most Recent Chat Terminal command{0}.', `<keybinding:${TerminalContribCommandId.FocusMostRecentChatTerminal}>`));