chore(aichat): nit on stop button styling

[centdix]

No description provided.

[claude]

Claude finished @centdix's task in 1m 4s —— View job

---

Review Complete ✅

• Gather context and understand the changes
• Review code quality and best practices
• Provide feedback

---

Summary: This PR improves the stop button UX in the AI chat by replacing the spinning loader icon with a static square (stop) icon and adding custom background styling.

Changes Analysis

Aspect	Assessment
Code Quality	✅ Good - Clean implementation
Best Practices	✅ Follows existing patterns
Bugs/Issues	✅ None identified
Performance	✅ Neutral (removes animation, minor improvement)
Security	✅ No concerns

Detailed Feedback

What changed:

1. Added Square icon import from lucide-svelte
2. Changed the stop button icon from Loader2 (with spin animation) to Square
3. Added custom button classes: bg-surface hover:bg-surface-selected

Assessment:

This is a sensible UX improvement. The previous implementation used a spinning loader as the stop button icon, which is semantically confusing - a loader typically indicates "please wait" while a square is the universally recognized "stop" symbol (as seen in media players, recording software, etc.).

The added btnClasses styling (bg-surface hover:bg-surface-selected) provides appropriate visual feedback on hover and ensures consistent styling with the design system.

The change follows the existing patterns in the codebase - the nearby "Accept all changes" and "Reset all changes" buttons at lines 240-257 use the same pattern of customizing btnClasses for their specific styling needs.

No issues found. LGTM 👍

---

Test Instructions

Open a flow, and then the AI Chat (toggle the AI Chat panel). Start a generation by typing a prompt and submitting it. While the AI is generating a response, a "Stop" button should appear above the input area. Verify the button displays a square icon (not a spinning loader) and that it has appropriate hover styling.

[cloudflare-workers-and-pages]

Deploying windmill with    Cloudflare Pages

Latest commit:	682e553
Status:	✅  Deploy successful!
Preview URL:	https://01a9b0c1.windmill.pages.dev
Branch Preview URL:	https://fg-nit.windmill.pages.dev

View logs