Merge 34d0105a4cfbdd938e5327500ef16e55e7fd0869 into 5e417b44e1540f528d2ae63e3e20229a902d1db2

ui/src/ui/views/chat.test.ts

@@ -527,6 +527,26 @@ describe("chat view", () => {
     expect(container.textContent).not.toContain("New session");
   });
 
+  it("shows a stop button when aborting is available during tool execution", () => {
+    const container = document.createElement("div");
+    const onAbort = vi.fn();
+    render(
+      renderChat(
+        createProps({
+          canAbort: true,
+          sending: false,
+          onAbort,
+        }),
+      ),
+      container,
+    );
+
+    const stopButton = container.querySelector<HTMLButtonElement>('button[title="Stop"]');
+    expect(stopButton).not.toBeUndefined();
+    stopButton?.dispatchEvent(new MouseEvent("click", { bubbles: true }));
+    expect(onAbort).toHaveBeenCalledTimes(1);
+  });
+
   it("shows a new session button when aborting is unavailable", () => {
     const container = document.createElement("div");
     const onNewSession = vi.fn();

ui/src/ui/views/chat.ts

@@ -1299,7 +1299,7 @@ export function renderChat(props: ChatProps) {
             </button>
 
             ${
-              canAbort && (isBusy || props.sending)
+              canAbort
                 ? html`
                   <button class="chat-send-btn chat-send-btn--stop" @click=${props.onAbort} title="Stop">
                     ${icons.stop}