@codingame/monaco-vscode-chat-service-override 22.1.8 → 23.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsViewer.js

@@ -0,0 +1,250 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import * as agentsessionsviewer from './media/agentsessionsviewer.css';
+import { h, addDisposableListener, EventType } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { DisposableStore, Disposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { isAgentSessionsViewModel, isAgentSession } from './agentSessionViewModel.js';
+import { IconLabel } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabel';
+import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
+import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { fromNow } from '@codingame/monaco-vscode-api/vscode/vs/base/common/date';
+import { createMatches } from '@codingame/monaco-vscode-api/vscode/vs/base/common/filters';
+import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
+import { allowedChatMarkdownHtmlTags } from '@codingame/monaco-vscode-a793b3ee-7ba9-5176-a019-30ec806fdd95-common/vscode/vs/workbench/contrib/chat/browser/chatContentMarkdownRenderer';
+import { IProductService } from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service';
+import { coalesce } from '@codingame/monaco-vscode-api/vscode/vs/base/common/arrays';
+import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { fillEditorsDragData } from '@codingame/monaco-vscode-60014c9d-b815-501d-83a9-4b08725c2ec2-common/vscode/vs/workbench/browser/dnd';
+import { ChatSessionStatus } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService';
+import { HoverStyle } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hover';
+import { HoverPosition } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverWidget';
+import { Position } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService';
+import { IWorkbenchLayoutService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService.service';
+import { ViewContainerLocation } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/views';
+import { IViewDescriptorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/views.service';
+import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { AGENT_SESSIONS_VIEW_ID } from './agentSessions.js';
+import { IntervalTimer } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
+
+var AgentSessionRenderer_1;
+registerCss(agentsessionsviewer);
+let AgentSessionRenderer = class AgentSessionRenderer {
+    static { AgentSessionRenderer_1 = this; }
+    static { this.TEMPLATE_ID = 'agent-session'; }
+    constructor(markdownRendererService, productService, layoutService, viewDescriptorService, hoverService) {
+        this.markdownRendererService = markdownRendererService;
+        this.productService = productService;
+        this.layoutService = layoutService;
+        this.viewDescriptorService = viewDescriptorService;
+        this.hoverService = hoverService;
+        this.templateId = AgentSessionRenderer_1.TEMPLATE_ID;
+    }
+    renderTemplate(container) {
+        container.parentElement?.parentElement?.querySelector('.monaco-tl-twistie')?.classList.add('force-no-twistie');
+        const disposables = ( new DisposableStore());
+        const elementDisposable = disposables.add(( new DisposableStore()));
+        const elements = h('div.agent-session-item@item', [
+            h('div.agent-session-icon-col', [
+                h('div.agent-session-icon@icon')
+            ]),
+            h('div.agent-session-main-col', [
+                h('div.agent-session-title-row', [
+                    h('div.agent-session-title@title'),
+                ]),
+                h('div.agent-session-details-row', [
+                    h('div.agent-session-description@description'),
+                    h('div.agent-session-diff', [
+                        h('span.agent-session-diff-added@diffAdded'),
+                        h('span.agent-session-diff-removed@diffRemoved')
+                    ]),
+                    h('div.agent-session-status@status')
+                ])
+            ])
+        ]);
+        container.appendChild(elements.item);
+        return {
+            element: elements.item,
+            icon: elements.icon,
+            title: disposables.add(( new IconLabel(elements.title, { supportHighlights: true, supportIcons: true }))),
+            description: elements.description,
+            diffAdded: elements.diffAdded,
+            diffRemoved: elements.diffRemoved,
+            status: elements.status,
+            elementDisposable,
+            disposables
+        };
+    }
+    renderElement(session, index, template, details) {
+        template.elementDisposable.clear();
+        template.icon.className = `agent-session-icon ${ThemeIcon.asClassName(this.getIcon(session.element))}`;
+        template.title.setLabel(session.element.label, undefined, { matches: createMatches(session.filterData) });
+        const { statistics: diff } = session.element;
+        template.diffAdded.textContent = diff ? `+${diff.insertions}` : '';
+        template.diffRemoved.textContent = diff ? `-${diff.deletions}` : '';
+        if (typeof session.element.description === 'string') {
+            template.description.textContent = session.element.description;
+        }
+        else {
+            template.elementDisposable.add(this.markdownRendererService.render(session.element.description, {
+                sanitizerConfig: {
+                    replaceWithPlaintext: true,
+                    allowedTags: {
+                        override: allowedChatMarkdownHtmlTags,
+                    },
+                    allowedLinkSchemes: { augment: [this.productService.urlProtocol] }
+                },
+            }, template.description));
+            template.elementDisposable.add(addDisposableListener(template.description, EventType.MOUSE_DOWN, e => e.stopPropagation()));
+            template.elementDisposable.add(addDisposableListener(template.description, EventType.CLICK, e => e.stopPropagation()));
+            template.elementDisposable.add(addDisposableListener(template.description, EventType.AUXCLICK, e => e.stopPropagation()));
+        }
+        template.status.textContent = this.getStatus(session.element);
+        const timer = template.elementDisposable.add(( new IntervalTimer()));
+        timer.cancelAndSet(() => template.status.textContent = this.getStatus(session.element), 60 * 1000);
+        this.renderHover(session, template);
+    }
+    renderHover(session, template) {
+        const tooltip = session.element.tooltip;
+        if (tooltip) {
+            template.elementDisposable.add(this.hoverService.setupDelayedHover(template.element, () => ({
+                content: tooltip,
+                style: HoverStyle.Pointer,
+                position: {
+                    hoverPosition: (() => {
+                        const sideBarPosition = this.layoutService.getSideBarPosition();
+                        const viewLocation = this.viewDescriptorService.getViewLocationById(AGENT_SESSIONS_VIEW_ID);
+                        switch (viewLocation) {
+                            case ViewContainerLocation.Sidebar:
+                                return sideBarPosition === Position.LEFT ? HoverPosition.RIGHT : HoverPosition.LEFT;
+                            case ViewContainerLocation.AuxiliaryBar:
+                                return sideBarPosition === Position.LEFT ? HoverPosition.LEFT : HoverPosition.RIGHT;
+                            default:
+                                return HoverPosition.RIGHT;
+                        }
+                    })()
+                }
+            })));
+        }
+    }
+    getIcon(session) {
+        if (session.status === ChatSessionStatus.InProgress) {
+            return ThemeIcon.modify(Codicon.loading, 'spin');
+        }
+        if (session.status === ChatSessionStatus.Failed) {
+            return Codicon.error;
+        }
+        return session.icon;
+    }
+    getStatus(session) {
+        return `${session.providerLabel} • ${fromNow(session.timing.startTime)}`;
+    }
+    renderCompressedElements(node, index, templateData, details) {
+        throw ( new Error('Should never happen since session is incompressible'));
+    }
+    disposeElement(element, index, template, details) {
+        template.elementDisposable.clear();
+    }
+    disposeTemplate(templateData) {
+        templateData.disposables.dispose();
+    }
+};
+AgentSessionRenderer = AgentSessionRenderer_1 = ( __decorate([
+    ( __param(0, IMarkdownRendererService)),
+    ( __param(1, IProductService)),
+    ( __param(2, IWorkbenchLayoutService)),
+    ( __param(3, IViewDescriptorService)),
+    ( __param(4, IHoverService))
+], AgentSessionRenderer));
+class AgentSessionsListDelegate {
+    static { this.ITEM_HEIGHT = 44; }
+    getHeight(element) {
+        return AgentSessionsListDelegate.ITEM_HEIGHT;
+    }
+    getTemplateId(element) {
+        return AgentSessionRenderer.TEMPLATE_ID;
+    }
+}
+class AgentSessionsAccessibilityProvider {
+    getWidgetAriaLabel() {
+        return localize(4820, "Agent Sessions");
+    }
+    getAriaLabel(element) {
+        return element.label;
+    }
+}
+class AgentSessionsDataSource {
+    hasChildren(element) {
+        return isAgentSessionsViewModel(element);
+    }
+    getChildren(element) {
+        if (!isAgentSessionsViewModel(element)) {
+            return [];
+        }
+        return element.sessions;
+    }
+}
+class AgentSessionsIdentityProvider {
+    getId(element) {
+        if (isAgentSession(element)) {
+            return ( element.resource.toString());
+        }
+        return 'agent-sessions-id';
+    }
+}
+class AgentSessionsCompressionDelegate {
+    isIncompressible(element) {
+        return true;
+    }
+}
+class AgentSessionsSorter {
+    compare(sessionA, sessionB) {
+        const aHasEndTime = !!sessionA.timing.endTime;
+        const bHasEndTime = !!sessionB.timing.endTime;
+        if (!aHasEndTime && bHasEndTime) {
+            return -1;
+        }
+        if (aHasEndTime && !bHasEndTime) {
+            return 1;
+        }
+        return sessionB.timing.startTime - sessionA.timing.startTime;
+    }
+}
+class AgentSessionsKeyboardNavigationLabelProvider {
+    getKeyboardNavigationLabel(element) {
+        return element.label;
+    }
+    getCompressedNodeKeyboardNavigationLabel(elements) {
+        return undefined;
+    }
+}
+let AgentSessionsDragAndDrop = class AgentSessionsDragAndDrop extends Disposable {
+    constructor(instantiationService) {
+        super();
+        this.instantiationService = instantiationService;
+    }
+    onDragStart(data, originalEvent) {
+        const elements = data.getData();
+        const uris = coalesce(( elements.map(e => e.resource)));
+        this.instantiationService.invokeFunction(accessor => fillEditorsDragData(accessor, uris, originalEvent));
+    }
+    getDragURI(element) {
+        return ( element.resource.toString());
+    }
+    getDragLabel(elements, originalEvent) {
+        if (elements.length === 1) {
+            return elements[0].label;
+        }
+        return localize(4821, "{0} agent sessions", elements.length);
+    }
+    onDragOver(data, targetElement, targetIndex, targetSector, originalEvent) {
+        return false;
+    }
+    drop(data, targetElement, targetIndex, targetSector, originalEvent) { }
+};
+AgentSessionsDragAndDrop = ( __decorate([
+    ( __param(0, IInstantiationService))
+], AgentSessionsDragAndDrop));
+
+export { AgentSessionRenderer, AgentSessionsAccessibilityProvider, AgentSessionsCompressionDelegate, AgentSessionsDataSource, AgentSessionsDragAndDrop, AgentSessionsIdentityProvider, AgentSessionsKeyboardNavigationLabelProvider, AgentSessionsListDelegate, AgentSessionsSorter };

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/media/agentsessionsview.css

@@ -0,0 +1,24 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.agent-sessions-view {
+
+	display: flex;
+	flex-direction: column;
+
+	.agent-sessions-viewer {
+		flex: 1 1 auto !important;
+		min-height: 0;
+	}
+
+	.agent-sessions-new-session-container {
+		padding: 5px 12px;
+		flex: 0 0 auto !important;
+	}
+
+	.agent-sessions-new-session-container .monaco-dropdown-button {
+		padding: 0 4px;
+	}
+}

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/media/agentsessionsviewer.css

@@ -0,0 +1,97 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.agent-sessions-viewer {
+
+	.monaco-list-row > .monaco-tl-row > .monaco-tl-twistie.force-no-twistie {
+		display: none !important;
+	}
+
+	.monaco-list-row.selected .agent-session-details-row,
+	.monaco-list-row.selected span.agent-session-diff-added,
+	.monaco-list-row.selected span.agent-session-diff-removed {
+		color: unset;
+	}
+
+	.agent-session-item {
+		display: flex;
+		flex-direction: row;
+		padding: 0 12px;
+		gap: 2px;
+
+		.agent-session-main-col,
+		.agent-session-title-row,
+		.agent-session-details-row {
+			flex: 1;
+			min-width: 0;
+		}
+
+		.agent-session-icon-col {
+			display: flex;
+			align-items: flex-start;
+			padding-top: 4px;
+
+			.agent-session-icon {
+				flex-shrink: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 16px;
+			}
+		}
+
+		.agent-session-title-row,
+		.agent-session-details-row {
+			display: flex;
+			align-items: center;
+			line-height: 20px; /* ends up as 22px with the padding below */
+			gap: 6px;
+		}
+
+		.agent-session-title-row {
+			padding: 2px 6px 0 6px;
+		}
+
+		.agent-session-details-row {
+			padding: 0 6px 2px 6px;
+			font-size: 12px;
+			color: var(--vscode-descriptionForeground);
+
+			.rendered-markdown {
+				p {
+					margin: 0;
+				}
+
+				a {
+					color: var(--vscode-descriptionForeground);
+				}
+			}
+		}
+
+		.agent-session-title,
+		.agent-session-description {
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
+
+		/* #region Diff Styling */
+
+		.agent-session-diff {
+			flex: 1; /* push status to the end */
+			font-weight: 700;
+			display: flex;
+			gap: 4px;
+		}
+
+		span.agent-session-diff-added {
+			color: var(--vscode-chat-linesAddedForeground);
+		}
+
+		span.agent-session-diff-removed {
+			color: var(--vscode-chat-linesRemovedForeground);
+		}
+
+		/* #endregion */
+	}
+}