test: cover settings import timestamp cache reset behavior

Strengthen SettingsView regression coverage around settingsImportedAt.

Verify that replaying the same import timestamp does not let the
cache-busting effect overwrite an in-progress provider edit, and add
the inverse case to prove a fresh import timestamp still refreshes
cachedState from the latest extensionState apiConfiguration.

Also assert that a fresh import clears the dirty state by disabling the
Save button after pending edits are replaced by imported settings.

Author: JunyongParkDev

webview-ui/src/components/settings/__tests__/SettingsView.change-detection.spec.tsx

@@ -1,4 +1,4 @@
-import { render, screen, fireEvent, waitFor } from "@testing-library/react"
+import { act, render, screen, fireEvent, waitFor } from "@testing-library/react"
 import { vi, describe, it, expect, beforeEach } from "vitest"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import React from "react"
@@ -449,6 +449,12 @@ describe("SettingsView - Change Detection Fix", () => {
 			</QueryClientProvider>,
 		)
 
+		// Let the import cache-busting effect run. With the old implementation,
+		// this would reset cachedState back to the replayed Baseten config.
+		await act(async () => {
+			await new Promise((resolve) => setTimeout(resolve, 0))
+		})
+
 		expect(screen.getByTestId("provider-value")).toHaveTextContent("deepseek")
 
 		mockPostMessage.mockClear()
@@ -462,4 +468,53 @@ describe("SettingsView - Change Detection Fix", () => {
 			}),
 		})
 	})
+
+	it("resets cached provider state when a new import timestamp arrives", async () => {
+		const onDone = vi.fn()
+		let extensionState = createExtensionState({
+			settingsImportedAt: 100,
+			apiConfiguration: {
+				apiProvider: "openai",
+				apiModelId: "gpt-4.1",
+			},
+		})
+
+		;(useExtensionState as any).mockImplementation(() => extensionState)
+
+		const { rerender } = render(
+			<QueryClientProvider client={queryClient}>
+				<SettingsView onDone={onDone} />
+			</QueryClientProvider>,
+		)
+
+		await waitFor(() => {
+			expect(screen.getByTestId("provider-value")).toHaveTextContent("openai")
+		})
+
+		fireEvent.click(screen.getByTestId("set-provider-deepseek"))
+		expect(screen.getByTestId("provider-value")).toHaveTextContent("deepseek")
+
+		extensionState = createExtensionState({
+			settingsImportedAt: 101,
+			apiConfiguration: {
+				apiProvider: "baseten",
+				apiModelId: "zai-org/GLM-4.6",
+				basetenApiKey: "imported-baseten-key",
+			},
+		})
+
+		rerender(
+			<QueryClientProvider client={queryClient}>
+				<SettingsView onDone={onDone} />
+			</QueryClientProvider>,
+		)
+
+		await waitFor(() => {
+			expect(screen.getByTestId("provider-value")).toHaveTextContent("baseten")
+		})
+
+		await waitFor(() => {
+			expect(screen.getByTestId("save-button")).toBeDisabled()
+		})
+	})
 })