From 49f90b98f56c8551410922e946d4c6b384266d28 Mon Sep 17 00:00:00 2001
From: Hannes Rudolph <hrudolph@gmail.com>
Date: Fri, 24 Oct 2025 17:30:28 -0600
Subject: [PATCH] webview-ui: use standard API Request icons for background
 mode; keep background labels; fix deps warning in ChatRow useMemo

---
 webview-ui/src/components/chat/ChatRow.tsx | 18 +++++-------------
 1 file changed, 5 insertions(+), 13 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatRow.tsx b/webview-ui/src/components/chat/ChatRow.tsx
index c7743985a2..fa17bf1541 100644
--- a/webview-ui/src/components/chat/ChatRow.tsx
+++ b/webview-ui/src/components/chat/ChatRow.tsx
@@ -340,7 +340,7 @@ export const ChatRowContent = ({
 						)
 					) : bgDone ? (
 						bgStatus === "completed" ? (
-							<span className={`codicon codicon-chevron-${isExpanded ? "down" : "right"}`} />
+							getIconSpan("arrow-swap", normalColor)
 						) : (
 							getIconSpan("error", bgStatus === "canceled" ? cancelledColor : errorColor)
 						)
@@ -352,7 +352,9 @@ export const ChatRowContent = ({
 						<ProgressIndicator />
 					),
 					apiReqCancelReason !== null && apiReqCancelReason !== undefined ? (
-						apiReqCancelReason === "user_cancelled" ? (
+						isBackground && label ? (
+							<span style={{ color: normalColor }}>{label}</span>
+						) : apiReqCancelReason === "user_cancelled" ? (
 							<span style={{ color: normalColor, fontWeight: "bold" }}>
 								{t("chat:apiRequest.cancelled")}
 							</span>
@@ -379,17 +381,7 @@ export const ChatRowContent = ({
 			default:
 				return [null, null]
 		}
-	}, [
-		type,
-		isCommandExecuting,
-		message,
-		isExpanded,
-		isMcpServerResponding,
-		apiReqCancelReason,
-		cost,
-		apiRequestFailedMessage,
-		t,
-	])
+	}, [type, isCommandExecuting, message, isMcpServerResponding, apiReqCancelReason, cost, apiRequestFailedMessage, t])
 
 	const headerStyle: React.CSSProperties = {
 		display: "flex",