@@ -0,0 +1,7 @@
+---
+'@object-ui/app-shell': patch
+---
+
+Console toasts no longer cover the page header's actions (objectui#13340). With no drawer open the toaster now sits top-centre, just below the console's top bar, instead of in the top-right corner, which is where every page header puts its actions. At 1440×900 a toast used to cover a list's New and Import buttons for its whole 4 s life. While a right-side drawer is open the toaster still goes to the top-right corner and steps clear of the drawer as before (objectui#11685), and it still never uses the bottom-right corner, which belongs to the assistant (objectui#7482).
+
+New tests check that one server refusal raises one error toast, on the record form renderer and on an action's parameter dialog (Users → Create User, Teams → Add Member).
@@ -43,7 +43,8 @@ import { fileURLToPath } from 'node:url';
  * overlay host `NavigationOverlay` with the props `ObjectView` gives it, and
  * through it the Shadcn `Sheet` (drawer mode: both objectui#11685 paths, beside
  * the drawer and below its header) and `Dialog` (modal mode: the centred
- * dialog, toaster in its own corner), both on `@radix-ui/react-dialog`; sonner
+ * dialog, toaster at its no-drawer anchor, top-centre below the top bar,
+ * objectui#13340), both on `@radix-ui/react-dialog`; sonner
  * itself; React. The stylesheet is real Tailwind, compiled from the installed
  * `tailwindcss` for the class strings in those source files.
  *
@@ -276,18 +277,21 @@ interface Configuration {
   drawerWidth: string;
   /**
    * Where objectui#11685 puts the toaster for this window and overlay: beside
-   * the drawer, below its header, or (no right-edge drawer) its own corner.
+   * the drawer, below its header, or (no right-edge drawer) its no-drawer
+   * anchor, top-centre below the top bar (objectui#13340). For a centred
+   * dialog that puts the toast over the dialog's own title row, so the
+   * hit-test assertions below are what show it is still the click target.
    * Read back off the toaster in every test, so a configuration that stopped
    * exercising its path fails instead of silently testing another one.
    */
-  path: 'beside' | 'below header' | 'corner';
+  path: 'beside' | 'below header' | 'top centre';
 }
 
 const CONFIGURATIONS: Configuration[] = [
   { name: '1440 sm drawer', viewport: { width: 1440, height: 900 }, mode: 'drawer', drawerWidth: 'min(92vw, 480px)', path: 'beside' },
   { name: '1024 md drawer', viewport: { width: 1024, height: 768 }, mode: 'drawer', drawerWidth: 'min(92vw, 720px)', path: 'below header' },
   { name: '390 phone drawer', viewport: { width: 390, height: 844 }, mode: 'drawer', drawerWidth: 'min(92vw, 480px)', path: 'below header' },
-  { name: '1440 centred dialog', viewport: { width: 1440, height: 900 }, mode: 'modal', drawerWidth: 'min(92vw, 720px)', path: 'corner' },
+  { name: '1440 centred dialog', viewport: { width: 1440, height: 900 }, mode: 'modal', drawerWidth: 'min(92vw, 720px)', path: 'top centre' },
 ];
 const BELOW_HEADER = CONFIGURATIONS[1];
 
@@ -344,14 +348,24 @@ const toastShowing = (page: Page, title: string) =>
     title,
   );
 
-/** Which objectui#11685 path the toaster took, read off the offsets it was given. */
+/**
+ * Which path the toaster took, read off its anchor and the offsets it was
+ * given. No drawer to clear: top-centre at 56px, below the 48px top bar
+ * (objectui#13340). A right-edge drawer: top-right, then beside the drawer or
+ * below its header (objectui#11685). Anything else is named, not folded in.
+ */
 const pathOf = (page: Page) =>
   page.evaluate(() => {
     const toaster = document.querySelector<HTMLElement>('[data-sonner-toaster]');
     if (!toaster) return 'no toaster';
-    if (toaster.style.getPropertyValue('--offset-right') !== '24px') return 'beside';
-    if (toaster.style.getPropertyValue('--offset-top') !== '24px') return 'below header';
-    return 'corner';
+    const anchor = `${toaster.getAttribute('data-y-position')}-${toaster.getAttribute('data-x-position')}`;
+    const top = toaster.style.getPropertyValue('--offset-top');
+    const right = toaster.style.getPropertyValue('--offset-right');
+    if (anchor === 'top-center') return top === '56px' ? 'top centre' : `top centre at ${top}`;
+    if (anchor !== 'top-right') return `anchored ${anchor}`;
+    if (right !== '24px') return 'beside';
+    if (top !== '24px') return 'below header';
+    return 'top-right at the default offsets';
   });
 
 interface ToastReading {
 
@@ -27,8 +27,10 @@
  * one defect, not two.
  *
  * So this file pins the two properties the fix rests on: the default anchor is
- * the top-right corner (nothing interactive lives there), and a success toast
- * really does dismiss itself inside the 3–5s band the card asked for.
+ * at the top, away from the assistant's corner, and a success toast really
+ * does dismiss itself inside the 3–5s band the card asked for. The top anchor
+ * is top-centre since objectui#13340: the top-right corner, chosen here
+ * first, turned out to hold every page header's actions.
  */
 import '@testing-library/jest-dom/vitest';
 import * as React from 'react';
@@ -64,8 +66,9 @@ async function anchorOf(props: Record<string, unknown> = {}): Promise<[string |
 }
 
 describe('ConsoleToaster anchor (objectui#7482)', () => {
-  it('defaults to the top-right corner, away from the assistant composer', async () => {
-    expect(await anchorOf()).toEqual(['top', 'right']);
+  it('defaults to the top edge, away from the assistant composer', async () => {
+    // Top-centre (objectui#13340), not top-right: see `DEFAULT_OFFSET` in `ConsoleToaster`.
+    expect(await anchorOf()).toEqual(['top', 'center']);
   });
 
   it('is still overridable — the default is a default, not a lock', async () => {
 
@@ -12,8 +12,8 @@
  * corner (objectui#7482) is also where every right-side drawer keeps its
  * chrome.
  *
- * The fix keeps the corner and offsets the toaster while a right-edge drawer is
- * open: into the strip of page left of the drawer when a toast fits there,
+ * The fix anchors the toaster top-right and offsets it while a right-edge
+ * drawer is open (with none open it sits top-centre since objectui#13340): into the strip of page left of the drawer when a toast fits there,
  * otherwise below the drawer's header. This file pins that MECHANISM — which
  * dialogs count as a right-edge drawer, and which sonner offset each case
  * produces, appearing on open and gone on close.
@@ -93,14 +93,29 @@ async function renderWithToast(props: Record<string, unknown> = {}): Promise<HTM
   });
 }
 
-const offsets = (toaster: HTMLElement) => ({
-  top: toaster.style.getPropertyValue('--offset-top'),
-  right: toaster.style.getPropertyValue('--offset-right'),
-  mobileTop: toaster.style.getPropertyValue('--mobile-offset-top'),
+/**
+ * The toaster region as it is NOW. Sonner keys its `<ol>` by position, so the
+ * move between top-centre (no drawer, objectui#13340) and top-right (a drawer
+ * to clear) mounts a new element: a handle taken before the move goes stale.
+ */
+const region = (): HTMLElement => {
+  const el = document.querySelector<HTMLElement>('[data-sonner-toaster]');
+  expect(el, 'sonner did not mount its toaster region').toBeTruthy();
+  return el as HTMLElement;
+};
+
+const offsets = (_toaster?: HTMLElement) => ({
+  top: region().style.getPropertyValue('--offset-top'),
+  right: region().style.getPropertyValue('--offset-right'),
+  mobileTop: region().style.getPropertyValue('--mobile-offset-top'),
 });
 
-/** sonner's defaults, i.e. the toaster with no drawer to clear. */
-const DEFAULTS = { top: '24px', right: '24px', mobileTop: '16px' };
+/**
+ * The toaster with no drawer to clear: top-centre, below the console's 48px
+ * top bar (objectui#13340); sonner's own offsets on the other sides and on
+ * phones.
+ */
+const DEFAULTS = { top: '56px', right: '24px', mobileTop: '16px' };
 
 afterEach(() => {
   act(() => {
@@ -112,23 +127,23 @@ afterEach(() => {
 });
 
 describe('ConsoleToaster clears an open right-edge drawer (objectui#11685)', () => {
-  it('the control: with no drawer open it keeps sonner`s own offsets', async () => {
+  it('the control: with no drawer open it sits top-centre, below the top bar', async () => {
     setViewportWidth(1440);
     const toaster = await renderWithToast();
-    expect(toaster.getAttribute('data-x-position')).toBe('right');
+    expect(toaster.getAttribute('data-x-position')).toBe('center');
     expect(toaster.getAttribute('data-y-position')).toBe('top');
     expect(offsets(toaster)).toEqual(DEFAULTS);
   });
 
-  it('moves into the strip left of the drawer when a toast fits there, corner unchanged', async () => {
+  it('moves into the strip left of the drawer when a toast fits there, from the top-right corner', async () => {
     // 1440px window, 864px drawer: 576px of page left of it, room for a 356px toast.
     setViewportWidth(1440);
     const toaster = await renderWithToast();
     mountDialog({ layout: RIGHT_SHEET, width: 864 });
     await waitFor(() => expect(offsets(toaster).right).toBe('888px'));
     expect(offsets(toaster).top).toBe('24px');
-    expect(toaster.getAttribute('data-x-position')).toBe('right');
-    expect(toaster.getAttribute('data-y-position')).toBe('top');
+    expect(region().getAttribute('data-x-position')).toBe('right');
+    expect(region().getAttribute('data-y-position')).toBe('top');
   });
 
   it('drops below the drawer header when the strip beside it is too narrow', async () => {
@@ -142,14 +157,15 @@ describe('ConsoleToaster clears an open right-edge drawer (objectui#11685)', ()
     expect(offsets(toaster).mobileTop).toBe(`${HEADER_HEIGHT + 16}px`);
   });
 
-  it('goes back to the corner when the drawer closes, and when it unmounts', async () => {
+  it('goes back to top-centre when the drawer closes, and when it unmounts', async () => {
     setViewportWidth(1440);
     const toaster = await renderWithToast();
     const drawer = mountDialog({ layout: RIGHT_SHEET, width: 864 });
     await waitFor(() => expect(offsets(toaster).right).toBe('888px'));
 
     drawer.setAttribute('data-state', 'closed');
     await waitFor(() => expect(offsets(toaster)).toEqual(DEFAULTS));
+    expect(region().getAttribute('data-x-position')).toBe('center');
 
     drawer.setAttribute('data-state', 'open');
     await waitFor(() => expect(offsets(toaster).right).toBe('888px'));
 
@@ -15,16 +15,34 @@ import { useObjectTranslation } from '@object-ui/i18n';
 type ToasterProps = React.ComponentProps<typeof Sonner>;
 
 /**
- * objectui#11685 — the toaster steps clear of an open right-edge drawer.
+ * objectui#13340 — with no drawer open, the toaster sits top-centre, just
+ * below the console's top bar.
  *
- * `top-right` (objectui#7482, below) is also the corner every right-side
- * drawer puts its chrome in: the record drawer's expand and close buttons and
- * its title, the record's own header with its Approve-style actions under it.
- * A success toast raised while one is open, which is exactly what creating a
- * record or running a record action does, landed on top of all of them.
+ * The top-right corner was not free: every page header puts its actions there
+ * (a list's New and Import, a record's Edit and its header actions, a
+ * dashboard's controls). At 1440×900 a toast at sonner's default top-right
+ * offset covered New and Import for its whole 4s life, so the button the user
+ * needed next could not be clicked. Bottom-right stays out (objectui#7482: the
+ * assistant's FAB and composer). Top-centre is the strip nothing interactive
+ * uses: page headers put their title on the left and their actions on the
+ * right. The offset clears the top bar (`AppShell`'s `h-12` header), whose
+ * centre holds the global search. One anchor for every page, so no page needs
+ * to know where the toaster is.
+ */
+const APP_HEADER_HEIGHT = 48; // `AppShell`'s sticky `<header>`, `h-12`
+const APP_HEADER_GAP = 8;
+const DEFAULT_OFFSET: ToasterProps['offset'] = { top: APP_HEADER_HEIGHT + APP_HEADER_GAP };
+
+/**
+ * objectui#11685 — the toaster steps clear of an open right-edge drawer.
  *
- * The corner stays. While such a drawer is open the toaster is offset, never
- * re-anchored:
+ * While a right-side drawer is open the toaster goes back to the `top-right`
+ * corner and is offset from there, because that corner is also where every
+ * right-side drawer puts its chrome: the record drawer's expand and close
+ * buttons and its title, the record's own header with its Approve-style
+ * actions under it. A success toast raised while one is open, which is exactly
+ * what creating a record or running a record action does, would otherwise land
+ * on top of all of them. The offset:
  *
  * - When the strip of page left of the drawer is wide enough for a toast, the
  *   toaster moves into that strip, to the drawer's left edge. The strip is
@@ -180,19 +198,23 @@ export function ConsoleToaster(props: ToasterProps) {
         // Notion pattern users expect. Callers can still override any of
         // these via the spread `{...props}` below.
         //
-        // objectui#7482 — `top-right` is load-bearing, not cosmetic. The
+        // objectui#7482 — a TOP anchor is load-bearing, not cosmetic. The
         // bottom-right corner belongs to the ChatDock's composer and the FAB
         // that launches it (ADR-0057 P3a/P3b), and a toaster anchored there does
         // more than overlap them: sonner pauses a toast's dismiss timer while
         // the pointer is inside the toaster region (`expanded || interacting ||
         // isDocumentHidden` in its Toast effect), so a pointer resting on the
         // composer underneath keeps the toast on screen until the user clicks ×.
         // Override the position only onto a corner nothing interactive occupies.
-        position="top-right"
-        // objectui#11685 — while a right-edge drawer is open, the same corner
-        // shifted clear of the drawer's chrome (see `useDrawerClearance`).
-        // `undefined` when none is open, which is sonner's own default.
-        offset={clearance?.offset}
+        //
+        // objectui#13340 — top-centre below the top bar, not top-right: the
+        // page header's actions live in the top-right corner (see
+        // `DEFAULT_OFFSET`). objectui#11685 — while a right-edge drawer is
+        // open, top-right shifted clear of the drawer's chrome (see
+        // `useDrawerClearance`). The phone offset stays sonner's own until a
+        // drawer needs clearing.
+        position={clearance ? 'top-right' : 'top-center'}
+        offset={clearance?.offset ?? DEFAULT_OFFSET}
         mobileOffset={clearance?.mobileOffset}
         closeButton
         richColors