Fix unified search functionality and improve UI

- Fix JavaScript error in useUnifiedSearch.ts (session -> user typo)
- Remove isPublic field filtering since all pages are now public
- Add case-insensitive search (lowercase 'mexico' finds 'Mexico')
- Improve search result alignment (center 'by username' text)
- Simplify search queries to avoid complex Firestore index requirements
- Add comprehensive debugging logs for search troubleshooting

Search now works properly with both pages and users, handles case variations,
and has clean visual alignment in results.

Author: sirjamesgray

app/[id]/location/page.tsx

@@ -7,6 +7,7 @@ import LocationPickerPage from '../../components/map/LocationPickerPage';
 interface Location {
   lat: number;
   lng: number;
+  zoom?: number;
 }
 
 function LocationPickerContent() {
@@ -15,6 +16,9 @@ function LocationPickerContent() {
   const [initialLocation, setInitialLocation] = useState<Location | null>(null);
   const [returnPath, setReturnPath] = useState<string>('/');
   const [pageId, setPageId] = useState<string>('');
+  const [pageTitle, setPageTitle] = useState<string>('');
+  const [isOwner, setIsOwner] = useState<boolean>(false);
+  const [loading, setLoading] = useState<boolean>(true);
 
   useEffect(() => {
     console.log('🗺️ LocationPicker: useEffect called with searchParams');
@@ -50,6 +54,54 @@ function LocationPickerContent() {
     }
   }, [searchParams]);
 
+  // Fetch page data to get title and ownership info
+  useEffect(() => {
+    async function fetchPageData() {
+      console.log('🗺️ LocationPicker: useEffect triggered, pageId:', pageId);
+      if (!pageId) {
+        console.log('🗺️ LocationPicker: No pageId, setting loading to false');
+        setLoading(false);
+        return;
+      }
+
+      try {
+        console.log('🗺️ LocationPicker: Fetching page data for:', pageId);
+        const response = await fetch(`/api/pages/${pageId}?userId=dev_admin_user`);
+        if (response.ok) {
+          const pageData = await response.json();
+          console.log('🗺️ LocationPicker: Page data received:', pageData);
+          setPageTitle(pageData.title || 'Untitled');
+
+          // Check if current user is the owner by checking if we can edit
+          // For dev environment, assume dev_admin_user is always the owner
+          const currentUser = await fetch('/api/auth/session');
+          if (currentUser.ok) {
+            const sessionData = await currentUser.json();
+            console.log('🗺️ LocationPicker: Current user:', sessionData.user?.uid);
+            console.log('🗺️ LocationPicker: Page owner:', pageData.userId);
+            const isPageOwner = sessionData.user?.uid === pageData.userId;
+            console.log('🗺️ LocationPicker: Is owner?', isPageOwner);
+            setIsOwner(isPageOwner);
+          } else {
+            // In dev environment, if no session, assume dev_admin_user for pages owned by dev_admin_user
+            console.log('🗺️ LocationPicker: No session, checking if dev page');
+            const isDevPage = pageData.userId === 'dev_admin_user';
+            console.log('🗺️ LocationPicker: Is dev page?', isDevPage);
+            setIsOwner(isDevPage);
+          }
+        } else {
+          console.error('🗺️ LocationPicker: Failed to fetch page data:', response.status);
+        }
+      } catch (error) {
+        console.error('🗺️ LocationPicker: Error fetching page data:', error);
+      } finally {
+        setLoading(false);
+      }
+    }
+
+    fetchPageData();
+  }, [pageId]);
+
   const handleSave = async (location: Location | null) => {
     console.log('🗺️ LocationPicker: handleSave called with:', location);
     console.log('🗺️ LocationPicker: pageId:', pageId);
@@ -83,8 +135,12 @@ function LocationPickerContent() {
       const responseData = await response.json();
       console.log('🗺️ LocationPicker: Location saved successfully:', responseData);
 
-      // Navigate back to the page
+      // Navigate back to the page and refresh to show updated location
       router.push(returnPath);
+      // Force a refresh to reload the page data with the new location
+      setTimeout(() => {
+        router.refresh();
+      }, 100);
     } catch (error) {
       console.error('🗺️ LocationPicker: Error saving location:', error);
       // Still navigate back even if save failed
@@ -96,12 +152,28 @@ function LocationPickerContent() {
     router.push(returnPath);
   };
 
+  if (loading) {
+    return (
+      <div className="min-h-screen bg-background flex items-center justify-center">
+        <div className="text-center">
+          <div className="h-8 w-8 mx-auto animate-spin rounded-full border-2 border-primary border-t-transparent mb-4" />
+          <p className="text-muted-foreground">Loading page...</p>
+        </div>
+      </div>
+    );
+  }
+
+  const displayTitle = isOwner
+    ? `Set Location - ${pageTitle}`
+    : pageTitle;
+
   return (
     <LocationPickerPage
       initialLocation={initialLocation}
       onSave={handleSave}
       onCancel={handleCancel}
-      pageTitle="Set Location"
+      pageTitle={displayTitle}
+      isOwner={isOwner}
     />
   );
 }

app/[id]/location/view/page.tsx

@@ -4,24 +4,34 @@ import React, { useState, useEffect, Suspense } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { ArrowLeft, MapPin } from 'lucide-react';
 import { Button } from '../../../components/ui/button';
-import OpenStreetMapPicker from '../../../components/map/OpenStreetMapPicker';
+import MapPicker from '../../../components/map/MapPicker';
 
 interface Location {
   lat: number;
   lng: number;
+  zoom?: number;
 }
 
 function LocationViewContent() {
   const router = useRouter();
   const searchParams = useSearchParams();
   const [location, setLocation] = useState<Location | null>(null);
   const [returnPath, setReturnPath] = useState<string>('/');
+  const [pageTitle, setPageTitle] = useState<string>('');
+  const [pageId, setPageId] = useState<string>('');
+  const [titleLoading, setTitleLoading] = useState<boolean>(true);
 
   useEffect(() => {
     // Get return path
     const returnParam = searchParams.get('return');
     if (returnParam) {
-      setReturnPath(decodeURIComponent(returnParam));
+      const decodedPath = decodeURIComponent(returnParam);
+      setReturnPath(decodedPath);
+
+      // Extract page ID from return path
+      const pathParts = decodedPath.split('/');
+      const id = pathParts[pathParts.length - 1];
+      setPageId(id);
     }
 
     // Get location data
@@ -36,6 +46,30 @@ function LocationViewContent() {
     }
   }, [searchParams]);
 
+  // Fetch page data to get title
+  useEffect(() => {
+    async function fetchPageData() {
+      if (!pageId) {
+        setTitleLoading(false);
+        return;
+      }
+
+      try {
+        const response = await fetch(`/api/pages/${pageId}`);
+        if (response.ok) {
+          const pageData = await response.json();
+          setPageTitle(pageData.title || 'Untitled');
+        }
+      } catch (error) {
+        console.error('Error fetching page data:', error);
+      } finally {
+        setTitleLoading(false);
+      }
+    }
+
+    fetchPageData();
+  }, [pageId]);
+
   const handleBack = () => {
     // Go to previous page - users can reach home via WeWrite logo
     try {
@@ -55,6 +89,8 @@ function LocationViewContent() {
     return `${loc.lat.toFixed(6)}, ${loc.lng.toFixed(6)}`;
   };
 
+  // Remove loading state - show map immediately
+
   if (!location) {
     return (
       <div className="min-h-screen bg-background flex items-center justify-center">
@@ -69,7 +105,7 @@ function LocationViewContent() {
   }
 
   return (
-    <div className="min-h-screen bg-background flex flex-col">
+    <div className="fixed inset-0 bg-background z-[9999] flex flex-col">
       {/* Header */}
       <div className="sticky top-0 z-10 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-b border-border">
         <div className="flex items-center justify-between p-4">
@@ -83,9 +119,11 @@ function LocationViewContent() {
               <ArrowLeft className="h-4 w-4" />
             </Button>
             <div>
-              <h1 className="text-lg font-semibold text-foreground">Location View</h1>
+              <h1 className="text-lg font-semibold text-foreground">
+                {titleLoading ? 'Page Location' : (pageTitle || 'Page Location')}
+              </h1>
               <p className="text-sm text-muted-foreground">
-                {formatCoordinates(location)}
+                Page location
               </p>
             </div>
           </div>
@@ -94,24 +132,17 @@ function LocationViewContent() {
 
       {/* Map Container */}
       <div className="flex-1 relative">
-        <OpenStreetMapPicker
+        <MapPicker
           location={location}
           height="100%"
-          readOnly={true}
-          showControls={false}
-          initialZoom={15}
+          readOnly={true} // Don't allow pin placement in view mode
+          showControls={false} // Hide zoom controls to prevent overlap with header
+          initialZoom={location?.zoom || 15} // Use saved zoom level
+          allowPanning={true} // Allow panning for exploration
         />
       </div>
 
-      {/* Footer with location info */}
-      <div className="bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 border-t border-border p-4">
-        <div className="flex items-center gap-2 text-sm text-muted-foreground">
-          <MapPin className="h-4 w-4" />
-          <span>
-            {formatCoordinates(location)}
-          </span>
-        </div>
-      </div>
+      {/* Footer with location info - removed coordinates display */}
     </div>
   );
 }

app/api/debug/create-test-page/route.ts

@@ -81,7 +81,7 @@ export async function POST(request: NextRequest) {
     // Test the recent edits API to see if our page shows up
     let recentEditsTest = null;
     try {
-      const recentEditsUrl = new URL('/api/recent-edits', request.url);
+      const recentEditsUrl = new URL('/api/recent-edits/global', request.url);
       recentEditsUrl.searchParams.set('limit', '10');
 
       const response = await fetch(recentEditsUrl.toString());

app/api/debug/test-recent-edits/route.ts

@@ -79,7 +79,7 @@ export async function GET(request: NextRequest) {
     // Also test the actual recent edits API
     let apiResponse = null;
     try {
-      const apiUrl = new URL('/api/recent-edits', request.url);
+      const apiUrl = new URL('/api/recent-edits/global', request.url);
       if (userId) {
         apiUrl.searchParams.set('userId', userId);
       }