Building a Production AI Chat Widget in React: Floating UI, Live SQL Results, and Collapsible Query Blocks

How I built the AI chat widget in CitizenApp — a floating React component that sends natural language questions to Claude, optionally executes safe live SQL queries, and renders the results inline. Architecture decisions, pitfalls, and patterns that generalize.

Raccontata dadev.to