From d48d4378edfe0d07ab79a2b276765282fdf30b7d Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Mon, 28 Oct 2024 03:39:26 -0400
Subject: [PATCH] Ellipsis browser url

---
 .../src/components/chat/BrowserSessionRow.tsx      | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/webview-ui/src/components/chat/BrowserSessionRow.tsx b/webview-ui/src/components/chat/BrowserSessionRow.tsx
index b5c9f83..ad101a5 100644
--- a/webview-ui/src/components/chat/BrowserSessionRow.tsx
+++ b/webview-ui/src/components/chat/BrowserSessionRow.tsx
@@ -270,10 +270,17 @@ const BrowserSessionRow = memo((props: BrowserSessionRowProps) => {
 							? "var(--vscode-input-foreground)"
 							: "var(--vscode-descriptionForeground)",
 						fontSize: "12px",
-						wordBreak: "break-all",
-						whiteSpace: "normal",
 					}}>
-					{displayState.url || "http"}
+					<div
+						style={{
+							textOverflow: "ellipsis",
+							overflow: "hidden",
+							whiteSpace: "nowrap",
+							width: "100%",
+							textAlign: "center",
+						}}>
+						{displayState.url || "http"}
+					</div>
 				</div>
 
 				{/* Screenshot Area */}
@@ -295,6 +302,7 @@ const BrowserSessionRow = memo((props: BrowserSessionRowProps) => {
 								width: "100%",
 								height: "100%",
 								objectFit: "contain",
+								cursor: "pointer",
 							}}
 							onClick={() =>
 								vscode.postMessage({