Todo items with description tooltip (microsoft#258931)

Author: digitarald

src/vs/workbench/contrib/chat/browser/chatContentParts/chatTodoListWidget.ts

@@ -106,6 +106,11 @@ export class ChatTodoListWidget extends Disposable {
 		todoList.forEach((todo, index) => {
 			const todoElement = dom.$('.todo-item');
 
+			// Add tooltip if description exists
+			if (todo.description && todo.description.trim()) {
+				todoElement.title = todo.description;
+			}
+
 			const statusIcon = dom.$('.todo-status-icon.codicon');
 			statusIcon.classList.add(this.getStatusIconClass(todo.status));
 			statusIcon.style.color = this.getStatusIconColor(todo.status);

src/vs/workbench/contrib/chat/browser/media/chat.css

@@ -2421,6 +2421,10 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	padding: 2px 0;
 }
 
+.chat-todo-list-widget .todo-item[title]:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
 .chat-todo-list-widget .todo-status-icon {
 	flex-shrink: 0;
 	font-size: 14px;