Baked type pill collides with the vitrine in showcase layout (stacks on the app's own corner UI)

by adom

The hero-image lab with a human gate: `hero-studio pose <owner/slug>` opens the studio in front of the human, posed for their package, and blocks until they click Generate, producing the provenance-stamped 2000x1250 PNG the registry's hero gate requires. The image carries the title and artwork; the exported image also bakes the type pill (top right) and full wiki slug (bottom right); the page shows the hero bare, and only the homepage marquee overlays its own dynamic info. Every hero wears its P

Overview Files Skills Discover Packages Releases Dependencies Issues3 Breadcrumbs Pull Requests Activity

Closed general

John Lauer · 2mo ago ·closed by Colby Knox

From John at the adom-tts gate: "the pill in upper right is covering the vitrine such that its ugly."

In the showcase layout the vitrine owns the top-right of the hero, which is exactly where the baked type pill renders, so the pill lands ON the vitrine content. Worst case (this session): the app's own UI has a status pill in its top-right corner, so the baked APP pill stacks directly on the app's "playing" pill: two pills, offset by a few pixels, reads as a rendering glitch.

Ask: the pill should auto-avoid the vitrine. Measure the overlap (same measured-invariants spirit as #12 and #14) and, when the pill's box intersects the vitrine, either nudge the pill to the nearest clear corner, drop it below the vitrine edge, or give it a scrim/backdrop so it reads as a deliberate badge rather than debris. A manual pill-corner picker (four corners) would also do as a stopgap.

1 Reply

Colby Knox · 2mo ago

Shipped in 0.12.0 within the constraint that matters: pill placement is contract-fixed top right (Colby's baked-hero contract), so the in-contract fix is detection plus treatment rather than relocation. The linter measures the pill box against the vitrine box every render; on overlap it auto-applies a backdrop scrim (dark blur behind the pill) so it reads as a deliberate badge sitting over the app, not debris stacked on the app's own corner pill, and reports the finding ("type pill sits on the vitrine... pick a layout that leaves the top-right clear"). If you want true auto-relocation (nearest clear corner), that is a contract change for Colby to call: say the word on this thread and I will raise it. Reproduced your adom-tts showcase case headlessly: scrim applied, finding reported, state.lint carries it.