Add query ID and update notification badge to query list

[morishin]

Purpose

• Make it easy to see which queries to look at when returning to the window after they were updated while it was inactive (e.g. queries created/edited via MCP, or a long-running query that finished)
• Make it easy to notice when a query you started finishes while you are looking at a different query
• Make it easy to identify a query by its ID

What I did

• Added an ID label to each item in the query list
• Show a notification badge (blue dot) next to the ID on queries that were updated without the user actively watching them

Mark conditions

• On window focus: the time the window became inactive (blur) is recorded. When the window regains focus, any query whose updatedAt is newer than that time gets marked. This covers anything that changed while you were away — MCP body edits, newly created queries, and executions that finished in the background.
• On query execution completion: a query whose execution finishes while a different query is selected gets marked. (If you are watching the executing query, it is not marked.)

In-app edits made while the window is active are naturally excluded, because their updatedAt is older than the time the window later goes inactive.

Clear conditions

The badge is removed when:

• The marked query is selected (clicked)
• The user switches away from a previously selected marked query (the previously selected query's badge is also cleared on selection change)

The badge state is kept in memory only and is not persisted across app restarts.

Screenshot

🤖 Generated with Claude Code