From 1556677accc4cbf127064667fc0b4d353231f9d7 Mon Sep 17 00:00:00 2001
From: mrleemurray <mrleemurray@users.noreply.github.com>
Date: Fri, 20 Mar 2026 12:56:55 +0000
Subject: [PATCH] Improve chat session header injection logic to target
 specific container elements

---
 src/vs/sessions/browser/media/style.css | 45 +++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/src/vs/sessions/browser/media/style.css b/src/vs/sessions/browser/media/style.css
index 932170f362b..a5ab7f38d0d 100644
--- a/src/vs/sessions/browser/media/style.css
+++ b/src/vs/sessions/browser/media/style.css
@@ -22,6 +22,7 @@
 .agent-sessions-workbench .part.sidebar {
 	background: var(--vscode-sideBar-background);
 	border-right: 1px solid var(--vscode-sideBar-border, transparent);
+	animation: sessions-card-enter-left 250ms cubic-bezier(0.0, 0.0, 0.2, 1) both;
 }
 
 .agent-sessions-workbench .part.auxiliarybar {
@@ -29,6 +30,7 @@
 	background: var(--part-background);
 	border: 1px solid var(--part-border-color, transparent);
 	border-radius: 8px;
+	animation: sessions-card-enter-right 250ms cubic-bezier(0.0, 0.0, 0.2, 1) both;
 }
 
 .agent-sessions-workbench .part.panel {
@@ -36,6 +38,49 @@
 	background: var(--part-background);
 	border: 1px solid var(--part-border-color, transparent);
 	border-radius: 8px;
+	animation: sessions-card-enter-up 250ms cubic-bezier(0.0, 0.0, 0.2, 1) both;
+}
+
+/* Card entrance animations */
+@keyframes sessions-card-enter-left {
+	from {
+		opacity: 0;
+		transform: translateX(-12px) scale(0.97);
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0) scale(1);
+	}
+}
+
+@keyframes sessions-card-enter-right {
+	from {
+		opacity: 0;
+		transform: translateX(12px) scale(0.97);
+	}
+	to {
+		opacity: 1;
+		transform: translateX(0) scale(1);
+	}
+}
+
+@keyframes sessions-card-enter-up {
+	from {
+		opacity: 0;
+		transform: translateY(12px) scale(0.97);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0) scale(1);
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.agent-sessions-workbench .part.sidebar,
+	.agent-sessions-workbench .part.auxiliarybar,
+	.agent-sessions-workbench .part.panel {
+		animation: none;
+	}
 }
 
 /* Grid background matches the chat bar / sidebar background */