artifact: fix the-exploit-floor (detail panel blank on zone select)

[blokzdev]

Problem

In the the-exploit-floor artifact, clicking a zone in the chart should swap the side panel from the default legend/benchmark view to a per-zone detail (threat model + recommended defense + stats). Instead the panel went blank — in both inline and fullscreen.

Root cause

The detail container is hidden by default via a CSS class: .ef-panel-detail { display: none }. showDetail() revealed it with panelDetail.style.display = '' — but an empty string removes the inline style, so the element falls back to the class rule and stays display: none. Since showDetail() also hides the default panel, both children end up hidden → blank panel.

It slipped QA because the default panel renders fine on load; only the click-triggered detail was broken.

Fix

One line in showDetail():

- panelDetail.style.display = '';
+ panelDetail.style.display = 'block';

An explicit block overrides the class rule. showDefault() already worked (the default panel has no competing display rule).

Scope

Not systemic — I checked all 8 style.display = '' sites across src/islands/artifacts/; the others toggle default-visible elements (correct usage), and the-fault-quadrant reveals its detail via a dedicated .tfq-show class. the-exploit-floor was the only one pairing a class-level display:none with a '' reveal.

Verification

• npm run check && npm run build pass.
• Locally: clicking each zone (Below Floor / Danger Zone / Audit-Viable) now renders the detail (title, TVL range, description, recommended defense, and the stat grid for danger/audit-viable); "← All zones" returns to the default view; works inline and fullscreen.

🤖 Generated with Claude Code

---

Generated by Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
blokz	Ready	Preview, Comment	Jun 24, 2026 4:04am