Add contextual help links to admin pages

resources/js/admin/mobile/EventControlRoomPage.tsx

@@ -45,6 +45,7 @@ import { useAdminTheme } from './theme';
 import { useOnlineStatus } from './hooks/useOnlineStatus';
 import { useAuth } from '../auth/context';
 import { withAlpha } from './components/colors';
+import { ContextHelpLink } from './components/ContextHelpLink';
 import {
   enqueuePhotoAction,
   loadPhotoQueue,
@@ -279,7 +280,7 @@ export default function MobileEventControlRoomPage() {
   const isMember = user?.role === 'member';
   const slug = slugParam ?? activeEvent?.slug ?? null;
   const online = useOnlineStatus();
-  const { textStrong, text, muted, border, primary, surfaceMuted, surface } = useAdminTheme();
+  const { textStrong, text, muted, border, primary, danger, accent, surfaceMuted, surface } = useAdminTheme();
   const [activeTab, setActiveTab] = React.useState<'moderation' | 'live'>('moderation');
 
   const [moderationPhotos, setModerationPhotos] = React.useState<TenantPhoto[]>([]);
@@ -1069,8 +1070,11 @@ export default function MobileEventControlRoomPage() {
         value={activeTab}
         onValueChange={(val) => setActiveTab(val as 'moderation' | 'live')}
         header={(
-
-      <MobileCard>
+          <YStack space="$2">
+            <XStack justifyContent="flex-end">
+              <ContextHelpLink slug="live-ops-control" />
+            </XStack>
+            <MobileCard>
         <Accordion type="single" collapsible>
           <Accordion.Item value="upload-settings">
             <Accordion.Trigger
@@ -1332,7 +1336,8 @@ export default function MobileEventControlRoomPage() {
             </Accordion.Content>
           </Accordion.Item>
         </Accordion>
-      </MobileCard>
+            </MobileCard>
+          </YStack>
         )}
         tabs={[
           {