webview-ui: per-hunk diff highlighting (no cache); replace inline counter colors with VS Code theme classes; use typed diffStats in ChatRow

Author: daniel-lxs

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

@@ -338,7 +338,7 @@ export const ChatRowContent = ({
 	// Unified diff content (provided by backend when relevant)
 	const unifiedDiff = useMemo(() => {
 		if (!tool) return undefined
-		return ((tool as any).content ?? (tool as any).diff) as string | undefined
+		return (tool.content ?? tool.diff) as string | undefined
 	}, [tool])
 
 	const followUpData = useMemo(() => {
@@ -402,7 +402,7 @@ export const ChatRowContent = ({
 								isLoading={message.partial}
 								isExpanded={isExpanded}
 								onToggleExpand={handleToggleExpand}
-								diffStats={(tool as any).diffStats ?? undefined}
+								diffStats={tool.diffStats}
 							/>
 						</div>
 					</>
@@ -440,7 +440,7 @@ export const ChatRowContent = ({
 								isLoading={message.partial}
 								isExpanded={isExpanded}
 								onToggleExpand={handleToggleExpand}
-								diffStats={(tool as any).diffStats ?? undefined}
+								diffStats={tool.diffStats}
 							/>
 						</div>
 					</>
@@ -474,7 +474,7 @@ export const ChatRowContent = ({
 								isLoading={message.partial}
 								isExpanded={isExpanded}
 								onToggleExpand={handleToggleExpand}
-								diffStats={(tool as any).diffStats ?? undefined}
+								diffStats={tool.diffStats}
 							/>
 						</div>
 					</>
@@ -506,7 +506,7 @@ export const ChatRowContent = ({
 				return (
 					<UpdateTodoListToolBlock
 						todos={todos}
-						content={(tool as any).content}
+						content={tool.content}
 						onChange={(updatedTodos) => {
 							if (typeof vscode !== "undefined" && vscode?.postMessage) {
 								vscode.postMessage({ type: "updateTodoList", payload: { todos: updatedTodos } })
@@ -543,7 +543,7 @@ export const ChatRowContent = ({
 								isExpanded={isExpanded}
 								onToggleExpand={handleToggleExpand}
 								onJumpToFile={() => vscode.postMessage({ type: "openFile", text: "./" + tool.path })}
-								diffStats={(tool as any).diffStats ?? undefined}
+								diffStats={tool.diffStats}
 							/>
 						</div>
 					</>

webview-ui/src/components/common/CodeAccordian.tsx

@@ -82,12 +82,8 @@ const CodeAccordian = ({
 					{/* Prefer diff stats over generic progress indicator if available */}
 					{hasValidStats ? (
 						<div className="flex items-center gap-2 mr-1">
-							<span className="text-xs font-medium" style={{ color: "var(--vscode-charts-green)" }}>
-								+{derivedStats!.added}
-							</span>
-							<span className="text-xs font-medium" style={{ color: "var(--vscode-charts-red)" }}>
-								-{derivedStats!.removed}
-							</span>
+							<span className="text-xs font-medium text-vscode-charts-green">+{derivedStats!.added}</span>
+							<span className="text-xs font-medium text-vscode-charts-red">-{derivedStats!.removed}</span>
 						</div>
 					) : (
 						progressStatus &&