fix(site): invalidate debug runs on chat interrupt

ThomasK33 · ThomasK33 · commit 3447e85facdd · 2026-04-20T18:39:20.000+02:00
interruptChat was the only debug-run-producing mutation that didn't kick
the Debug panel query on success. The other four (createChatMessage,
editChatMessage, promoteChatQueuedMessage, regenerateChatTitle) all
invalidate chatDebugRunsKey. Without it, the panel shows stale
"running" for up to the 5s poll interval after the user interrupts.

Change-Id: I086ca5dde03439f6bc48458b91f9d0f0e81041fa
Signed-off-by: Thomas Kosiewski &lt;tk@coder.com&gt;
diff --git a/site/src/api/queries/chats.test.ts b/site/src/api/queries/chats.test.ts
@@ -1179,15 +1179,18 @@ describe("mutation invalidation scope", () => {
 		);
 	});
 
-	it("interruptChat does not invalidate unrelated queries", async () => {
+	it("interruptChat invalidates debug runs without touching unrelated queries", async () => {
 		const queryClient = createTestQueryClient();
 		const chatId = "chat-1";
 		seedAllActiveQueries(queryClient, chatId);
 
-		// interruptChat has no onSuccess handler — the WebSocket
-		// delivers status changes in real-time.
 		const mutation = interruptChat(queryClient, chatId);
-		expect(mutation).not.toHaveProperty("onSuccess");
+		await mutation.onSuccess?.();
+
+		expect(
+			queryClient.getQueryState(chatDebugRunsKey(chatId))?.isInvalidated,
+			"chatDebugRunsKey should be invalidated",
+		).toBe(true);
 
 		for (const { label, key } of unrelatedKeys(chatId)) {
 			const state = queryClient.getQueryState(key);
diff --git a/site/src/api/queries/chats.ts b/site/src/api/queries/chats.ts
@@ -984,11 +984,15 @@ export const editChatMessage = (queryClient: QueryClient, chatId: string) => ({
 	},
 });
 
-export const interruptChat = (_queryClient: QueryClient, chatId: string) => ({
+export const interruptChat = (queryClient: QueryClient, chatId: string) => ({
 	mutationFn: () => API.experimental.interruptChat(chatId),
-	// No onSuccess invalidation needed: the per-chat WebSocket
-	// delivers the status change via setChatStatus, and the global
-	// watchChats() WebSocket updates the sidebar.
+	onSuccess: () => {
+		// Chat status and sidebar state are covered by the per-chat
+		// and watchChats() WebSockets, but the Debug panel uses polling.
+		// Kick its list query so the run flips to "interrupted" without
+		// waiting for the next poll cycle.
+		void invalidateChatDebugRuns(queryClient, chatId);
+	},
 });
 
 export const deleteChatQueuedMessage = (
