Agentic UI: Show an Xdebug indicator for the Xdebug-enabled site

[bcotrim]

Related issues

• Related to STU-1927
• Follow-up to Agentic UI: Add site overview view #4258 — item 2 of nightnei's review

How AI was used in this PR

AI (Claude Code) implemented the indicator and iterated on its placement (name-adjacent badge → status button → site-card badge experiment → dropdown), with me directing each step and visually reviewing the attempts in the running app.

Proposed Changes

Only one site can have Xdebug enabled at a time, but the agentic UI gave no hint of which site holds that slot — you had to open each site's settings to find out. Studio Classic solves this with an Xdebug icon in place of the site's status circle; this PR brings the same affordance to the agentic UI:

• The Xdebug-enabled site's sidebar row swaps the status dot for Classic's Xdebug bug glyph, inside the same start/stop button — hover still crossfades to the play/stop action, and the transitioning state still blinks. The color follows the status palette (green running, amber transitioning, grey stopped).
• Unlike other stopped rows (which hide the status button until hover), the Xdebug site keeps its greyed glyph visible while stopped, so the Xdebug slot is always spottable at a glance.
• The site dropdown (opened from the collapsed-sidebar site card) shows the same glyph next to the Studio row label with an "Xdebug enabled" tooltip. The card's tiny corner badge stays a plain status dot — we tried the glyph there and it was illegible at that size.
• Status tooltips/aria labels on the Xdebug site now read e.g. "Site status: Running. Xdebug enabled. Stop site".

Stopped	Running	Stopped (sidebar closed)	Running (sidebar closed)

Testing Instructions

1. In the agentic UI, open a site's overview → Settings tab and enable Xdebug.
2. In the sidebar, the site's status dot becomes the green Xdebug bug. Hovering the button still crossfades to the stop action; clicking still stops the site.
3. Stop the site: the bug stays visible (greyed) without hovering, while other stopped sites still hide their status button until hover.
4. Collapse the sidebar, click the floating site card: the dropdown's Studio row shows the bug next to the label (green running / grey stopped) with an "Xdebug enabled" tooltip. The card's corner badge itself is unchanged.
5. Verify other sites' rows and live mode are unaffected, and check everything in both light and dark mode.

Pre-merge Checklist

• Have you checked for TypeScript, React or other console errors?

🤖 Generated with Claude Code

[wpmobilebot]

📊 Performance Test Results

Comparing 1c82e3d vs trunk

app-size

Metric	trunk	1c82e3d	Diff	Change
App Size (Mac)	1361.88 MB	1361.88 MB	+0.01 MB	⚪ 0.0%

site-editor

Metric	trunk	1c82e3d	Diff	Change
load	1090 ms	1074 ms	16 ms	⚪ 0.0%

site-startup

Metric	trunk	1c82e3d	Diff	Change
siteCreation	7035 ms	6998 ms	37 ms	⚪ 0.0%
siteStartup	2358 ms	2356 ms	2 ms	⚪ 0.0%

---

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

[nightnei]

LGTM and workds as expected 👍