Current integration: mountMap and mountMapBoard render legacy dungeons directly. The adapter supplies geographic node positions, traced polylines and the unchanged paintings; the normal node glyphs, fog knowledge, camera, selection tray, tooltips, legend and keyboard controls are shared. There is no separate dungeon node renderer.

The dungeon map now composes the shared W4b HUD, orientation strip, map frame, Potions, kit Back/Enter buttons and location tray. The shared SVG node artwork keeps markers circular; entrances sit on the approach roads. Smoky dark fog has brown haze restricted to authored road paths.

Legacy dungeon · road exploration

legacyDungeon.js maps 24 authored nodes to connected roads, themed fog, saved decisions and one-time encounters. Its dialogue adapter reuses W4c; combat reuses W4 with the same paired floor/background scene and a dedicated boss arena. Actors remain above both art plates.

Open playable dungeon preview

AshenSpire component catalog

Reusable presentation vocabulary for Map, Combat, Inventory, and future screens. Each card shows the stable component ID, model/factory home, renderer, and reuse surface.

Library reference
Open Markdown catalog
Open Asset Components
Open ID enum

Card size

Current shared HUD tuning: portrait scale 70% · primary-row gap 8 px · Quick Access card gap 2 px (1 px on narrow screens) · vital-row gap 2 px. Narrow Quick Access removes panel padding while preserving every control target. Values are data-owned in balance.ui.hudPresentation.

Run-header contract: identity-cluster, centered cinders-counter, and right build-metadata-trail negotiate in one row. Cinders and metadata cap at 30vw; Act/Floor show current values by default, while totals and lower-priority metadata are configurable/progressive.

Quick Menu / overlay contract: Quick Menu uses the stable production caption and resolves absent or invalid preferences to Mirror; legacy off and switcher remain explicit modes. Its groups are Settings / Controls; Fullscreen / Music; Inventory / Character; then Load / Save / Save and Quit / Quit Without Saving. Lifecycle actions confirm destructive unsaved changes. The in-run overlay keeps only Settings and Controls as tabs, with Save Game and Save and Quit in its persistent footer.

Armoury contract: Player labels are Character / Inventory / Hybrid (internal compatibility keys remain grid / rack / hybrid). Armaments, Inventory, Cards, and Stats share the Folding Tray shell. Armaments is non-resizable; resize handles are optional expanded capabilities, and Inventory exposes one only in supporting-tray contexts. The enabled inventoryItem.holdAction makes folded and expanded equipment items one whole-card action/progress surface; comparison uses a sustained-hold tooltip or inline receipt, never hover/focus alone. Open the rendered Asset Components reference.

Asset Components / Rendered Armoury

The interactive catalog includes every dotted ID from asset-data/components/armoury.json: player views, Character stat cards, the non-resizable Armaments tray, procedural equipment-position subcomponents, Inventory hold/comparison surfaces, and optional supporting-tray handles. Choose Rendered Armoury assets in the group filter, or open the full selector and ownership reference.

Data-driven HUD tokens

Defaults live in balance.ui.hudPresentation; src/main.js validates and projects them once for the shared Map/Combat HUD.

Setting	Default	Runtime projection	Effect
`componentBackgroundOpacityPct`	0	`--hud-component-background-opacity`	Component-card background opacity
`metadataFontPx`	11	`--hud-metadata-font-px`	Shared metadata font size
`beltItemGapPx`	2	`--hud-belt-item-gap-px`	Relic/potion slot spacing
`portraitScale`	0.7	`--hud-portrait-scale`	Portrait-badge scale
`primaryRowGapPx`	8	`--hud-primary-row-gap-px`	Vitals/Quick Access gap
`controlGapPx`	2	`--hud-control-gap-px`	Quick Access grid gap
`resourceRowGapPx`	3	`--hud-resource-row-gap-px`	HP/MP/SP vertical gap
`panelPadPx / mobilePanelPadPx`	4 / 0	`--hud-panel-pad-px / --hud-mobile-panel-pad-px`	Quick Access host padding without resizing controls
`mobileControlGapPx`	1	`--hud-mobile-control-gap-px`	Narrow Quick Access cell gap
`mobileOuterPadPx / mobileRowGapPx`	4 / 3	`--hud-mobile-outer-pad-px / --hud-mobile-row-gap-px`	Narrow shared-HUD vertical density
`cindersMaxWidthPct`	30	`--hud-cinders-max-width`	Centered Cinders track cap
`metadataMaxWidthPct`	30	`--hud-metadata-max-width`	Right metadata-trail cap
`metadataShowTotals`	false	`data-hud-metadata-show-totals`	Act/Floor total visibility

Source of truth: src/ui/models/UiComponentId.js. The miniatures are reference diagrams; production renderers remain in src/ui/components/ and screens remain in src/ui/screens/.