@@ -430,6 +430,27 @@ figcaption { font-size: 0.875em; line-height: 1.4285714; color: var(--text-prima
   border-radius: 0.5rem;
 }
 .art-search::placeholder { color: var(--text-muted); }
+/* Top-of-page controls: Copy page + prev/next chevrons on the title row. */
+.page-actions {
+  display: flex; justify-content: flex-end; align-items: center; gap: 2px;
+  margin-bottom: -2.4rem; position: relative; z-index: 2;
+}
+.pa-copy {
+  display: inline-flex; align-items: center; gap: 6px;
+  font: inherit; font-size: var(--text-sm); color: var(--text-body);
+  background: none; border: none; border-radius: 0.5rem;
+  padding: 6px 8px; cursor: pointer; transition: background-color 0.15s;
+}
+.pa-copy:hover { background: var(--surface-active); }
+.pa-copy svg { color: var(--text-icon); }
+.pa-nav {
+  display: inline-flex; align-items: center; justify-content: center;
+  width: 30px; height: 30px; border-radius: 0.5rem;
+  color: var(--text-icon); transition: background-color 0.15s;
+}
+.pa-nav:hover { background: var(--surface-active); opacity: 1; }
+.pa-nav.is-disabled { opacity: 0.35; pointer-events: none; }
+
 /* The docs' theme toggle: 30px, rounded-lg, --text-icon, --surface-active hover. */
 .art-theme {
   display: inline-flex; align-items: center; justify-content: center;
@@ -611,6 +632,7 @@ export const SIM_ARTIFACT_SHELL = `<script>
     if (headings.length === 0) return
     page.dataset.shell = 'ready'
 
+    const ICON_ATTRS = 'viewBox="-1 -2 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"'
     const slug = (text, i) =>
       (text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '') || 'section') + '-' + i
     headings.forEach((h, i) => { if (!h.id) h.id = slug(h.textContent || '', i) })
@@ -693,7 +715,6 @@ export const SIM_ARTIFACT_SHELL = `<script>
     // stylesheet block, so flipping the attribute is the whole mechanism.
     // Storage is unavailable in the sandboxed preview, so the choice lives
     // for the page view.
-    const ICON_ATTRS = 'viewBox="-1 -2 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.55" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"'
     const SUN = '<svg ' + ICON_ATTRS + '><circle cx="10.25" cy="9.75" r="4"/><path d="M10.25 3.75V1.25M16.25 9.75H18.75M10.25 15.75V18.25M4.25 9.75H1.75"/><path d="M14.49 5.51L16.26 3.74M14.49 13.99L16.26 15.76M6.01 13.99L4.24 15.76M6.01 5.51L4.24 3.74"/></svg>'
     const MOON = '<svg ' + ICON_ATTRS + '><path d="M10.25 1.5A5.84 5.84 0 0 0 18.5 9.75A8.25 8.25 0 1 1 10.25 1.5Z"/></svg>'
     const themeButton = document.createElement('button')
@@ -761,6 +782,45 @@ export const SIM_ARTIFACT_SHELL = `<script>
     }
     cols.append(left, mid, right)
 
+    // Top-of-page controls, like the docs: Copy page plus prev/next
+    // chevrons on the title row, wired to the same targets as the footer.
+    const DUPLICATE_ICON = '<svg ' + ICON_ATTRS + '><path d="M14.25 0.75H2.75C1.64543 0.75 0.75 1.64543 0.75 2.75V14.25"/><rect x="5.25" y="5.25" width="14" height="14" rx="2"/></svg>'
+    const CHEV_L = '<svg ' + ICON_ATTRS + '><path d="M13.25 3L6.25 10.25L13.25 17.5"/></svg>'
+    const CHEV_R = '<svg ' + ICON_ATTRS + '><path d="M6.25 3L13.25 10.25L6.25 17.5"/></svg>'
+    const actions = document.createElement('div')
+    actions.className = 'page-actions'
+    const copyBtn = document.createElement('button')
+    copyBtn.className = 'pa-copy'
+    copyBtn.type = 'button'
+    copyBtn.innerHTML = DUPLICATE_ICON + '<span>Copy page</span>'
+    copyBtn.addEventListener('click', async () => {
+      const label = copyBtn.querySelector('span')
+      try {
+        await navigator.clipboard.writeText(mid.innerText || '')
+        if (label) label.textContent = 'Copied'
+      } catch {
+        if (label) label.textContent = 'Select + copy'
+      }
+      setTimeout(() => { const l = copyBtn.querySelector('span'); if (l) l.textContent = 'Copy page' }, 1500)
+    })
+    actions.appendChild(copyBtn)
+    const prevCard = page.querySelector('.page-nav-card.prev')
+    const nextCard = page.querySelector('.page-nav-card.next')
+    if (prevCard || nextCard) {
+      const mkNav = (card, svg, label) => {
+        const a = document.createElement('a')
+        a.className = 'pa-nav'
+        a.setAttribute('aria-label', label)
+        const href = card ? card.getAttribute('href') : null
+        if (href) a.href = href
+        else a.classList.add('is-disabled')
+        a.innerHTML = svg
+        return a
+      }
+      actions.append(mkNav(prevCard, CHEV_L, 'Previous page'), mkNav(nextCard, CHEV_R, 'Next page'))
+    }
+    mid.insertBefore(actions, mid.firstChild)
+
     const navLinks = [...leftList.querySelectorAll('a')]
     search.addEventListener('input', () => {
       const q = search.value.trim().toLowerCase()
 
@@ -36,6 +36,7 @@ export const SIM_PAGE_CONTENT_TYPE = 'text/x-sim-page'
 
 const frontmatterSchema = z.object({
   title: z.string().min(1),
+  /** Tolerated for old sources; no longer rendered — the docs have no eyebrow. */
   eyebrow: z.string().optional(),
   lede: z.string().optional(),
   layout: z.enum(['docs', 'report']).optional(),
@@ -362,7 +363,6 @@ function compileSimPageDocument(source: string, lenient = false): string {
     '</head>',
     '<body>',
     `<div class="page" data-layout="${meta.layout ?? 'docs'}">`,
-    ...(meta.eyebrow ? [`<p class="eyebrow">${escapeHtml(meta.eyebrow)}</p>`] : []),
     `<h1>${escapeHtml(meta.title)}</h1>`,
     ...(meta.lede ? [`<p class="lede">${escapeHtml(meta.lede)}</p>`] : []),
     compileBody(rest, lenient),