skip button

src/components/shell/AppShell.tsx

@@ -59,6 +59,15 @@ export interface AppShellProps {
    * closed.
    */
   headerActions?: ReactNode;
+  /**
+   * A full-width strip between the header and the page.
+   *
+   * The setup walkthrough lives here. It has to sit in the shell rather than
+   * on a page because it crosses several: one step is on Profile, the next on
+   * Users, the next on Inventory — anything page-local would vanish the moment
+   * somebody followed it.
+   */
+  banner?: ReactNode;
 }
 
 /**
@@ -84,6 +93,7 @@ export function AppShell({
   scopeControl,
   manageItems,
   headerActions,
+  banner,
 }: AppShellProps) {
   const { user, signOut } = useAuth();
   const { pathname } = useLocation();
@@ -402,6 +412,8 @@ export function AppShell({
 
       {/* Body: a column on a phone so the assistant stacks under the page, a
           row from md where it becomes a side column. */}
+      {banner}
+
       <div className="admin-body app-gutter">
         <main style={{ minWidth: 0, flex: 1, padding: '24px 0 48px' }}>
           {/* Scoped to the page, not the shell: a page that throws should leave