webview-ui: use standard API Request icons for background mode; keep background labels; fix deps warning in ChatRow useMemo

Author: hannesrudolph

webview-ui/src/components/chat/ChatRow.tsx

@@ -305,7 +305,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)
 						)
@@ -317,7 +317,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>
@@ -344,17 +346,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",