diff --git a/src/components/layout/DashboardShell.tsx b/src/components/layout/DashboardShell.tsx
index 7556801..06be722 100644
--- a/src/components/layout/DashboardShell.tsx
+++ b/src/components/layout/DashboardShell.tsx
@@ -2,6 +2,7 @@
 
 import { ReactNode } from 'react';
 import { DataProvider } from '@/lib/data-context';
+import { PageTitleProvider } from '@/lib/page-title-context';
 import { Sidebar } from './Sidebar';
 import { TopBar } from './TopBar';
 import { MobileActivityFAB } from '@/components/ui/MobileActivityFAB';
@@ -10,16 +11,18 @@ import { DashboardData, DashboardConfig } from '@/types/data';
 export function DashboardShell({ children, initialData, config }: { children: ReactNode; initialData: DashboardData; config: DashboardConfig }) {
   return (
     <DataProvider initialData={initialData} config={config}>
-      <div className="flex h-screen overflow-hidden">
-        <Sidebar />
-        <div className="flex-1 flex flex-col min-w-0">
-          <TopBar />
-          <main className="flex-1 overflow-auto p-4 lg:p-6 pb-20 lg:pb-6 scrollbar-thin">
-            {children}
-          </main>
+      <PageTitleProvider>
+        <div className="flex h-screen overflow-hidden">
+          <Sidebar />
+          <div className="flex-1 flex flex-col min-w-0">
+            <TopBar />
+            <main className="flex-1 overflow-auto p-4 lg:p-6 pb-20 lg:pb-6 scrollbar-thin">
+              {children}
+            </main>
+          </div>
+          <MobileActivityFAB />
         </div>
-        <MobileActivityFAB />
-      </div>
+      </PageTitleProvider>
     </DataProvider>
   );
 }
diff --git a/src/components/layout/TopBar.tsx b/src/components/layout/TopBar.tsx
index bb88ca3..7768238 100644
--- a/src/components/layout/TopBar.tsx
+++ b/src/components/layout/TopBar.tsx
@@ -1,6 +1,7 @@
 'use client';
 
 import { useData, DatePreset } from '@/lib/data-context';
+import { usePageTitle } from '@/lib/page-title-context';
 import { format } from 'date-fns';
 import { useState, useRef, useEffect } from 'react';
 import { DISTRICTS } from '@/types/data';
@@ -15,6 +16,7 @@ const DATE_PRESETS: { value: DatePreset; label: string }[] = [
 
 export function TopBar() {
   const { filters, setDistricts, setDatePreset, refresh, isLoading, lastRefreshed, clearAllFilters, clearCrossFilter } = useData();
+  const { title, subtitle } = usePageTitle();
   const [showDistrictDropdown, setShowDistrictDropdown] = useState(false);
   const dropdownRef = useRef<HTMLDivElement>(null);
 
@@ -51,8 +53,15 @@ export function TopBar() {
         <span className="font-bold text-sm text-brand-dark-blue">AgentMinder</span>
       </div>
 
-      {/* Desktop spacer */}
-      <div className="hidden lg:block flex-1" />
+      {/* Page title */}
+      <div className="hidden lg:flex flex-1 items-center gap-2 min-w-0">
+        {title && (
+          <>
+            <h1 className="text-sm font-bold text-foreground truncate">{title}</h1>
+            {subtitle && <span className="text-xs text-muted truncate hidden xl:inline">— {subtitle}</span>}
+          </>
+        )}
+      </div>
 
       {/* Active filters indicator */}
       {filters.crossFilter && (
diff --git a/src/components/ui/PageHeader.tsx b/src/components/ui/PageHeader.tsx
index d0f0292..425d458 100644
--- a/src/components/ui/PageHeader.tsx
+++ b/src/components/ui/PageHeader.tsx
@@ -1,15 +1,20 @@
 'use client';
 
+import { useEffect } from 'react';
+import { usePageTitle } from '@/lib/page-title-context';
+
 interface PageHeaderProps {
   title: string;
   subtitle: string;
 }
 
 export function PageHeader({ title, subtitle }: PageHeaderProps) {
-  return (
-    <div className="mb-6">
-      <h1 className="text-xl font-bold text-foreground">{title}</h1>
-      <p className="text-sm text-muted mt-0.5">{subtitle}</p>
-    </div>
-  );
+  const { setPageTitle } = usePageTitle();
+
+  useEffect(() => {
+    setPageTitle(title, subtitle);
+    return () => setPageTitle('', '');
+  }, [title, subtitle, setPageTitle]);
+
+  return null;
 }
diff --git a/src/lib/page-title-context.tsx b/src/lib/page-title-context.tsx
new file mode 100644
index 0000000..f7095b6
--- /dev/null
+++ b/src/lib/page-title-context.tsx
@@ -0,0 +1,39 @@
+'use client';
+
+import { createContext, useContext, useState, useCallback, ReactNode } from 'react';
+
+interface PageTitleState {
+  title: string;
+  subtitle: string;
+}
+
+interface PageTitleContextValue extends PageTitleState {
+  setPageTitle: (title: string, subtitle: string) => void;
+}
+
+const PageTitleContext = createContext<PageTitleContextValue>({
+  title: '',
+  subtitle: '',
+  setPageTitle: () => {},
+});
+
+export function PageTitleProvider({ children }: { children: ReactNode }) {
+  const [state, setState] = useState<PageTitleState>({ title: '', subtitle: '' });
+
+  const setPageTitle = useCallback((title: string, subtitle: string) => {
+    setState(prev => {
+      if (prev.title === title && prev.subtitle === subtitle) return prev;
+      return { title, subtitle };
+    });
+  }, []);
+
+  return (
+    <PageTitleContext.Provider value={{ ...state, setPageTitle }}>
+      {children}
+    </PageTitleContext.Provider>
+  );
+}
+
+export function usePageTitle() {
+  return useContext(PageTitleContext);
+}