@codingame/monaco-vscode-katex-common 26.2.2 → 27.0.0

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

@@ -29,7 +29,7 @@ import { ServiceCollection } from '@codingame/monaco-vscode-api/vscode/vs/platfo
 import { renderAsPlaintext } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/markdownRenderer';
 import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
 import { AgentSessionHoverWidget } from './agentSessionHoverWidget.js';
-import { AgentSessionProviders } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessions';
+import { AgentSessionProviders, getAgentSessionTime } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessions';
 import { AgentSessionsGrouping } from './agentSessionsFilter.js';
 import { isSessionInProgressStatus, ChatSessionStatus } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService';
 
@@ -73,9 +73,13 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 [h("div.agent-session-diff-container@diffContainer", [
                     h("span.agent-session-diff-added@addedSpan"),
                     h("span.agent-session-diff-removed@removedSpan")
-                ]), h("div.agent-session-badge@badge"), h("div.agent-session-description@description"), h("div.agent-session-status@statusContainer", [
-                    h("span.agent-session-status-provider-icon@statusProviderIcon"),
-                    h("span.agent-session-status-time@statusTime")
+                ]), h("div.agent-session-description@description"), h("div.agent-session-details-right", [
+                    h("div.agent-session-badge@badge"),
+                    h("span.agent-session-separator@separator"),
+                    h("div.agent-session-status@statusContainer", [
+                        h("span.agent-session-status-provider-icon@statusProviderIcon"),
+                        h("span.agent-session-status-time@statusTime")
+                    ])
                 ])]
             )])
         ]);
@@ -104,6 +108,7 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
             diffAddedSpan: elements.addedSpan,
             diffRemovedSpan: elements.removedSpan,
             badge: elements.badge,
+            separator: elements.separator,
             description: elements.description,
             statusContainer: elements.statusContainer,
             statusProviderIcon: elements.statusProviderIcon,
@@ -146,14 +151,12 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
             hasAgentSessionChanges = hasDiff;
         }
         ChatContextKeys.hasAgentSessionChanges.bindTo(template.contextKeyService).set(hasAgentSessionChanges);
-        let hasBadge = false;
-        if (!isSessionInProgressStatus(session.element.status)) {
-            hasBadge = this.renderBadge(session, template);
-        }
+        const hasBadge = this.renderBadge(session, template);
         template.badge.classList.toggle("has-badge", hasBadge);
         if (!hasDiff) {
-            this.renderDescription(session, template, hasBadge);
+            this.renderDescription(session, template);
         }
+        template.separator.classList.toggle("has-separator", hasBadge);
         this.renderStatus(session, template);
         this.renderHover(session, template);
     }
@@ -209,35 +212,32 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         }
         return Codicon.circleSmallFilled;
     }
-    renderDescription(session, template, hasBadge) {
+    renderDescription(session, template) {
         const description = session.element.description;
         if (description) {
             this.renderMarkdownOrText(description, template.description, template.elementDisposable);
+            return;
         }
-        else {
-            if (session.element.status === ChatSessionStatus.InProgress) {
-                template.description.textContent = ( localize(4990, "Working..."));
-            } else if (session.element.status === ChatSessionStatus.NeedsInput) {
-                template.description.textContent = ( localize(4991, "Input needed."));
-            } else if (hasBadge && session.element.status === ChatSessionStatus.Completed) {
-                template.description.textContent = "";
-            } else if (session.element.timing.lastRequestEnded && session.element.timing.lastRequestStarted && session.element.timing.lastRequestEnded > session.element.timing.lastRequestStarted) {
-                const duration = this.toDuration(
-                    session.element.timing.lastRequestStarted,
-                    session.element.timing.lastRequestEnded,
-                    false,
-                    true
-                );
-                template.description.textContent = session.element.status === ChatSessionStatus.Failed ? ( localize(4992, "Failed after {0}.", duration)) : ( localize(4993, "Completed in {0}.", duration));
-            } else {
-                template.description.textContent = session.element.status === ChatSessionStatus.Failed ? ( localize(4994, "Failed")) : ( localize(4995, "Completed"));
-            }
+        if (session.element.status === ChatSessionStatus.InProgress) {
+            template.description.textContent = ( localize(5104, "Working..."));
+        } else if (session.element.status === ChatSessionStatus.NeedsInput) {
+            template.description.textContent = ( localize(5105, "Input needed."));
+        } else if (session.element.timing.lastRequestEnded && session.element.timing.lastRequestStarted && session.element.timing.lastRequestEnded > session.element.timing.lastRequestStarted) {
+            const duration = this.toDuration(
+                session.element.timing.lastRequestStarted,
+                session.element.timing.lastRequestEnded,
+                false,
+                true
+            );
+            template.description.textContent = session.element.status === ChatSessionStatus.Failed ? ( localize(5106, "Failed after {0}", duration)) : ( localize(5107, "Completed in {0}", duration));
+        } else {
+            template.description.textContent = session.element.status === ChatSessionStatus.Failed ? ( localize(5108, "Failed")) : ( localize(5109, "Completed"));
         }
     }
     toDuration(startTime, endTime, useFullTimeWords, disallowNow) {
         const elapsed = Math.max(Math.round((endTime - startTime) / 1000) * 1000, 1000 );
         if (!disallowNow && elapsed < 60000) {
-            return localize(4996, "now");
+            return localize(5110, "now");
         }
         return getDurationString(elapsed, useFullTimeWords);
     }
@@ -248,17 +248,18 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 timeLabel = this.toDuration(session.timing.lastRequestStarted, Date.now(), false, false);
             }
             if (!timeLabel) {
-                const date = session.timing.lastRequestEnded ?? session.timing.lastRequestStarted ?? session.timing.created;
+                const date = getAgentSessionTime(session.timing);
                 const seconds = Math.round((( new Date()).getTime() - date) / 1000);
                 if (seconds < 60) {
-                    timeLabel = ( localize(4996, "now"));
+                    timeLabel = ( localize(5110, "now"));
                 } else {
-                    timeLabel = fromNow(date, true);
+                    timeLabel = sessionDateFromNow(date);
                 }
             }
             return timeLabel;
         };
-        template.statusProviderIcon.className = `agent-session-status-provider-icon ${ThemeIcon.asClassName(session.element.icon)}`;
+        const isLocal = session.element.providerType === AgentSessionProviders.Local;
+        template.statusProviderIcon.className = isLocal ? "" : `agent-session-status-provider-icon ${ThemeIcon.asClassName(session.element.icon)}`;
         template.statusTime.textContent = getTimeLabel(session.element);
         const timer = template.elementDisposable.add(( new IntervalTimer()));
         timer.cancelAndSet(
@@ -267,6 +268,9 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         );
     }
     renderHover(session, template) {
+        if (this.options.disableHover) {
+            return;
+        }
         if (!isSessionInProgressStatus(session.element.status) && session.element.isRead()) {
             return;
         }
@@ -308,16 +312,16 @@ function toStatusLabel(status) {
     let statusLabel;
     switch (status) {
     case ChatSessionStatus.NeedsInput:
-        statusLabel = ( localize(4997, "Needs Input"));
+        statusLabel = ( localize(5111, "Needs Input"));
         break;
     case ChatSessionStatus.InProgress:
-        statusLabel = ( localize(4998, "In Progress"));
+        statusLabel = ( localize(5112, "In Progress"));
         break;
     case ChatSessionStatus.Failed:
-        statusLabel = ( localize(4999, "Failed"));
+        statusLabel = ( localize(5113, "Failed"));
         break;
     default:
-        statusLabel = ( localize(5000, "Completed"));
+        statusLabel = ( localize(5114, "Completed"));
     }
     return statusLabel;
 }
@@ -376,7 +380,7 @@ let AgentSessionSectionRenderer = class AgentSessionSectionRenderer {
 AgentSessionSectionRenderer = AgentSessionSectionRenderer_1 = ( __decorate([( __param(0, IInstantiationService)), ( __param(1, IContextKeyService))], AgentSessionSectionRenderer));
 class AgentSessionsListDelegate {
     static {
-        this.ITEM_HEIGHT = 52;
+        this.ITEM_HEIGHT = 54;
     }
     static {
         this.SECTION_HEIGHT = 26;
@@ -402,14 +406,14 @@ class AgentSessionsAccessibilityProvider {
         return "listitem";
     }
     getWidgetAriaLabel() {
-        return localize(5001, "Agent Sessions");
+        return localize(5115, "Agent Sessions");
     }
     getAriaLabel(element) {
         if (isAgentSessionSection(element)) {
-            return localize(5002, "{0} sessions section", element.label);
+            return localize(5116, "{0} sessions section", element.label);
         }
         return localize(
-            5003,
+            5117,
             "{0} session {1} ({2}), created {3}",
             element.providerLabel,
             element.label,
@@ -463,6 +467,9 @@ class AgentSessionsDataSource {
     groupSessionsIntoSections(sessions) {
         const sortedSessions = sessions.sort(this.sorter.compare.bind(this.sorter));
         if (this.filter?.groupResults?.() === AgentSessionsGrouping.Capped) {
+            if (this.filter?.getExcludes().read) {
+                return sortedSessions;
+            }
             return this.groupSessionsCapped(sortedSessions);
         } else {
             return this.groupSessionsByDate(sortedSessions);
@@ -481,7 +488,7 @@ class AgentSessionsDataSource {
         if (othersSessions.length > 0) {
             result.push({
                 section: AgentSessionSection.More,
-                label: ( localize(5004, "More ({0})", othersSessions.length)),
+                label: AgentSessionSectionLabels[AgentSessionSection.More],
                 sessions: othersSessions
             });
         }
@@ -507,23 +514,21 @@ class AgentSessionsDataSource {
         return result;
     }
 }
-const DAY_THRESHOLD = 24 * 60 * 60 * 1000;
-const WEEK_THRESHOLD = 7 * DAY_THRESHOLD;
 const AgentSessionSectionLabels = {
-    [AgentSessionSection.InProgress]: ( localize(5005, "In Progress")),
-    [AgentSessionSection.Today]: ( localize(5006, "Today")),
-    [AgentSessionSection.Yesterday]: ( localize(5007, "Yesterday")),
-    [AgentSessionSection.Week]: ( localize(5008, "Last Week")),
-    [AgentSessionSection.Older]: ( localize(5009, "Older")),
-    [AgentSessionSection.Archived]: ( localize(5010, "Archived")),
-    [AgentSessionSection.More]: ( localize(5011, "More"))
+    [AgentSessionSection.Today]: ( localize(5118, "Today")),
+    [AgentSessionSection.Yesterday]: ( localize(5119, "Yesterday")),
+    [AgentSessionSection.Week]: ( localize(5120, "Last 7 days")),
+    [AgentSessionSection.Older]: ( localize(5121, "Older")),
+    [AgentSessionSection.Archived]: ( localize(5122, "Archived")),
+    [AgentSessionSection.More]: ( localize(5123, "More"))
 };
+const DAY_THRESHOLD = 24 * 60 * 60 * 1000;
+const WEEK_THRESHOLD = 7 * DAY_THRESHOLD;
 function groupAgentSessionsByDate(sessions) {
     const now = Date.now();
     const startOfToday = ( new Date(now)).setHours(0, 0, 0, 0);
     const startOfYesterday = startOfToday - DAY_THRESHOLD;
     const weekThreshold = now - WEEK_THRESHOLD;
-    const inProgressSessions = [];
     const todaySessions = [];
     const yesterdaySessions = [];
     const weekSessions = [];
@@ -532,10 +537,8 @@ function groupAgentSessionsByDate(sessions) {
     for (const session of sessions) {
         if (session.isArchived()) {
             archivedSessions.push(session);
-        } else if (isSessionInProgressStatus(session.status)) {
-            inProgressSessions.push(session);
         } else {
-            const sessionTime = session.timing.lastRequestEnded ?? session.timing.lastRequestStarted ?? session.timing.created;
+            const sessionTime = getAgentSessionTime(session.timing);
             if (sessionTime >= startOfToday) {
                 todaySessions.push(session);
             } else if (sessionTime >= startOfYesterday) {
@@ -547,11 +550,7 @@ function groupAgentSessionsByDate(sessions) {
             }
         }
     }
-    return (new Map([[AgentSessionSection.InProgress, {
-        section: AgentSessionSection.InProgress,
-        label: AgentSessionSectionLabels[AgentSessionSection.InProgress],
-        sessions: inProgressSessions
-    }], [AgentSessionSection.Today, {
+    return ( new Map([[AgentSessionSection.Today, {
         section: AgentSessionSection.Today,
         label: AgentSessionSectionLabels[AgentSessionSection.Today],
         sessions: todaySessions
@@ -569,10 +568,23 @@ function groupAgentSessionsByDate(sessions) {
         sessions: olderSessions
     }], [AgentSessionSection.Archived, {
         section: AgentSessionSection.Archived,
-        label: ( localize(5012, "Archived ({0})", archivedSessions.length)),
+        label: AgentSessionSectionLabels[AgentSessionSection.Archived],
         sessions: archivedSessions
     }]]));
 }
+function sessionDateFromNow(sessionTime) {
+    const now = Date.now();
+    const startOfToday = ( new Date(now)).setHours(0, 0, 0, 0);
+    const startOfYesterday = startOfToday - DAY_THRESHOLD;
+    const startOfTwoDaysAgo = startOfYesterday - DAY_THRESHOLD;
+    if (sessionTime < startOfToday && sessionTime >= startOfYesterday) {
+        return localize(5124, "1 day");
+    }
+    if (sessionTime < startOfYesterday && sessionTime >= startOfTwoDaysAgo) {
+        return localize(5125, "2 days");
+    }
+    return fromNow(sessionTime, false);
+}
 class AgentSessionsIdentityProvider {
     getId(element) {
         if (isAgentSessionSection(element)) {
@@ -608,14 +620,6 @@ class AgentSessionsSorter {
         if (!aNeedsInput && bNeedsInput) {
             return 1;
         }
-        const aInProgress = sessionA.status === ChatSessionStatus.InProgress;
-        const bInProgress = sessionB.status === ChatSessionStatus.InProgress;
-        if (aInProgress && !bInProgress) {
-            return -1;
-        }
-        if (!aInProgress && bInProgress) {
-            return 1;
-        }
         const aArchived = sessionA.isArchived();
         const bArchived = sessionB.isArchived();
         if (!aArchived && bArchived) {
@@ -628,8 +632,8 @@ class AgentSessionsSorter {
         if (typeof override === "number") {
             return override;
         }
-        const timeA = sessionA.timing.lastRequestEnded ?? sessionA.timing.lastRequestStarted ?? sessionA.timing.created;
-        const timeB = sessionB.timing.lastRequestEnded ?? sessionB.timing.lastRequestStarted ?? sessionB.timing.created;
+        const timeA = getAgentSessionTime(sessionA.timing);
+        const timeB = getAgentSessionTime(sessionB.timing);
         return timeB - timeA;
     }
 }
@@ -665,7 +669,7 @@ let AgentSessionsDragAndDrop = class AgentSessionsDragAndDrop extends Disposable
         if (sessions.length === 1) {
             return sessions[0].label;
         }
-        return localize(5013, "{0} agent sessions", sessions.length);
+        return localize(5126, "{0} agent sessions", sessions.length);
     }
     onDragOver(data, targetElement, targetIndex, targetSector, originalEvent) {
         return false;
@@ -674,4 +678,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, groupAgentSessionsByDate, toStatusLabel };
+export { AgentSessionRenderer, AgentSessionSectionLabels, AgentSessionSectionRenderer, AgentSessionsAccessibilityProvider, AgentSessionsCompressionDelegate, AgentSessionsDataSource, AgentSessionsDragAndDrop, AgentSessionsIdentityProvider, AgentSessionsKeyboardNavigationLabelProvider, AgentSessionsListDelegate, AgentSessionsSorter, groupAgentSessionsByDate, sessionDateFromNow, toStatusLabel };

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

@@ -9,6 +9,14 @@
 	height: 100%;
 	min-height: 0;
 
+	.pane-body & .monaco-scrollable-element {
+		padding: 0 6px;
+	}
+
+	.monaco-list-row {
+		border-radius: 6px;
+	}
+
 	.monaco-list-row .force-no-twistie {
 		display: none !important;
 	}
@@ -21,55 +29,56 @@
 				color: unset;
 			}
 		}
+	}
 
+	.monaco-list:focus .monaco-list-row.selected .agent-session-details-row {
 		.agent-session-diff-container {
-			background-color: unset;
-			outline: 1px solid var(--vscode-agentSessionSelectedBadge-border);
-
 			.agent-session-diff-added,
 			.agent-session-diff-removed {
-				color: unset;
+					color: unset;
 			}
 		}
+	}
 
-		.agent-session-badge {
-			background-color: unset;
-			outline: 1px solid var(--vscode-agentSessionSelectedBadge-border);
-		}
+	.monaco-list-row.selected .agent-session-title {
+		color: unset;
 	}
 
-	.monaco-list:not(:focus) .monaco-list-row.selected .agent-session-details-row .agent-session-diff-container,
-	.monaco-list:not(:focus) .monaco-list-row.selected .agent-session-details-row .agent-session-badge {
-		outline: 1px solid var(--vscode-agentSessionSelectedUnfocusedBadge-border);
+	.monaco-list:not(:focus) .monaco-list-row.selected .agent-session-details-row {
+		color: var(--vscode-descriptionForeground);
 	}
 
 	.monaco-list-row .agent-session-title-toolbar {
 		/* for the absolute positioning of the toolbar below */
 		position: relative;
 		height: 16px;
+		display: none;
 
 		.monaco-toolbar {
 			/* this is required because the overal height (including the padding needed for hover feedback) would push down the title otherwise */
 			position: relative;
 			right: 0;
 			top: 0;
-			display: none;
 		}
 	}
 
-	.monaco-list-row:hover .agent-session-title-toolbar,
-	.monaco-list-row.focused .agent-session-title-toolbar {
+	/* On hover or keyboard focus: show toolbar */
+	.monaco-list-row:hover,
+	.monaco-list-row.focused {
 
-		.monaco-toolbar {
+		.agent-session-title-toolbar {
 			display: block;
 		}
+
+		.agent-session-title {
+			margin-right: 8px;
+		}
 	}
 
 	.agent-session-item {
 		display: flex;
 		flex-direction: row;
-		/* to offset from possible scrollbar */
-		padding: 8px 12px 8px 8px;
+		padding: 8px 6px;
 
 		&.archived {
 			color: var(--vscode-descriptionForeground);
@@ -85,10 +94,15 @@
 		.agent-session-icon-col {
 			display: flex;
 			align-items: flex-start;
+			line-height: 17px;
 
 			.agent-session-icon {
 				flex-shrink: 0;
-				font-size: 16px;
+				font-size: 12px;
+				height: 16px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
 
 				&.codicon.codicon-session-in-progress {
 					color: var(--vscode-textLink-foreground);
@@ -113,23 +127,25 @@
 		}
 
 		.agent-session-main-col {
-			padding-left: 8px;
+			padding-left: 6px;
 		}
 
 		.agent-session-title-row,
 		.agent-session-details-row {
 			display: flex;
 			align-items: center;
-			line-height: 16px;
 		}
 
 		.agent-session-title-row {
+			line-height: 17px;
 			padding-bottom: 4px;
 		}
 
 		.agent-session-details-row {
 			gap: 4px;
 			font-size: 12px;
+			line-height: 15px;
+			max-height: 15px;
 			color: var(--vscode-descriptionForeground);
 
 			.rendered-markdown {
@@ -148,13 +164,8 @@
 				}
 			}
 
-			.agent-session-diff-container,
-			.agent-session-badge {
-				background-color: var(--vscode-toolbar-hoverBackground);
-				font-weight: 500;
-				padding: 0 4px;
+			.agent-session-diff-container {
 				font-variant-numeric: tabular-nums;
-				border-radius: 5px;
 				overflow: hidden;
 			}
 
@@ -175,6 +186,18 @@
 				}
 			}
 
+			.agent-session-separator {
+				display: none;
+
+				&.has-separator {
+					display: inline;
+
+					&::before {
+						content: '\00B7';
+					}
+				}
+			}
+
 			.agent-session-badge {
 
 				p {
@@ -186,7 +209,7 @@
 				}
 
 				.codicon {
-					font-size: 12px;
+					font-size: 11px;
 				}
 			}
 		}
@@ -195,17 +218,32 @@
 		.agent-session-description {
 			/* push other items to the end */
 			flex: 1;
-			text-overflow: ellipsis;
 			overflow: hidden;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+		}
+
+		.agent-session-title {
+			font-size: 13px;
+		}
+
+		.agent-session-details-right {
+			display: flex;
+			align-items: center;
+			gap: 4px;
+			margin-left: auto;
+			white-space: nowrap;
+			flex-shrink: 0;
 		}
 
 		.agent-session-status {
 			display: flex;
 			align-items: center;
 			font-variant-numeric: tabular-nums;
+			white-space: nowrap;
 
 			.agent-session-status-provider-icon {
-				font-size: 12px;
+				font-size: 11px;
 				margin-right: 4px;
 
 				&.hidden {
@@ -219,11 +257,10 @@
 		display: flex;
 		align-items: center;
 		font-size: 11px;
+		font-weight: 500;
 		color: var(--vscode-descriptionForeground);
-		text-transform: uppercase;
-		letter-spacing: 0.5px;
 		/* align with session item padding */
-		padding: 0 12px 0 8px;
+		padding: 0 6px;
 
 		.agent-session-section-label {
 			flex: 1;

package/vscode/src/vs/workbench/contrib/chat/browser/attachments/chatAttachmentWidgets.d.ts

@@ -3,10 +3,12 @@ import { Disposable, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/
 import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 import { IRange } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/core/range";
 import { Location, SymbolKind } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages";
+import { ILanguageService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/languages/language.service";
+import { IModelService } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/services/model.service";
 import { MenuId } from "@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions";
 import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
 import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service";
-import { IScopedContextKeyService, RawContextKey } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey";
+import { RawContextKey } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey";
 import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
 import { IOpenEditorOptions } from "../../../../../platform/editor/browser/editor.js";
 import { IHoverService } from "@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service";
@@ -24,6 +26,7 @@ import { IChatContentReference } from "@codingame/monaco-vscode-api/vscode/vs/wo
 import { IChatRequestPasteVariableEntry, IChatRequestVariableEntry, IElementVariableEntry, INotebookOutputVariableEntry, IPromptFileVariableEntry, IPromptTextVariableEntry, ISCMHistoryItemVariableEntry, ChatRequestToolReferenceEntry, ISCMHistoryItemChangeVariableEntry, ISCMHistoryItemChangeRangeVariableEntry, ITerminalVariableEntry } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/attachments/chatVariableEntries";
 import { ILanguageModelChatMetadataAndIdentifier } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels";
 import { ILanguageModelsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels.service";
+import { IChatEntitlementService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service";
 import { ILanguageModelToolsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/tools/languageModelToolsService.service";
 declare abstract class AbstractChatAttachmentWidget extends Disposable {
     protected readonly attachment: IChatRequestVariableEntry;
@@ -72,10 +75,11 @@ export declare class ImageAttachmentWidget extends AbstractChatAttachmentWidget
     private readonly hoverService;
     private readonly languageModelsService;
     private readonly labelService;
+    private readonly chatEntitlementService;
     constructor(resource: URI | undefined, attachment: IChatRequestVariableEntry, currentLanguageModel: ILanguageModelChatMetadataAndIdentifier | undefined, options: {
         shouldFocusClearButton: boolean;
         supportsDeletion: boolean;
-    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, hoverService: IHoverService, languageModelsService: ILanguageModelsService, instantiationService: IInstantiationService, labelService: ILabelService);
+    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, hoverService: IHoverService, languageModelsService: ILanguageModelsService, instantiationService: IInstantiationService, labelService: ILabelService, chatEntitlementService: IChatEntitlementService);
 }
 export declare class PasteAttachmentWidget extends AbstractChatAttachmentWidget {
     private readonly hoverService;
@@ -89,11 +93,13 @@ export declare class DefaultChatAttachmentWidget extends AbstractChatAttachmentW
     private readonly contextKeyService;
     private readonly instantiationService;
     private readonly hoverService;
+    private readonly modelService;
+    private readonly languageService;
     private readonly _tooltipHover;
     constructor(resource: URI | undefined, range: IRange | undefined, attachment: IChatRequestVariableEntry, correspondingContentReference: IChatContentReference | undefined, currentLanguageModel: ILanguageModelChatMetadataAndIdentifier | undefined, options: {
         shouldFocusClearButton: boolean;
         supportsDeletion: boolean;
-    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, contextKeyService: IContextKeyService, instantiationService: IInstantiationService, hoverService: IHoverService);
+    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, contextKeyService: IContextKeyService, instantiationService: IInstantiationService, hoverService: IHoverService, modelService: IModelService, languageService: ILanguageService);
     private _setupTooltipHover;
 }
 export declare class PromptFileAttachmentWidget extends AbstractChatAttachmentWidget {
@@ -123,10 +129,11 @@ export declare class NotebookCellOutputChatAttachmentWidget extends AbstractChat
     private readonly languageModelsService;
     private readonly notebookService;
     private readonly instantiationService;
+    private readonly chatEntitlementService;
     constructor(resource: URI, attachment: INotebookOutputVariableEntry, currentLanguageModel: ILanguageModelChatMetadataAndIdentifier | undefined, options: {
         shouldFocusClearButton: boolean;
         supportsDeletion: boolean;
-    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, hoverService: IHoverService, languageModelsService: ILanguageModelsService, notebookService: INotebookService, instantiationService: IInstantiationService);
+    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, hoverService: IHoverService, languageModelsService: ILanguageModelsService, notebookService: INotebookService, instantiationService: IInstantiationService, chatEntitlementService: IChatEntitlementService);
     getAriaLabel(attachment: INotebookOutputVariableEntry): string;
     private renderErrorOutput;
     private renderGenericOutput;
@@ -134,10 +141,20 @@ export declare class NotebookCellOutputChatAttachmentWidget extends AbstractChat
     private getOutputItem;
 }
 export declare class ElementChatAttachmentWidget extends AbstractChatAttachmentWidget {
+    private readonly editorService;
+    private readonly hoverService;
     constructor(attachment: IElementVariableEntry, currentLanguageModel: ILanguageModelChatMetadataAndIdentifier | undefined, options: {
         shouldFocusClearButton: boolean;
         supportsDeletion: boolean;
-    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, editorService: IEditorService);
+    }, container: HTMLElement, contextResourceLabels: ResourceLabels, commandService: ICommandService, openerService: IOpenerService, configurationService: IConfigurationService, editorService: IEditorService, hoverService: IHoverService);
+    private getHoverContent;
+    private shouldRenderRichElementHover;
+    private getSimpleHoverContent;
+    private getComputedStyleEntriesForHover;
+    private getBoxShorthandValue;
+    private openElementAttachment;
+    private formatElementTag;
+    private formatAncestorTag;
 }
 export declare class SCMHistoryItemAttachmentWidget extends AbstractChatAttachmentWidget {
     constructor(attachment: ISCMHistoryItemVariableEntry, currentLanguageModel: ILanguageModelChatMetadataAndIdentifier | undefined, options: {
@@ -165,7 +182,7 @@ export declare class SCMHistoryItemChangeRangeAttachmentWidget extends AbstractC
     protected openResource(resource: URI, options: IOpenEditorOptions, isDirectory: false, range: IRange | undefined): Promise<void>;
 }
 export declare function hookUpResourceAttachmentDragAndContextMenu(accessor: ServicesAccessor, widget: HTMLElement, resource: URI): IDisposable;
-export declare function hookUpSymbolAttachmentDragAndContextMenu(accessor: ServicesAccessor, widget: HTMLElement, scopedContextKeyService: IScopedContextKeyService, attachment: {
+export declare function hookUpSymbolAttachmentDragAndContextMenu(accessor: ServicesAccessor, widget: HTMLElement, parentContextKeyService: IContextKeyService, attachment: {
     name: string;
     value: Location;
     kind: SymbolKind;