feat(settings): emit telemetry for chat font size changes (#157)

The chat font size change/reset handlers now emit telemetry like the other
UI settings handlers in this file (ui_settings_chat_font_size_changed with
the value, and ui_settings_chat_font_size_reset). Covered by UISettings spec.

Author: proyectoauraorg

webview-ui/src/components/settings/UISettings.tsx

@@ -57,10 +57,18 @@ export const UISettings = ({
 
 	const handleChatFontSizeChange = (value: number) => {
 		setCachedStateField("chatFontSize", value)
+
+		// Track telemetry event
+		telemetryClient.capture("ui_settings_chat_font_size_changed", {
+			value,
+		})
 	}
 
 	const handleChatFontSizeReset = () => {
 		setCachedStateField("chatFontSize", undefined)
+
+		// Track telemetry event
+		telemetryClient.capture("ui_settings_chat_font_size_reset")
 	}
 
 	return (

webview-ui/src/components/settings/__tests__/UISettings.spec.tsx

@@ -1,6 +1,11 @@
 import { render, fireEvent, waitFor } from "@testing-library/react"
 import { describe, it, expect, vi } from "vitest"
 import { UISettings } from "../UISettings"
+import { telemetryClient } from "@/utils/TelemetryClient"
+
+vi.mock("@/utils/TelemetryClient", () => ({
+	telemetryClient: { capture: vi.fn() },
+}))
 
 describe("UISettings", () => {
 	const defaultProps = {
@@ -66,6 +71,7 @@ describe("UISettings", () => {
 			fireEvent.keyDown(slider, { key: "ArrowRight" })
 
 			expect(setCachedStateField).toHaveBeenCalledWith("chatFontSize", 15)
+			expect(telemetryClient.capture).toHaveBeenCalledWith("ui_settings_chat_font_size_changed", { value: 15 })
 		})
 
 		it("disables reset when unset and clears the value on reset", () => {
@@ -85,6 +91,7 @@ describe("UISettings", () => {
 
 			fireEvent.click(resetSet)
 			expect(setCachedStateField).toHaveBeenCalledWith("chatFontSize", undefined)
+			expect(telemetryClient.capture).toHaveBeenCalledWith("ui_settings_chat_font_size_reset")
 		})
 	})
 })