redesign console page

src/features/store-admin/StoreAdminShell.tsx

@@ -2,6 +2,7 @@ import { useState, useRef, useEffect } from 'react';
 import { Check, ChevronDown, FileSpreadsheet, Monitor, Store, Users } from 'lucide-react';
 import { AppShell, type MenuEntry, type NavEntry } from '@/components/shell/AppShell';
 import { OnboardingGate } from '@/features/onboarding/OnboardingGate';
+import { AssistantScope } from '@/features/console/AssistantScope';
 import { BranchScopeProvider, useBranchScope } from './BranchScope';
 import { useLiveEvents } from '@/queries/useLiveEvents';
 
@@ -81,13 +82,15 @@ export function StoreAdminShell() {
     <BranchScopeProvider>
       <LiveWatch />
       <OnboardingGate />
-      <AppShell
-        nav={NAV}
-        home="/admin/console"
-        navLabel="Store Admin"
-        scopeControl={<BranchSelector />}
-        manageItems={MANAGE}
-      />
+      <AssistantScope>
+        <AppShell
+          nav={NAV}
+          home="/admin/console"
+          navLabel="Store Admin"
+          scopeControl={<BranchSelector />}
+          manageItems={MANAGE}
+        />
+      </AssistantScope>
     </BranchScopeProvider>
   );
 }