Surface Platform chip on canvas, reclaim dashboard header space#96
Merged
Surface Platform chip on canvas, reclaim dashboard header space#96
Conversation
Move the Platform block (Latest API / Min API / old-device + low-RAM shares + advisory) from the Signals tab onto a new top-left canvas HUD, positioned below the mode hint drawn at (16, 12). This keeps min-API and device-mix signals visible while the dashboard is on Overview or History, and removes a card the user previously had to scroll the right panel to reach. Also shrink the 28px dead zone above the sticky dashboard header: .side top padding drops from 16px to 8px (M3 density step) and .side::before moves from sticky to absolute so the parent's flex gap stops pushing the header down 12px for a 0-tall decorative element.
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
app-survival-android | 9f6bbd4 | Commit Preview URL Branch Preview URL |
Apr 22 2026, 04:36 PM |
Wrap both HUDs in a new .canvasHudStack--tl flex row under the mode hint. Place sits leftmost with the componentType select + Add button; Platform stays to its right with the API / device-share chip. Neither HUD has to know the other's size and they wrap to a column on narrow canvases automatically. Drop the redundant drag-hint paragraph that used to live with the Place card — the same guidance is drawn on the canvas as hint.select. Remove the Place + Platform cards from the Overview / Signals tabs so the dashboard no longer scrolls to reach them. Mobile compaction: both HUDs shrink to single-line chips (Place keeps select + Add; Platform drops the muted detail line and advisory) so the stack stays clear of the bottom Backlog HUD on ~38vh canvases. HUD backdrops get pointer-events: none with interactive children opting back in so components placed behind the HUD stay tappable. Tests: tap-on-canvas mobile spec now dispatches #btnAdd click via dispatchEvent to bypass DOM hit-testing, since the starter arch-debt event briefly pops the incident overlay over the new HUD stack.
2 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
.sidetop padding drops from 16px to 8px and.side::beforemoves from sticky to absolute so the parent's 12px flex gap stops pushing the header down for a 0-tall decorative element.Test plan