initial commit

src/layouts/AdminLayout.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { Link, Outlet, useLocation, useNavigate } from 'react-router-dom';
 import { motion } from 'framer-motion';
 import {
-  Bell, ChevronDown, LogOut, Menu, Search, Shield, Sparkles, User,
+  Bell, ChevronDown, LogOut, Menu, Search, Shield, User,
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
 import { DOORMILE_WORDMARK_URL } from '@/assets/brand';
@@ -16,6 +16,7 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sh
 import { useAuth } from '@/lib/AuthContext';
 import { useExceptions } from '@/lib/doormileHooks';
 import { formatDoormileTimestamp } from '@/lib/doormileTimestamp';
+import doormileMark from 'assets/images/doormile-mark.png';
 import AIPanel from '@/components/assistant/DoormileAI/AIPanel';
 
 /**
@@ -252,7 +253,16 @@ export default function AdminLayout() {
             {/* Full wordmark, not just the circular mark — matches the source
                 console's own TopNav, which renders this same logo at the
                 same relative scale inside its bar. */}
-            <img src={DOORMILE_WORDMARK_URL} alt="Doormile Express" style={LOGO_FILTER} className="h-7 w-auto object-contain" />
+            {/* Capped below `sm`: at its natural 209px the wordmark plus the
+                170px action cluster overflowed a 375px phone and scrolled the
+                whole document sideways. Scaling the mark is the one thing here
+                that can give — the controls beside it all have to stay. */}
+            <img
+              src={DOORMILE_WORDMARK_URL}
+              alt="Doormile Express"
+              style={LOGO_FILTER}
+              className="h-7 w-auto max-w-[120px] object-contain sm:max-w-none"
+            />
           </Link>
 
           {/* Text tabs with a hairline indicator, not filled pills. Each grouped
@@ -335,7 +345,7 @@ export default function AdminLayout() {
                 assistantOpen ? 'bg-brand-tint text-brand' : 'text-ink-3 hover:bg-surface-sunken hover:text-ink-1'
               )}
             >
-              <Sparkles className="h-4 w-4" aria-hidden="true" />
+              <img className="h-9 w-9 max-w-none object-contain" src={doormileMark} alt="" aria-hidden="true" />
             </button>
 
             <NotificationsMenu />