Components
WorkboardStageMap
Pixel-map village rendering for agent activity zones
WorkboardStageMap
WorkboardStageMap renders a pixel-art village map where buildings and rooms represent agent activity zones. It translates agent states into a visual tile-based map.
Import
import { WorkboardStageMap } from "@downcity/ui";Usage
<WorkboardStageMap
board={board}
config={mapConfig}
activeZoneId={zoneId}
hoveredAgentId={hoveredId}
onSelectZone={(id) => setZone(id)}
onHoverAgent={(id) => setHover(id)}
/>Props
interface WorkboardStageMapProps {
board: DowncityWorkboardBoardSnapshot;
config: WorkboardGameMapConfig;
activeZoneId: DowncityWorkboardZoneId;
hoveredAgentId?: string;
onSelectZone: (zoneId: string) => void;
onHoverAgent?: (agentId: string) => void;
}| Prop | Type | Description |
|---|---|---|
board | DowncityWorkboardBoardSnapshot | Current board data |
config | WorkboardGameMapConfig | Map layout config with zone, building, and room definitions |
activeZoneId | string | Currently selected zone |
hoveredAgentId | string | Currently hovered agent (for tooltips) |
onSelectZone | (zoneId) => void | Zone selection callback |
onHoverAgent | (id) => void | Agent hover callback |
The map config describes a tile-based grid with buildings (WorkboardVillageBuilding), rooms (WorkboardRoomConfig), and props (WorkboardRoomProp / WorkboardVillageProp).