diff --git a/plugin-designs/country-posters/countries-map.vue b/plugin-designs/country-posters/countries-map.vue
index d8447bdb8..3383fde38 100644
--- a/plugin-designs/country-posters/countries-map.vue
+++ b/plugin-designs/country-posters/countries-map.vue
@@ -101,11 +101,8 @@ function _syncHitboxFilter(m, filter) {
 function loadPoster() {
   if (!_posterPromise) {
     _posterPromise = import('@map/composables/poster/useMapPoster.js')
-      .then(m => m.useMapPoster({
-        sourceMap:   () => map.value,
-        mapboxToken: mapboxToken.value,
-        styleUrl:    () => map.value?.getStyle()?.sprite?.replace(/\/sprite.*$/, '') || profileConfig?.value?.style
-      }))
+      // useMapPoster(getSourceMap) takes the map ACCESSOR, not an options object
+      .then(m => m.useMapPoster(() => map.value))
   }
   return _posterPromise
 }
@@ -2229,12 +2226,15 @@ onBeforeUnmount(() => {
       />
 
       <!-- Poster export modal -->
+      <!-- PosterDialog's contract is v-model (visibility) + a getMap ACCESSOR. This passed :poster /
+           :active-tab (props it does not declare) and neither of those, so its own v-if="visible"
+           stayed false: "Export poster…" opened nothing, on both engines, since the dialog moved to
+           the library. legend.rows is a ref inside a plain object, so the template must unwrap it. -->
       <PosterDialog
         v-if="showPoster"
-        :poster="poster"
-        :legend-rows="legend.rows"
-        :active-tab="activeTab"
-        @close="showPoster = false"
+        v-model="showPoster"
+        :get-map="() => map"
+        :legend-rows="legend.rows.value || []"
       />
     </div>
   </div>