@@ -8,6 +8,33 @@ taking.
 Releases before 0.6.0 have their notes on the
 [GitHub releases page](https://github.com/OpenLabs-so/openanalytics/releases).
 
+## [Unreleased]
+
+### Added
+
+- **Five share posters.** The share button's poster is no longer only the
+  overview: sources, countries, the people on the site right now and the top
+  pages each have one, picked at the top of the preview, on the same card and
+  in the same two themes. Each card hands the poster the rows it is showing,
+  so the picture never disagrees with the screen. The site's name and its icon
+  are separate switches; a list can drop its figures, its summary line or, on
+  pages, its rank numbers.
+- **Sharing from the poster.** Share copies the image and turns into X,
+  Bluesky and LinkedIn, each opening a composer with a sentence about the
+  poster; on a phone the system share sheet carries the image itself. `S`
+  opens the share dialog from the overview.
+
+### Changed
+
+- The poster's chart is drawn on a smooth curve with the dashboard's own glow,
+  and the two brands no longer share one line: the site is the headline, the
+  period sits in the corner, and Open Analytics signs on a small tab at the
+  bottom edge. The dark poster is the tab bar's charcoal rather than black.
+
+### Fixed
+
+- The add-site dialog no longer grows a beat after opening.
+
 ## [0.6.0] - 2026-09-05
 
 **Upgrade notes: none.** `./upgrade.sh` and nothing else. The two ClickHouse
 
@@ -116,15 +116,31 @@ export function AddSiteFlow({ onClose }: { onClose: () => void }) {
   // instead of holding one fixed frame — onboarding's measured-height
   // spring. Border box, not `contentRect`: the step carries padding, and
   // the content box alone would clip the last control away.
+  // `offsetHeight`, the `FlowDialog` fix carried here: the card enters
+  // through a `scale: 0.94 → 1` spring and a bounding rect measures the
+  // transformed box, so the first reading came in short and the panel
+  // visibly grew as the entrance played out.
   const [panelHeight, setPanelHeight] = React.useState<number | null>(null);
   const measureStep = React.useCallback((node: HTMLDivElement | null) => {
     if (!node) return;
     const observer = new ResizeObserver(() => {
-      setPanelHeight(node.getBoundingClientRect().height);
+      setPanelHeight(node.offsetHeight);
     });
     observer.observe(node);
     return () => observer.disconnect();
   }, []);
+  // The first measurement applies instantly; only step changes ride the
+  // spring. The observer's first value lands a frame after the modal is on
+  // screen at `height: auto`, and springing from that to the measured pixel
+  // value played out as the panel growing a beat after opening. `settled`
+  // flips one timer-hop after that first value, so the render carrying it
+  // still has the transition off.
+  const [settled, setSettled] = React.useState(false);
+  React.useEffect(() => {
+    if (panelHeight === null || settled) return;
+    const raise = setTimeout(() => setSettled(true), 0);
+    return () => clearTimeout(raise);
+  }, [panelHeight, settled]);
 
   React.useEffect(() => () => clearTimeout(timeout.current), []);
 
@@ -298,7 +314,7 @@ export function AddSiteFlow({ onClose }: { onClose: () => void }) {
               animate={{ height: panelHeight ?? "auto" }}
               className="overflow-hidden"
               initial={false}
-              transition={SPRING}
+              transition={settled ? SPRING : { duration: 0 }}
             >
             <AnimatePresence mode="popLayout" initial={false} custom={dir}>
               {step === 1 && (
 
@@ -11,6 +11,7 @@ import {
 } from "@/components/dashboard/analytics-card";
 import { ImportedGapNote } from "@/components/dashboard/data-state";
 import { useAnalyticsFilters } from "@/components/dashboard/filter-context";
+import { usePublishPosterCountries } from "@/components/dashboard/poster-publishers";
 import { HoverList } from "@/components/dashboard/hover-list";
 import {
   SeeAllModal,
@@ -122,6 +123,22 @@ export function LocationsCard() {
     filters: filtersParam,
   });
   const [view, setView] = React.useState<LocationView>("countries");
+
+  // The country fold for the share poster, whichever cut the header shows.
+  const posterRows = React.useMemo(
+    () =>
+      resource.status === "ready"
+        ? foldCountries(resource.data.items).map((place) => ({
+            code: place.country,
+            visitors: place.visitors,
+          }))
+        : null,
+    [resource]
+  );
+  usePublishPosterCountries(
+    posterRows,
+    resource.status === "ready" && resource.data.meta.truncated
+  );
   const [open, setOpen] = React.useState(false);
   const current = VIEWS.find((entry) => entry.id === view) ?? VIEWS[0];