Build a query performance workbench with Tailwind CSS: a list of slow queries sorted by total time, each row showing the normalized query text (truncated), call count, average and p95 duration, and a sparkline of recent timings. Selecting a row opens a detail pane with the full text, the execution plan rendered as an indented tree, and the tables and indexes involved. Keep the text monospace and copyable.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。