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

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 {
@@ -213,17 +251,63 @@
 				}
 			}
 		}
+		.agent-session-approval-row {
+			display: none;
+			align-items: flex-end;
+			gap: 8px;
+			margin-top: 4px;
+			padding: 4px 8px;
+			box-sizing: border-box;
+			border: 1px solid var(--vscode-contrastBorder, var(--vscode-widget-border, transparent));
+			border-radius: 4px;
+			background-color: var(--vscode-editor-background);
+			color: var(--vscode-editor-foreground);
+
+			&.visible {
+				display: flex;
+			}
+
+			.agent-session-approval-label {
+				flex: 1;
+				overflow: hidden;
+				min-width: 0;
+
+				& > .rendered-markdown,
+				& > .rendered-markdown > .code,
+				& > .rendered-markdown > .code > span {
+					display: block;
+					overflow: hidden;
+				}
+
+				.monaco-tokenized-source {
+					display: block;
+					overflow: hidden;
+					white-space: nowrap;
+					text-overflow: ellipsis;
+					font-size: 12px;
+				}
+			}
+
+			.agent-session-approval-button {
+				flex-shrink: 0;
+
+				.monaco-button {
+					padding: 2px 10px;
+					font-size: 12px;
+					white-space: nowrap;
+				}
+			}
+		}
 	}
 
 	.agent-session-section {
 		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;
@@ -260,4 +344,26 @@
 	.monaco-list:not(:focus) .monaco-list-row.selected .agent-session-section-label {
 		color: var(--vscode-list-inactiveSelectionForeground);
 	}
+
+	.agent-sessions-empty-filter-message {
+		padding: 8px 12px;
+		font-size: 12px;
+		color: var(--vscode-descriptionForeground);
+
+		.reset-filter-link {
+			color: var(--vscode-textLink-foreground);
+			cursor: pointer;
+			text-decoration: none;
+
+			&:hover {
+				text-decoration: underline;
+			}
+
+			&:focus-visible {
+				text-decoration: underline;
+				outline: 1px solid var(--vscode-focusBorder);
+				outline-offset: 1px;
+			}
+		}
+	}
 }

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;