@codingame/monaco-vscode-katex-common 29.1.1 → 30.0.0

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

@@ -6,10 +6,11 @@ import { h } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { NotSelectableGroupId } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/list/list';
 import { Disposable, MutableDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import { hasValidDiff, getAgentChangesSummary, isAgentSessionSection, isAgentSession, isAgentSessionsModel, AgentSessionSection } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsModel';
+import { hasValidDiff, getAgentChangesSummary, isAgentSessionSection, isAgentSessionShowMore, isAgentSessionShowLess, isAgentSession, isAgentSessionsModel, AgentSessionSection } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsModel';
 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 { ThemeIcon, themeColorFromId } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { asCssVariable } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colorUtils';
 import { getDurationString, 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';
@@ -37,6 +38,7 @@ import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/in
 import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
 import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 import { BugIndicatingError } from '@codingame/monaco-vscode-api/vscode/vs/base/common/errors';
+import { compareIgnoreCase } from '@codingame/monaco-vscode-api/vscode/vs/base/common/strings';
 import { ChatSessionStatus, isSessionInProgressStatus } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
@@ -93,8 +95,10 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
             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-pinned-indicator@pinnedIndicator"),
                 h("div.agent-session-title-toolbar@titleToolbar")
             ]), h("div.agent-session-details-row", [
+                h("div.agent-session-details-icon@detailsIcon"),
                 h("div.agent-session-badge@badge"),
                 h("span.agent-session-separator@separator"),
                 h("div.agent-session-diff-container@diffContainer", [
@@ -131,7 +135,9 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 supportHighlights: true,
                 supportIcons: true
             }))),
+            pinnedIndicator: elements.pinnedIndicator,
             titleToolbar,
+            detailsIcon: elements.detailsIcon,
             badge: elements.badge,
             separator: elements.separator,
             diffContainer: elements.diffContainer,
@@ -155,7 +161,32 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         template.badge.textContent = "";
         template.description.textContent = "";
         template.element.classList.toggle("archived", session.element.isArchived());
-        template.icon.className = `agent-session-icon ${ThemeIcon.asClassName(this.getIcon(session.element))}${session.element.status === ChatSessionStatus.NeedsInput ? " needs-input" : ""}`;
+        if (this.options.isGroupedByRepository?.()) {
+            const repoName = getRepositoryName(session.element);
+            if (repoName) {
+                template.element.setAttribute("data-section-label", repoName);
+            } else {
+                template.element.removeAttribute("data-section-label");
+            }
+        } else {
+            template.element.removeAttribute("data-section-label");
+        }
+        if (this.options.useStatusOnlyIcons) {
+            const statusIcon = this.getIcon(session.element, true);
+            template.icon.className = `agent-session-icon ${ThemeIcon.asClassName(statusIcon)}${session.element.status === ChatSessionStatus.NeedsInput ? " needs-input" : ""}`;
+            template.icon.style.color = statusIcon.color ? asCssVariable(statusIcon.color.id) : "";
+            if (session.element.providerType === AgentSessionProviders.Background) {
+                template.detailsIcon.className = "agent-session-details-icon";
+            } else {
+                template.detailsIcon.className = `agent-session-details-icon ${ThemeIcon.asClassName(session.element.icon)}`;
+                template.detailsIcon.classList.add("visible");
+            }
+        } else {
+            const icon = this.getIcon(session.element);
+            template.icon.className = `agent-session-icon ${ThemeIcon.asClassName(icon)}${session.element.status === ChatSessionStatus.NeedsInput ? " needs-input" : ""}`;
+            template.icon.style.color = icon.color ? asCssVariable(icon.color.id) : "";
+            template.detailsIcon.className = "agent-session-details-icon";
+        }
         const markdownTitle = ( new MarkdownString(session.element.label));
         template.title.setLabel(renderAsPlaintext(markdownTitle), undefined, {
             matches: createMatches(session.filterData)
@@ -165,6 +196,9 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         ChatContextKeys.isReadAgentSession.bindTo(template.contextKeyService).set(session.element.isRead());
         ChatContextKeys.agentSessionType.bindTo(template.contextKeyService).set(session.element.providerType);
         template.titleToolbar.context = session.element;
+        const isPinned = session.element.isPinned();
+        template.pinnedIndicator.className = "agent-session-pinned-indicator " + (ThemeIcon.asClassName(Codicon.pinned));
+        template.pinnedIndicator.classList.toggle("visible", isPinned);
         const hasBadge = this.renderBadge(session, template);
         let hasDiff = false;
         const {
@@ -200,11 +234,14 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         }
     }
     renderBadge(session, template) {
+        if (this.options.hideSessionBadge) {
+            return false;
+        }
         const badge = session.element.badge;
         if (!badge) {
             return false;
         }
-        if (this.options.isGroupedByRepository?.() && !session.element.isArchived()) {
+        if (this.options.isGroupedByRepository?.() && !session.element.isArchived() && !session.element.isPinned()) {
             const raw = typeof badge === "string" ? badge : badge.value;
             const match = raw.match(/^\$\((?:repo|folder|worktree)\)\s*(.+)/);
             if (match) {
@@ -267,23 +304,72 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         }
         return true;
     }
-    getIcon(session) {
+    getIcon(session, statusOnly) {
         if (session.status === ChatSessionStatus.InProgress) {
-            return Codicon.sessionInProgress;
+            return {
+                ...Codicon.sessionInProgress,
+                color: themeColorFromId("textLink.foreground")
+            };
         }
         if (session.status === ChatSessionStatus.NeedsInput) {
-            return Codicon.circleFilled;
+            return {
+                ...Codicon.circleFilled,
+                color: themeColorFromId("list.warningForeground")
+            };
         }
         if (session.status === ChatSessionStatus.Failed) {
-            return Codicon.error;
+            return {
+                ...Codicon.error,
+                color: themeColorFromId("errorForeground")
+            };
+        }
+        if (statusOnly) {
+            const metadata = session.metadata;
+            const hasPR = metadata?.pullRequestUrl || metadata?.pullRequestNumber;
+            if (hasPR) {
+                switch (metadata?.pullRequestState) {
+                case "merged":
+                    return {
+                        ...Codicon.gitPullRequestDone,
+                        color: themeColorFromId("charts.purple")
+                    };
+                case "closed":
+                    return {
+                        ...Codicon.gitPullRequestClosed,
+                        color: themeColorFromId("charts.red")
+                    };
+                case "draft":
+                    return {
+                        ...Codicon.gitPullRequestDraft,
+                        color: themeColorFromId("descriptionForeground")
+                    };
+                default:
+                    return {
+                        ...Codicon.gitPullRequest,
+                        color: themeColorFromId("charts.green")
+                    };
+                }
+            }
         }
         if (!session.isRead() && !session.isArchived()) {
-            return Codicon.circleFilled;
+            return {
+                ...Codicon.circleFilled,
+                color: themeColorFromId("textLink.foreground")
+            };
+        }
+        if (!statusOnly && session.providerType === AgentSessionProviders.Local) {
+            return {
+                ...Codicon.circleSmallFilled,
+                color: themeColorFromId("agentSessionReadIndicator.foreground")
+            };
         }
-        if (session.providerType === AgentSessionProviders.Local) {
-            return Codicon.circleSmallFilled;
+        if (!statusOnly) {
+            return session.icon;
         }
-        return session.icon;
+        return {
+            ...Codicon.circleSmallFilled,
+            color: themeColorFromId("agentSessionReadIndicator.foreground")
+        };
     }
     renderDescription(session, template) {
         const description = session.element.description;
@@ -292,13 +378,13 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
             return true;
         }
         if (session.element.status === ChatSessionStatus.InProgress) {
-            template.description.textContent = ( localize(5171, "Working..."));
+            template.description.textContent = ( localize(5192, "Working..."));
             return true;
         } else if (session.element.status === ChatSessionStatus.NeedsInput) {
-            template.description.textContent = ( localize(5172, "Input needed."));
+            template.description.textContent = ( localize(5193, "Input needed."));
             return true;
         } else if (session.element.status === ChatSessionStatus.Failed) {
-            template.description.textContent = ( localize(5173, "Failed"));
+            template.description.textContent = ( localize(5194, "Failed"));
             return true;
         }
         template.description.textContent = "";
@@ -307,12 +393,13 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
     toDuration(startTime, endTime, useFullTimeWords, disallowNow) {
         const elapsed = Math.max(Math.round((endTime - startTime) / 1000) * 1000, 1000 );
         if (!disallowNow && elapsed < 60000) {
-            return localize(5174, "now");
+            return localize(5195, "now");
         }
         return getDurationString(elapsed, useFullTimeWords);
     }
     renderStatus(session, template) {
-        const getTimeLabel = session => {
+        const repoPrefix = (session.element.isPinned() && this.options.isGroupedByRepository?.()) ? getRepositoryName(session.element) : undefined;
+        const getStatusText = session => {
             let timeLabel;
             if (session.status === ChatSessionStatus.InProgress && session.timing.lastRequestStarted) {
                 timeLabel = this.toDuration(session.timing.lastRequestStarted, Date.now(), false, false);
@@ -321,17 +408,17 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 const date = this.options.isSortedByUpdated?.() ? session.timing.lastRequestEnded ?? session.timing.created : session.timing.created;
                 const seconds = Math.round((( new Date()).getTime() - date) / 1000);
                 if (seconds < 60) {
-                    timeLabel = ( localize(5174, "now"));
+                    timeLabel = ( localize(5195, "now"));
                 } else {
                     timeLabel = sessionDateFromNow(date, true);
                 }
             }
-            return timeLabel;
+            return repoPrefix ? `${repoPrefix} \u00B7 ${timeLabel}` : timeLabel;
         };
-        template.statusTime.textContent = getTimeLabel(session.element);
+        template.statusTime.textContent = getStatusText(session.element);
         const timer = template.elementDisposable.add(( new IntervalTimer()));
         timer.cancelAndSet(
-            () => template.statusTime.textContent = getTimeLabel(session.element),
+            () => template.statusTime.textContent = getStatusText(session.element),
             session.element.status === ChatSessionStatus.InProgress ? 1000  : 60 * 1000
         );
         return true;
@@ -404,11 +491,11 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 template.approvalButtonContainer.textContent = "";
                 const isActive = this._activeSessionResource.read(reader)?.toString() === ( session.element.resource.toString());
                 const button = buttonStore.add(( new Button(template.approvalButtonContainer, {
-                    title: ( localize(5175, "Allow once")),
+                    title: ( localize(5196, "Allow once")),
                     secondary: isActive,
                     ...defaultButtonStyles
                 })));
-                button.label = ( localize(5176, "Allow"));
+                button.label = ( localize(5197, "Allow"));
                 buttonStore.add(button.onDidClick(() => info.confirm()));
             }
             if (wasVisible !== visible) {
@@ -432,16 +519,16 @@ function toStatusLabel(status) {
     let statusLabel;
     switch (status) {
     case ChatSessionStatus.NeedsInput:
-        statusLabel = ( localize(5177, "Needs Input"));
+        statusLabel = ( localize(5198, "Needs Input"));
         break;
     case ChatSessionStatus.InProgress:
-        statusLabel = ( localize(5178, "In Progress"));
+        statusLabel = ( localize(5199, "In Progress"));
         break;
     case ChatSessionStatus.Failed:
-        statusLabel = ( localize(5179, "Failed"));
+        statusLabel = ( localize(5200, "Failed"));
         break;
     default:
-        statusLabel = ( localize(5180, "Completed"));
+        statusLabel = ( localize(5201, "Completed"));
     }
     return statusLabel;
 }
@@ -452,7 +539,8 @@ let AgentSessionSectionRenderer = class AgentSessionSectionRenderer {
     static {
         this.TEMPLATE_ID = "agent-session-section";
     }
-    constructor(instantiationService, contextKeyService) {
+    constructor(sectionOptions, instantiationService, contextKeyService) {
+        this.sectionOptions = sectionOptions;
         this.instantiationService = instantiationService;
         this.contextKeyService = contextKeyService;
         this.templateId = AgentSessionSectionRenderer_1.TEMPLATE_ID;
@@ -488,7 +576,11 @@ let AgentSessionSectionRenderer = class AgentSessionSectionRenderer {
     }
     renderElement(element, index, template, details) {
         template.label.textContent = element.element.label;
-        template.count.textContent = String(element.element.sessions.length);
+        if (this.sectionOptions.hideSectionCount) {
+            template.count.textContent = "";
+        } else {
+            template.count.textContent = String(element.element.sessions.length);
+        }
         ChatContextKeys.agentSessionSection.bindTo(template.contextKeyService).set(element.element.section);
         template.toolbar.context = element.element;
     }
@@ -500,7 +592,81 @@ let AgentSessionSectionRenderer = class AgentSessionSectionRenderer {
         templateData.disposables.dispose();
     }
 };
-AgentSessionSectionRenderer = AgentSessionSectionRenderer_1 = ( __decorate([( __param(0, IInstantiationService)), ( __param(1, IContextKeyService))], AgentSessionSectionRenderer));
+AgentSessionSectionRenderer = AgentSessionSectionRenderer_1 = ( __decorate([( __param(1, IInstantiationService)), ( __param(2, IContextKeyService))], AgentSessionSectionRenderer));
+class AgentSessionShowMoreRenderer {
+    static {
+        this.TEMPLATE_ID = "agent-session-show-more";
+    }
+    static {
+        this.HEIGHT = 26;
+    }
+    static {
+        this.COLLAPSED_HEIGHT = 1;
+    }
+    constructor(options) {
+        this.options = options;
+        this.templateId = AgentSessionShowMoreRenderer.TEMPLATE_ID;
+    }
+    renderTemplate(container) {
+        const disposables = ( new DisposableStore());
+        const elements = h(
+            "div.agent-session-show-more@container",
+            [h("span.agent-session-show-more-label@label")]
+        );
+        container.appendChild(elements.container);
+        return {
+            container: elements.container,
+            label: elements.label,
+            disposables
+        };
+    }
+    renderElement(element, _index, template) {
+        template.label.textContent = this.options?.compactLabel ? ( localize(5202, "+{0} more", element.element.remainingCount)) : ( localize(5203, "Show {0} More...", element.element.remainingCount));
+        template.container.setAttribute("data-section-label", element.element.sectionLabel);
+    }
+    renderCompressedElements() {
+        throw ( new Error("Should never happen since show-more is incompressible"));
+    }
+    disposeElement() {}
+    disposeTemplate(templateData) {
+        templateData.disposables.dispose();
+    }
+}
+class AgentSessionShowLessRenderer {
+    constructor() {
+        this.templateId = AgentSessionShowLessRenderer.TEMPLATE_ID;
+    }
+    static {
+        this.TEMPLATE_ID = "agent-session-show-less";
+    }
+    static {
+        this.HEIGHT = AgentSessionShowMoreRenderer.HEIGHT;
+    }
+    renderTemplate(container) {
+        const disposables = ( new DisposableStore());
+        const elements = h(
+            "div.agent-session-show-more@container",
+            [h("span.agent-session-show-more-label@label")]
+        );
+        container.appendChild(elements.container);
+        return {
+            container: elements.container,
+            label: elements.label,
+            disposables
+        };
+    }
+    renderElement(element, _index, template) {
+        template.label.textContent = ( localize(5204, "Show less"));
+        template.container.setAttribute("data-section-label", element.element.sectionLabel);
+    }
+    renderCompressedElements() {
+        throw ( new Error("Should never happen since show-less is incompressible"));
+    }
+    disposeElement() {}
+    disposeTemplate(templateData) {
+        templateData.disposables.dispose();
+    }
+}
 class AgentSessionsListDelegate {
     static {
         this.ITEM_HEIGHT = 54;
@@ -508,13 +674,17 @@ class AgentSessionsListDelegate {
     static {
         this.SECTION_HEIGHT = 26;
     }
-    constructor(_approvalModel) {
+    constructor(_approvalModel, _compactShowMore) {
         this._approvalModel = _approvalModel;
+        this._compactShowMore = _compactShowMore;
     }
     getHeight(element) {
         if (isAgentSessionSection(element)) {
             return AgentSessionsListDelegate.SECTION_HEIGHT;
         }
+        if (isAgentSessionShowMore(element) || isAgentSessionShowLess(element)) {
+            return this._compactShowMore ? AgentSessionShowMoreRenderer.COLLAPSED_HEIGHT : AgentSessionShowMoreRenderer.HEIGHT;
+        }
         let height = AgentSessionsListDelegate.ITEM_HEIGHT;
         const approval = this._approvalModel?.getApproval(element.resource).get();
         if (approval) {
@@ -523,12 +693,21 @@ class AgentSessionsListDelegate {
         return height;
     }
     hasDynamicHeight(element) {
+        if (isAgentSessionShowMore(element) || isAgentSessionShowLess(element)) {
+            return true;
+        }
         return !!this._approvalModel && isAgentSession(element);
     }
     getTemplateId(element) {
         if (isAgentSessionSection(element)) {
             return AgentSessionSectionRenderer.TEMPLATE_ID;
         }
+        if (isAgentSessionShowMore(element)) {
+            return AgentSessionShowMoreRenderer.TEMPLATE_ID;
+        }
+        if (isAgentSessionShowLess(element)) {
+            return AgentSessionShowLessRenderer.TEMPLATE_ID;
+        }
         return AgentSessionRenderer.TEMPLATE_ID;
     }
 }
@@ -540,19 +719,24 @@ class AgentSessionsAccessibilityProvider {
         return "listitem";
     }
     getWidgetAriaLabel() {
-        return localize(5181, "Agent Sessions");
+        return localize(5205, "Agent Sessions");
     }
     getAriaLabel(element) {
         if (isAgentSessionSection(element)) {
-            return localize(
-                5182,
-                "{0} sessions section, {1} sessions",
-                element.label,
-                element.sessions.length
-            );
+            const count = element.sessions.length;
+            if (count === 1) {
+                return localize(5206, "{0} sessions section, {1} session", element.label, count);
+            }
+            return localize(5207, "{0} sessions section, {1} sessions", element.label, count);
+        }
+        if (isAgentSessionShowMore(element)) {
+            return localize(5208, "Show {0} more sessions", element.remainingCount);
+        }
+        if (isAgentSessionShowLess(element)) {
+            return localize(5209, "Show less sessions");
         }
         return localize(
-            5183,
+            5210,
             "{0} session {1} ({2}), created {3}",
             element.providerLabel,
             element.label,
@@ -565,12 +749,37 @@ class AgentSessionsDataSource extends Disposable {
     static {
         this.CAPPED_SESSIONS_LIMIT = 3;
     }
-    constructor(filter, sorter) {
+    static {
+        this.REPOSITORY_GROUP_LIMIT = 5;
+    }
+    constructor(filter, sorter, repositoryGroupLimit) {
         super();
         this.filter = filter;
         this.sorter = sorter;
+        this.repositoryGroupLimit = repositoryGroupLimit;
         this._onDidGetChildren = this._register(( new Emitter()));
         this.onDidGetChildren = this._onDidGetChildren.event;
+        this._onDidExpandRepositoryGroup = this._register(( new Emitter()));
+        this.onDidExpandRepositoryGroup = this._onDidExpandRepositoryGroup.event;
+        this.expandedRepositoryGroups = ( new Set());
+        if (this.filter) {
+            let previousCapped = this.filter.getExcludes().repositoryGroupCapped;
+            this._register(this.filter.onDidChange(() => {
+                const currentCapped = this.filter.getExcludes().repositoryGroupCapped;
+                if (currentCapped && !previousCapped) {
+                    this.expandedRepositoryGroups.clear();
+                }
+                previousCapped = currentCapped;
+            }));
+        }
+    }
+    expandRepositoryGroup(sectionLabel) {
+        this.expandedRepositoryGroups.add(sectionLabel);
+        this._onDidExpandRepositoryGroup.fire();
+    }
+    collapseRepositoryGroup(sectionLabel) {
+        this.expandedRepositoryGroups.delete(sectionLabel);
+        this._onDidExpandRepositoryGroup.fire();
     }
     hasChildren(element) {
         if (isAgentSessionsModel(element)) {
@@ -601,6 +810,23 @@ class AgentSessionsDataSource extends Disposable {
             return filteredSessions;
         }
         else if (isAgentSessionSection(element)) {
+            const isCappingEnabled = this.repositoryGroupLimit && this.filter?.getExcludes().repositoryGroupCapped;
+            if (isCappingEnabled && element.section === AgentSessionSection.Repository && element.sessions.length > this.repositoryGroupLimit) {
+                if (!( this.expandedRepositoryGroups.has(element.label))) {
+                    const visible = element.sessions.slice(0, this.repositoryGroupLimit);
+                    const remainingCount = element.sessions.length - this.repositoryGroupLimit;
+                    return [...visible, {
+                        showMore: true,
+                        sectionLabel: element.label,
+                        remainingCount
+                    }];
+                } else {
+                    return [...element.sessions, {
+                        showLess: true,
+                        sectionLabel: element.label
+                    }];
+                }
+            }
             return element.sessions;
         }
         else {
@@ -613,7 +839,7 @@ class AgentSessionsDataSource extends Disposable {
         const sortedSessions = sorter instanceof AgentSessionsSorter ? sessions.sort((a, b) => sorter.compare(
             a,
             b,
-            isCapped
+            true
         )) : sessions.sort(sorter.compare.bind(sorter));
         if (isCapped) {
             if (this.filter?.getExcludes().read) {
@@ -697,17 +923,12 @@ class AgentSessionsDataSource extends Disposable {
             }
         }
         const result = [];
-        if (pinnedSessions.length > 0) {
-            result.push({
-                section: AgentSessionSection.Pinned,
-                label: AgentSessionSectionLabels[AgentSessionSection.Pinned],
-                sessions: pinnedSessions
-            });
-        }
-        for (const [, {
+        result.push(...pinnedSessions);
+        const sortedRepoGroups = [...( repoMap.values())].sort((a, b) => compareIgnoreCase(a.label, b.label));
+        for (const {
             label,
             sessions
-        }] of repoMap) {
+        } of sortedRepoGroups) {
             result.push({
                 section: AgentSessionSection.Repository,
                 label,
@@ -844,14 +1065,14 @@ function extractRepoNameFromPath(dirPath) {
     return segments[segments.length - 1];
 }
 const AgentSessionSectionLabels = {
-    [AgentSessionSection.Pinned]: ( localize(5184, "Pinned")),
-    [AgentSessionSection.Today]: ( localize(5185, "Today")),
-    [AgentSessionSection.Yesterday]: ( localize(5186, "Yesterday")),
-    [AgentSessionSection.Week]: ( localize(5187, "Last 7 days")),
-    [AgentSessionSection.Older]: ( localize(5188, "Older")),
-    [AgentSessionSection.Archived]: ( localize(5189, "Archived")),
-    [AgentSessionSection.More]: ( localize(5190, "More")),
-    [AgentSessionSection.Repository]: ( localize(5191, "Other"))
+    [AgentSessionSection.Pinned]: ( localize(5211, "Pinned")),
+    [AgentSessionSection.Today]: ( localize(5212, "Today")),
+    [AgentSessionSection.Yesterday]: ( localize(5213, "Yesterday")),
+    [AgentSessionSection.Week]: ( localize(5214, "Last 7 days")),
+    [AgentSessionSection.Older]: ( localize(5215, "Older")),
+    [AgentSessionSection.Archived]: ( localize(5216, "Archived")),
+    [AgentSessionSection.More]: ( localize(5217, "More")),
+    [AgentSessionSection.Repository]: ( localize(5218, "Other"))
 };
 const DAY_THRESHOLD = 24 * 60 * 60 * 1000;
 const WEEK_THRESHOLD = 7 * DAY_THRESHOLD;
@@ -916,10 +1137,10 @@ function sessionDateFromNow(sessionTime, appendAgoLabel) {
     const startOfYesterday = startOfToday - DAY_THRESHOLD;
     const startOfTwoDaysAgo = startOfYesterday - DAY_THRESHOLD;
     if (sessionTime < startOfToday && sessionTime >= startOfYesterday) {
-        return appendAgoLabel ? ( localize(5192, "1 day ago")) : ( localize(5193, "1 day"));
+        return appendAgoLabel ? ( localize(5219, "1 day ago")) : ( localize(5220, "1 day"));
     }
     if (sessionTime < startOfYesterday && sessionTime >= startOfTwoDaysAgo) {
-        return appendAgoLabel ? ( localize(5194, "2 days ago")) : ( localize(5195, "2 days"));
+        return appendAgoLabel ? ( localize(5221, "2 days ago")) : ( localize(5222, "2 days"));
     }
     return fromNow(sessionTime, appendAgoLabel);
 }
@@ -928,6 +1149,12 @@ class AgentSessionsIdentityProvider {
         if (isAgentSessionSection(element)) {
             return `section-${element.section}-${element.label}`;
         }
+        if (isAgentSessionShowMore(element)) {
+            return `show-more-${element.sectionLabel}`;
+        }
+        if (isAgentSessionShowLess(element)) {
+            return `show-less-${element.sectionLabel}`;
+        }
         if (isAgentSession(element)) {
             return ( element.resource.toString());
         }
@@ -987,6 +1214,12 @@ class AgentSessionsKeyboardNavigationLabelProvider {
         if (isAgentSessionSection(element)) {
             return element.label;
         }
+        if (isAgentSessionShowMore(element)) {
+            return element.sectionLabel;
+        }
+        if (isAgentSessionShowLess(element)) {
+            return element.sectionLabel;
+        }
         return element.label;
     }
     getCompressedNodeKeyboardNavigationLabel(elements) {
@@ -1004,7 +1237,7 @@ let AgentSessionsDragAndDrop = class AgentSessionsDragAndDrop extends Disposable
         this.instantiationService.invokeFunction(accessor => fillEditorsDragData(accessor, uris, originalEvent));
     }
     getDragURI(element) {
-        if (isAgentSessionSection(element)) {
+        if (isAgentSessionSection(element) || isAgentSessionShowMore(element) || isAgentSessionShowLess(element)) {
             return null;
         }
         return ( element.resource.toString());
@@ -1014,7 +1247,7 @@ let AgentSessionsDragAndDrop = class AgentSessionsDragAndDrop extends Disposable
         if (sessions.length === 1) {
             return sessions[0].label;
         }
-        return localize(5196, "{0} agent sessions", sessions.length);
+        return localize(5223, "{0} agent sessions", sessions.length);
     }
     onDragOver(data, targetElement, targetIndex, targetSector, originalEvent) {
         return false;
@@ -1023,4 +1256,4 @@ let AgentSessionsDragAndDrop = class AgentSessionsDragAndDrop extends Disposable
 };
 AgentSessionsDragAndDrop = ( __decorate([( __param(0, IInstantiationService))], AgentSessionsDragAndDrop));
 
-export { AgentSessionRenderer, AgentSessionSectionLabels, AgentSessionSectionRenderer, AgentSessionsAccessibilityProvider, AgentSessionsCompressionDelegate, AgentSessionsDataSource, AgentSessionsDragAndDrop, AgentSessionsIdentityProvider, AgentSessionsKeyboardNavigationLabelProvider, AgentSessionsListDelegate, AgentSessionsSorter, getRepositoryName, groupAgentSessionsByDate, sessionDateFromNow, toStatusLabel };
+export { AgentSessionRenderer, AgentSessionSectionLabels, AgentSessionSectionRenderer, AgentSessionShowLessRenderer, AgentSessionShowMoreRenderer, AgentSessionsAccessibilityProvider, AgentSessionsCompressionDelegate, AgentSessionsDataSource, AgentSessionsDragAndDrop, AgentSessionsIdentityProvider, AgentSessionsKeyboardNavigationLabelProvider, AgentSessionsListDelegate, AgentSessionsSorter, getRepositoryName, groupAgentSessionsByDate, sessionDateFromNow, toStatusLabel };