\n {isLogin ? 'Welcome Back' : 'Create Account'}\n

\n \n ×\n \n

\n\n

\n {!isLogin && (\n

\n \n First Name\n \n \n

\n \n Last Name\n \n \n

\n )}\n\n

\n \n Email Address\n \n \n

\n\n

\n \n Password\n \n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n \n {loading ? (\n

\n {isLogin ? 'Signing In...' : 'Creating Account...'}\n

\n ) : (\n isLogin ? 'Sign In' : 'Create Account'\n )}\n \n \n\n

\n {isLogin ? \"Don't have an account?\" : \"Already have an account?\"}\n {\n setIsLogin(!isLogin);\n setError('');\n setFormData({ email: '', password: '', firstName: '', lastName: '' });\n }}\n className=\"ml-2 text-purple-600 hover:text-purple-800 font-semibold\"\n >\n {isLogin ? 'Sign Up' : 'Sign In'}\n \n

\n );\n}",[],[254,261,268,275],[254,261,268],{"_105":283,"_96":284,"_157":285,"_159":262,"_160":142,"_161":286,"_163":119,"_107":287,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":288,"_99":297},"70f00b72-3fbd-11f0-a676-76b3cceeab13","Favorites","f85a3f1c-bb76-4ed6-b25e-cdc06585263d",22,["D",1748874332452],[289],{"_105":290,"_96":291,"_157":292,"_159":285,"_160":142,"_161":286,"_163":119,"_107":293,"_101":32,"_165":183,"_167":294,"_168":22,"_169":-5,"_170":295,"_99":296},"70efea16-3fbd-11f0-a676-76b3cceeab13","FavoritesView.tsx","70efeaca-3fbd-11f0-a676-76b3cceeab13",["D",1748874332452],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Apartment, User } from \"../../../shared/types.ts\";\nimport ApartmentCard from \"../Listings/ApartmentCard.tsx\";\n\ninterface FavoritesViewProps {\n user: User | null;\n onSelectApartment: (apartment: Apartment) => void;\n onLoginRequired: () => void;\n}\n\nexport default function FavoritesView({ user, onSelectApartment, onLoginRequired }: FavoritesViewProps) {\n const [favorites, setFavorites] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\n useEffect(() => {\n if (user) {\n loadFavorites();\n }\n }, [user]);\n\n const loadFavorites = async () => {\n if (!user) return;\n\n setLoading(true);\n setError(null);\n \n try {\n const token = localStorage.getItem('sbj_token');\n const response = await fetch('/api/users/favorites', {\n headers: { 'Authorization': `Bearer ${token}` }\n });\n\n if (!response.ok) {\n throw new Error('Failed to load favorites');\n }\n\n const data = await response.json();\n setFavorites(data.favorites || []);\n } catch (err) {\n setError('Failed to load your favorite apartments');\n console.error('Error loading favorites:', err);\n } finally {\n setLoading(false);\n }\n };\n\n const removeFavorite = async (apartmentId: string) => {\n if (!user) return;\n\n try {\n const token = localStorage.getItem('sbj_token');\n const response = await fetch('/api/users/favorites', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n apartmentId,\n action: 'remove'\n })\n });\n\n if (response.ok) {\n setFavorites(prev => prev.filter(apt => apt.id !== apartmentId));\n }\n } catch (error) {\n console.error('Error removing favorite:', error);\n }\n };\n\n // If user is not logged in\n if (!user) {\n return (\n

🔒

Login Required

\n Please log in to view and manage your favorite apartments.\n

\n \n Login to View Favorites\n \n

\n );\n }\n\n // Loading state\n if (loading) {\n return (\n

\n Loading your favorites...\n

\n );\n }\n\n // Error state\n if (error) {\n return (\n

⚠️

Error Loading Favorites

{error}

\n \n Try Again\n \n

\n );\n }\n\n // Empty favorites state\n if (favorites.length === 0) {\n return (\n

💝

No Favorites Yet

\n Start exploring apartments and save your favorites by clicking the heart icon on any listing.\n

\n window.location.href = '#search'}\n className=\"bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors\"\n >\n Browse Apartments\n \n

\n );\n }\n\n // Favorites list\n return (\n

\n {/* Header */}\n

Your Favorite Apartments

\n You have {favorites.length} favorite apartment{favorites.length !== 1 ? 's' : ''}\n

\n\n {/* Favorites Grid */}\n

\n {favorites.map((apartment) => (\n

\n \n \n {/* Remove from favorites button */}\n removeFavorite(apartment.id)}\n className=\"absolute top-3 right-3 bg-red-500 text-white p-2 rounded-full hover:bg-red-600 transition-colors shadow-lg\"\n title=\"Remove from favorites\"\n >\n \n \n

\n ))}\n

\n\n {/* Actions */}\n

\n \n Refresh Favorites\n \n \n {\n if (favorites.length > 0) {\n // Create a simple comparison view\n const comparisonData = favorites.map(apt => ({\n title: apt.title,\n price: apt.price,\n bedrooms: apt.bedrooms,\n bathrooms: apt.bathrooms,\n sqft: apt.sqft\n }));\n \n console.log('Comparison Data:', comparisonData);\n alert(`Comparison data logged to console for ${favorites.length} apartments`);\n }\n }}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors\"\n disabled={favorites.length === 0}\n >\n Compare Favorites\n \n

\n );\n}",[],[254,261,284,291],[254,261,284],{"_105":299,"_96":300,"_157":301,"_159":262,"_160":142,"_161":302,"_163":119,"_107":303,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":304,"_99":332},"a5e4ae12-3fb5-11f0-b8ec-76b3cceeab13","Listings","0baac559-1c72-4131-95b2-8a3ed1631cfd",18,["D",1748870985323],[305,315,323],{"_105":306,"_96":307,"_157":308,"_159":301,"_160":142,"_161":309,"_163":119,"_107":310,"_101":311,"_165":183,"_167":312,"_168":22,"_169":-5,"_170":313,"_99":314},"81d51266-3fbd-11f0-ad22-76b3cceeab13","ApartmentCard.tsx","b498cb14-3fb5-11f0-8b27-76b3cceeab13",25,["D",1748874360795],3,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Apartment, User } from \"../../../shared/types.ts\";\nimport { formatPrice, formatAddress } from \"../../../shared/utils.ts\";\n\ninterface ApartmentCardProps {\n apartment: Apartment;\n onSelect?: (apartment: Apartment) => void;\n onClick?: () => void;\n user: User | null;\n onLoginRequired: () => void;\n showFavoriteButton?: boolean;\n}\n\nexport default function ApartmentCard({ \n apartment, \n onSelect, \n onClick, \n user, \n onLoginRequired, \n showFavoriteButton = true \n}: ApartmentCardProps) {\n const [isFavorited, setIsFavorited] = useState(false);\n const [favoriteLoading, setFavoriteLoading] = useState(false);\n\n // Check if apartment is favorited\n useEffect(() => {\n if (user) {\n checkFavoriteStatus();\n }\n }, [user, apartment.id]);\n\n const checkFavoriteStatus = async () => {\n if (!user) return;\n \n try {\n const token = localStorage.getItem('sbj_token');\n const response = await fetch(`/api/users/favorites/${apartment.id}`, {\n headers: { 'Authorization': `Bearer ${token}` }\n });\n const data = await response.json();\n if (data.success) {\n setIsFavorited(data.favorited);\n }\n } catch (error) {\n console.error('Error checking favorite status:', error);\n }\n };\n\n const handleFavoriteToggle = async (e: React.MouseEvent) => {\n e.stopPropagation();\n \n if (!user) {\n onLoginRequired();\n return;\n }\n\n setFavoriteLoading(true);\n try {\n const token = localStorage.getItem('sbj_token');\n const response = await fetch('/api/users/favorites', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n apartmentId: apartment.id,\n action: isFavorited ? 'remove' : 'add'\n })\n });\n\n const data = await response.json();\n if (data.success) {\n setIsFavorited(!isFavorited);\n }\n } catch (error) {\n console.error('Error toggling favorite:', error);\n } finally {\n setFavoriteLoading(false);\n }\n };\n\n const handleCardClick = () => {\n if (onSelect) {\n onSelect(apartment);\n } else if (onClick) {\n onClick();\n }\n };\n\n return (\n

\n {/* Image */}\n

\n {\n (e.target as HTMLImageElement).src = 'https://images.unsplash.com/photo-1560448204-e02f11c3d0e2?w=800';\n }}\n />\n \n {/* Favorite Button */}\n \n {favoriteLoading ? '⏳' : (isFavorited ? '❤️' : '🤍')}\n \n\n {/* Price Badge */}\n

\n {formatPrice(apartment.price)}/mo\n

\n\n {/* Content */}\n

\n {apartment.title}\n

\n \n

\n 📍 {formatAddress(apartment)}\n

\n\n {/* Details */}\n

\n 🛏️ {apartment.bedrooms === 0 ? 'Studio' : `${apartment.bedrooms} bed`}\n 🚿 {apartment.bathrooms} bath\n

\n {apartment.squareFeet && (\n 📐 {apartment.squareFeet.toLocaleString()} sq ft\n )}\n

\n\n {/* Amenities Preview */}\n {apartment.amenities.length > 0 && (\n

\n {apartment.amenities.slice(0, 3).map((amenity) => (\n \n {amenity}\n \n ))}\n {apartment.amenities.length > 3 && (\n \n +{apartment.amenities.length - 3} more\n \n )}\n

\n )}\n\n {/* Description Preview */}\n

\n {apartment.description}\n

\n );\n}",[],[254,261,300,307],{"_105":316,"_96":317,"_157":318,"_159":301,"_160":142,"_161":302,"_163":119,"_107":319,"_101":32,"_165":183,"_167":320,"_168":22,"_169":-5,"_170":321,"_99":322},"a5e4a7a0-3fb5-11f0-b8ec-76b3cceeab13","ApartmentGrid.tsx","a5e4a89a-3fb5-11f0-b8ec-76b3cceeab13",["D",1748870985323],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Apartment, User } from \"../../../shared/types.ts\";\nimport ApartmentCard from \"./ApartmentCard.tsx\";\n\ninterface ApartmentGridProps {\n apartments: Apartment[];\n onSelectApartment: (apartment: Apartment) => void;\n user: User | null;\n onLoginRequired: () => void;\n}\n\nexport default function ApartmentGrid({ \n apartments, \n onSelectApartment, \n user, \n onLoginRequired \n}: ApartmentGridProps) {\n if (apartments.length === 0) {\n return (\n

🏠

\n No apartments found\n

\n Try adjusting your search filters to see more results.\n

\n );\n }\n\n return (\n

\n Available Apartments ({apartments.length})\n

\n Showing {apartments.length} result{apartments.length !== 1 ? 's' : ''}\n

\n\n

\n {apartments.map((apartment) => (\n onSelectApartment(apartment)}\n user={user}\n onLoginRequired={onLoginRequired}\n />\n ))}\n

\n );\n}",[],[254,261,300,317],{"_105":324,"_96":325,"_157":326,"_159":301,"_160":142,"_161":327,"_163":119,"_107":328,"_101":32,"_165":183,"_167":329,"_168":22,"_169":-5,"_170":330,"_99":331},"4a3ef9d4-3fbd-11f0-9ec9-76b3cceeab13","ApartmentModal.tsx","4a3efab0-3fbd-11f0-9ec9-76b3cceeab13",20,["D",1748874267540],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Apartment, User } from \"../../../shared/types.ts\";\n\ninterface ApartmentModalProps {\n apartment: Apartment;\n onClose: () => void;\n user: User | null;\n onLoginRequired: () => void;\n}\n\nexport default function ApartmentModal({ apartment, onClose, user, onLoginRequired }: ApartmentModalProps) {\n const [isFavorite, setIsFavorite] = useState(false);\n const [loading, setLoading] = useState(false);\n const [currentImageIndex, setCurrentImageIndex] = useState(0);\n\n useEffect(() => {\n if (user) {\n checkIfFavorite();\n }\n }, [user, apartment.id]);\n\n const checkIfFavorite = async () => {\n if (!user) return;\n \n try {\n const token = localStorage.getItem('sbj_token');\n const response = await fetch('/api/users/favorites', {\n headers: { 'Authorization': `Bearer ${token}` }\n });\n \n if (response.ok) {\n const data = await response.json();\n setIsFavorite(data.favorites.some((fav: any) => fav.id === apartment.id));\n }\n } catch (error) {\n console.error('Error checking favorite status:', error);\n }\n };\n\n const toggleFavorite = async () => {\n if (!user) {\n onLoginRequired();\n return;\n }\n\n setLoading(true);\n try {\n const token = localStorage.getItem('sbj_token');\n const response = await fetch('/api/users/favorites', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': `Bearer ${token}`\n },\n body: JSON.stringify({\n apartmentId: apartment.id,\n action: isFavorite ? 'remove' : 'add'\n })\n });\n\n if (response.ok) {\n setIsFavorite(!isFavorite);\n }\n } catch (error) {\n console.error('Error toggling favorite:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const nextImage = () => {\n setCurrentImageIndex((prev) => \n prev === apartment.images.length - 1 ? 0 : prev + 1\n );\n };\n\n const prevImage = () => {\n setCurrentImageIndex((prev) => \n prev === 0 ? apartment.images.length - 1 : prev - 1\n );\n };\n\n return (\n

\n {/* Header */}\n

{apartment.title}

\n \n ×\n \n

\n\n {/* Image Gallery */}\n

\n \n \n {apartment.images.length > 1 && (\n <>\n \n ←\n \n \n →\n \n \n {/* Image indicators */}\n

\n {apartment.images.map((_, index) => (\n setCurrentImageIndex(index)}\n className={`w-2 h-2 rounded-full ${\n index === currentImageIndex ? 'bg-white' : 'bg-white bg-opacity-50'\n }`}\n />\n ))}\n

\n \n )}\n

\n\n {/* Content */}\n

${apartment.price}/month

{apartment.location}

\n \n \n {isFavorite ? '❤️' : '🤍'}\n \n

\n\n {/* Property Details */}\n

{apartment.bedrooms}

Bedrooms

{apartment.bathrooms}

Bathrooms

{apartment.sqft}

Sq Ft

{apartment.type}

Type

\n\n {/* Description */}\n

Description

{apartment.description}

\n\n {/* Amenities */}\n {apartment.amenities && apartment.amenities.length > 0 && (\n

Amenities

\n {apartment.amenities.map((amenity, index) => (\n

\n ✓\n {amenity}\n

\n ))}\n

\n )}\n\n {/* Contact Information */}\n

Contact Information

\n Phone: {apartment.contact?.phone || '(555) 123-4567'}\n

\n Email: {apartment.contact?.email || 'info@example.com'}\n

\n \n

\n \n \n

\n );\n}",[],[254,261,300,325],[254,261,300],{"_105":334,"_96":335,"_157":336,"_159":262,"_160":142,"_161":337,"_163":119,"_107":338,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":339,"_99":348},"5d72e47a-3fbd-11f0-ae23-76b3cceeab13","Map","a9783a84-2c4b-4eac-aeb7-a5ef455b3d86",21,["D",1748874299756],[340],{"_105":341,"_96":342,"_157":343,"_159":336,"_160":142,"_161":337,"_163":119,"_107":344,"_101":32,"_165":183,"_167":345,"_168":22,"_169":-5,"_170":346,"_99":347},"5d72ce68-3fbd-11f0-ae23-76b3cceeab13","MapView.tsx","5d72cf26-3fbd-11f0-ae23-76b3cceeab13",["D",1748874299756],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { Apartment } from \"../../../shared/types.ts\";\n\ninterface MapViewProps {\n apartments: Apartment[];\n onSelectApartment: (apartment: Apartment) => void;\n}\n\nexport default function MapView({ apartments, onSelectApartment }: MapViewProps) {\n const [selectedApartment, setSelectedApartment] = useState(null);\n const [mapCenter, setMapCenter] = useState({ lat: 40.7128, lng: -74.0060 }); // Default to NYC\n\n // Simple map simulation using a grid layout\n // In a real app, you'd integrate with Google Maps, Mapbox, or similar\n const getApartmentPosition = (apartment: Apartment, index: number) => {\n // Create a simple grid layout for demonstration\n const gridSize = Math.ceil(Math.sqrt(apartments.length));\n const row = Math.floor(index / gridSize);\n const col = index % gridSize;\n \n return {\n x: (col / gridSize) * 100,\n y: (row / gridSize) * 100\n };\n };\n\n const handleMarkerClick = (apartment: Apartment) => {\n setSelectedApartment(apartment);\n };\n\n return (\n

\n {/* Map Header */}\n

Map View

\n Showing {apartments.length} apartments in the area\n

\n\n {/* Map Container */}\n

\n {/* Simulated Map Background */}\n

\n {/* Grid lines to simulate map */}\n \n \n {/* Simulated streets */}\n

\n\n {/* Apartment Markers */}\n {apartments.map((apartment, index) => {\n const position = getApartmentPosition(apartment, index);\n return (\n handleMarkerClick(apartment)}\n >\n {/* Marker */}\n

\n ${Math.floor(apartment.price / 100)}\n

\n \n {/* Tooltip on hover */}\n

\n {apartment.title}\n

\n );\n })}\n\n {/* Map Controls */}\n

\n \n \n

\n\n {/* Legend */}\n

Price Range

\n Apartments\n

\n\n {/* Selected Apartment Info */}\n {selectedApartment && (\n

{selectedApartment.title}

{selectedApartment.location}

${selectedApartment.price}/month

\n {selectedApartment.bedrooms} bed\n {selectedApartment.bathrooms} bath\n {selectedApartment.sqft} sq ft\n

\n \n

\n onSelectApartment(selectedApartment)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors\"\n >\n View Details\n \n setSelectedApartment(null)}\n className=\"bg-gray-300 text-gray-700 px-3 py-2 rounded-lg hover:bg-gray-400 transition-colors\"\n >\n ×\n \n

\n )}\n\n {/* No apartments message */}\n {apartments.length === 0 && (\n

No apartments to display on map

Try adjusting your search filters

\n )}\n \n );\n}",[],[254,261,335,342],[254,261,335],{"_105":350,"_96":351,"_157":352,"_159":262,"_160":142,"_161":353,"_163":119,"_107":354,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":355,"_99":364},"9cb86d4c-3fb5-11f0-81db-76b3cceeab13","Search","07213abd-0e6b-484d-a3d6-58ed0716afb4",17,["D",1748870969935],[356],{"_105":357,"_96":358,"_157":359,"_159":352,"_160":142,"_161":353,"_163":119,"_107":360,"_101":32,"_165":183,"_167":361,"_168":22,"_169":-5,"_170":362,"_99":363},"9cb845e2-3fb5-11f0-81db-76b3cceeab13","SearchSection.tsx","9cb846be-3fb5-11f0-81db-76b3cceeab13",["D",1748870969935],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { AMENITIES } from \"../../../shared/types.ts\";\nimport { debounce } from \"../../../shared/utils.ts\";\n\ninterface SearchSectionProps {\n onSearch: (filters: any) => void;\n}\n\nexport default function SearchSection({ onSearch }: SearchSectionProps) {\n const [showFilters, setShowFilters] = useState(false);\n const [filters, setFilters] = useState({\n location: '',\n minPrice: '',\n maxPrice: '',\n bedrooms: '',\n bathrooms: '',\n amenities: [] as string[]\n });\n\n // Debounced search function\n const debouncedSearch = debounce((searchFilters: any) => {\n onSearch(searchFilters);\n }, 500);\n\n const handleFilterChange = (key: string, value: any) => {\n const newFilters = { ...filters, [key]: value };\n setFilters(newFilters);\n \n // Auto-search when filters change\n const searchFilters = Object.fromEntries(\n Object.entries(newFilters).filter(([_, v]) => \n v !== '' && v !== undefined && (Array.isArray(v) ? v.length > 0 : true)\n )\n );\n debouncedSearch(searchFilters);\n };\n\n const handleAmenityToggle = (amenity: string) => {\n const newAmenities = filters.amenities.includes(amenity)\n ? filters.amenities.filter(a => a !== amenity)\n : [...filters.amenities, amenity];\n \n handleFilterChange('amenities', newAmenities);\n };\n\n const clearFilters = () => {\n const clearedFilters = {\n location: '',\n minPrice: '',\n maxPrice: '',\n bedrooms: '',\n bathrooms: '',\n amenities: []\n };\n setFilters(clearedFilters);\n onSearch({});\n };\n\n return (\n

\n {/* Main Search Bar */}\n

\n \n 📍 Location (City, State, or ZIP)\n \n handleFilterChange('location', e.target.value)}\n placeholder=\"e.g., New York, NY or 10001\"\n className=\"w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n />\n

\n \n

\n setShowFilters(!showFilters)}\n className=\"bg-purple-600 hover:bg-purple-700 text-white px-6 py-3 rounded-lg font-semibold transition-colors flex items-center\"\n >\n 🔧 Filters\n {showFilters ? '▲' : '▼'}\n \n

\n\n {/* Advanced Filters */}\n {showFilters && (\n

\n {/* Price Range */}\n

\n \n 💰 Min Price\n \n handleFilterChange('minPrice', e.target.value)}\n placeholder=\"$1,000\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n />\n

\n\n

\n \n 💰 Max Price\n \n handleFilterChange('maxPrice', e.target.value)}\n placeholder=\"$5,000\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n />\n

\n\n {/* Bedrooms */}\n

\n \n 🛏️ Min Bedrooms\n \n handleFilterChange('bedrooms', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n \n

\n\n {/* Bathrooms */}\n

\n \n 🚿 Min Bathrooms\n \n handleFilterChange('bathrooms', e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n \n

\n\n {/* Amenities */}\n

\n \n ✨ Amenities\n \n

\n {AMENITIES.map((amenity) => (\n \n handleAmenityToggle(amenity)}\n className=\"mr-2 rounded text-purple-600 focus:ring-purple-500\"\n />\n {amenity}\n \n ))}\n

\n\n {/* Filter Actions */}\n

\n \n Clear All Filters\n \n \n

\n {Object.values(filters).some(v => v !== '' && (Array.isArray(v) ? v.length > 0 : true)) && (\n 🔍 Filters applied - results update automatically\n )}\n

\n )}\n

\n );\n}",[],[254,261,351,358],[254,261,351],{"_105":366,"_96":367,"_157":368,"_159":262,"_160":142,"_161":369,"_163":22,"_107":370,"_101":246,"_165":247,"_167":371,"_168":22,"_169":-5,"_170":372,"_99":373},"e6a66784-3fbe-11f0-ae5c-76b3cceeab13","App.tsx","6e16acec-3fb5-11f0-9d87-76b3cceeab13",29,["D",1748874959439],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { User, Apartment } from \"../../shared/types.ts\";\nimport Header from \"./Header.tsx\";\nimport AuthModal from \"./Auth/AuthModal.tsx\";\nimport SearchSection from \"./Search/SearchSection.tsx\";\nimport ApartmentGrid from \"./Listings/ApartmentGrid.tsx\";\nimport ApartmentModal from \"./Listings/ApartmentModal.tsx\";\nimport MapView from \"./Map/MapView.tsx\";\nimport FavoritesView from \"./Favorites/FavoritesView.tsx\";\n\ninterface AppProps {\n initialData: any;\n}\n\ntype ViewMode = 'search' | 'map' | 'favorites';\n\nexport default function App({ initialData }: AppProps) {\n const [user, setUser] = useState(null);\n const [showAuthModal, setShowAuthModal] = useState(false);\n const [apartments, setApartments] = useState([]);\n const [selectedApartment, setSelectedApartment] = useState(null);\n const [loading, setLoading] = useState(false);\n const [viewMode, setViewMode] = useState('search');\n const [searchFilters, setSearchFilters] = useState({});\n\n // Check for existing auth token on load\n useEffect(() => {\n const token = localStorage.getItem('sbj_token');\n if (token) {\n // Verify token is still valid by making a test request\n fetch('/api/users/favorites', {\n headers: { 'Authorization': `Bearer ${token}` }\n })\n .then(response => {\n if (!response.ok) {\n localStorage.removeItem('sbj_token');\n localStorage.removeItem('sbj_user');\n } else {\n const userData = localStorage.getItem('sbj_user');\n if (userData) {\n setUser(JSON.parse(userData));\n }\n }\n })\n .catch(() => {\n localStorage.removeItem('sbj_token');\n localStorage.removeItem('sbj_user');\n });\n }\n }, []);\n\n // Load initial apartments\n useEffect(() => {\n loadApartments();\n }, []);\n\n const loadApartments = async (filters = {}) => {\n setLoading(true);\n try {\n const queryParams = new URLSearchParams();\n Object.entries(filters).forEach(([key, value]) => {\n if (value !== undefined && value !== '') {\n if (Array.isArray(value)) {\n queryParams.set(key, value.join(','));\n } else {\n queryParams.set(key, value.toString());\n }\n }\n });\n\n const response = await fetch(`/api/apartments/search?${queryParams}`);\n const data = await response.json();\n \n if (data.apartments) {\n setApartments(data.apartments);\n setSearchFilters(filters);\n }\n } catch (error) {\n console.error('Error loading apartments:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const handleLogin = (userData: User, token: string) => {\n setUser(userData);\n localStorage.setItem('sbj_token', token);\n localStorage.setItem('sbj_user', JSON.stringify(userData));\n setShowAuthModal(false);\n };\n\n const handleLogout = () => {\n setUser(null);\n localStorage.removeItem('sbj_token');\n localStorage.removeItem('sbj_user');\n setViewMode('search');\n };\n\n const handleSearch = (filters: any) => {\n loadApartments(filters);\n setViewMode('search');\n };\n\n const handleViewModeChange = (mode: ViewMode) => {\n setViewMode(mode);\n if (mode === 'search' && apartments.length === 0) {\n loadApartments();\n }\n };\n\n return (\n

setShowAuthModal(true)}\n onLogout={handleLogout}\n viewMode={viewMode}\n onViewModeChange={handleViewModeChange}\n />\n\n

\n {viewMode === 'search' && (\n <>\n \n \n {loading ? (\n

\n Searching apartments...\n

\n ) : (\n setShowAuthModal(true)}\n />\n )}\n \n )}\n\n {viewMode === 'map' && (\n \n )}\n\n {viewMode === 'favorites' && (\n setShowAuthModal(true)}\n />\n )}\n

\n\n {/* Modals */}\n {showAuthModal && (\n setShowAuthModal(false)}\n onLogin={handleLogin}\n />\n )}\n\n {selectedApartment && (\n setSelectedApartment(null)}\n user={user}\n onLoginRequired={() => setShowAuthModal(true)}\n />\n )}\n

\n );\n}",[],[254,261,367],{"_105":375,"_96":376,"_157":377,"_159":262,"_160":142,"_161":378,"_163":119,"_107":379,"_101":32,"_165":183,"_167":380,"_168":22,"_169":-5,"_170":381,"_99":382},"7c3cfe84-3fb5-11f0-ac87-76b3cceeab13","Header.tsx","7c3cff4c-3fb5-11f0-ac87-76b3cceeab13",15,["D",1748870915436],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface HeaderProps {\n user: User | null;\n onLogin: () => void;\n onLogout: () => void;\n viewMode: 'search' | 'map' | 'favorites';\n onViewModeChange: (mode: 'search' | 'map' | 'favorites') => void;\n}\n\nexport default function Header({ user, onLogin, onLogout, viewMode, onViewModeChange }: HeaderProps) {\n return (\n

\n {/* Logo and Title */}\n

🏠

Saint Benedict Joseph

Find Your Perfect Apartment

\n\n {/* Navigation */}\n

\n onViewModeChange('search')}\n className={`px-4 py-2 rounded-lg transition-colors ${\n viewMode === 'search' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🔍 Search\n \n \n onViewModeChange('map')}\n className={`px-4 py-2 rounded-lg transition-colors ${\n viewMode === 'map' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🗺️ Map\n \n\n {user && (\n onViewModeChange('favorites')}\n className={`px-4 py-2 rounded-lg transition-colors ${\n viewMode === 'favorites' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n ❤️ Favorites\n \n )}\n

\n\n {/* User Actions */}\n

\n {user ? (\n

{user.firstName} {user.lastName}

{user.email}

\n \n Logout\n \n

\n ) : (\n \n Login / Sign Up\n \n )}\n

\n\n {/* Mobile Navigation */}\n

\n onViewModeChange('search')}\n className={`flex-1 py-2 px-3 rounded-lg text-sm transition-colors ${\n viewMode === 'search' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🔍 Search\n \n \n onViewModeChange('map')}\n className={`flex-1 py-2 px-3 rounded-lg text-sm transition-colors ${\n viewMode === 'map' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n 🗺️ Map\n \n\n {user && (\n onViewModeChange('favorites')}\n className={`flex-1 py-2 px-3 rounded-lg text-sm transition-colors ${\n viewMode === 'favorites' \n ? 'bg-white text-purple-600 font-semibold' \n : 'hover:bg-white hover:bg-opacity-20'\n }`}\n >\n ❤️ Favorites\n \n )}\n

\n );\n}",[],[254,261,376],[254,261],{"_105":385,"_96":386,"_157":387,"_159":255,"_160":142,"_161":256,"_163":119,"_107":388,"_101":32,"_165":389,"_167":390,"_168":22,"_169":-5,"_170":391,"_99":392},"5cf14bca-3fb5-11f0-b474-76b3cceeab13","index.html","5cf14c7e-3fb5-11f0-b474-76b3cceeab13",["D",1748870862935],"file","\n\n\n \n \n Saint Benedict Joseph - Find Your Perfect Apartment\n \n \n 🏠\">\n \n\n\n

\n \n \n\n",[],[254,386],{"_105":394,"_96":395,"_157":117,"_159":255,"_160":142,"_161":396,"_163":119,"_107":397,"_101":246,"_165":247,"_167":398,"_168":22,"_169":-5,"_170":399,"_99":400},"acb24b60-3fbe-11f0-9001-76b3cceeab13","index.tsx",28,["D",1748874862210],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport App from \"./components/App.tsx\";\n\n// Get initial data injected by the server\nconst initialData = (window as any).__INITIAL_DATA__ || {};\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[254,395],[254],{"_105":403,"_96":404,"_157":405,"_159":-5,"_160":142,"_161":311,"_163":119,"_107":406,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":407,"_99":425},"029a3a60-3fb5-11f0-8c58-76b3cceeab13","shared","db072c4b-6030-4b66-b59a-cd15b6428860",["D",1748870711365],[408,416],{"_105":409,"_96":410,"_157":411,"_159":405,"_160":142,"_161":311,"_163":119,"_107":412,"_101":32,"_165":183,"_167":413,"_168":22,"_169":-5,"_170":414,"_99":415},"029a3222-3fb5-11f0-8c58-76b3cceeab13","types.ts","029a32ea-3fb5-11f0-8c58-76b3cceeab13",["D",1748870711365],"// Shared TypeScript interfaces for the SBJ app\n\nexport interface User {\n id: number;\n email: string;\n firstName: string;\n lastName: string;\n createdAt: string;\n}\n\nexport interface Apartment {\n id: number;\n title: string;\n description: string;\n price: number;\n bedrooms: number;\n bathrooms: number;\n squareFeet: number;\n address: string;\n city: string;\n state: string;\n zipCode: string;\n latitude: number;\n longitude: number;\n amenities: string[];\n images: string[];\n available: boolean;\n createdAt: string;\n}\n\nexport interface SearchFilters {\n location?: string;\n minPrice?: number;\n maxPrice?: number;\n bedrooms?: number;\n bathrooms?: number;\n amenities?: string[];\n}\n\nexport interface UserFavorite {\n id: number;\n userId: number;\n apartmentId: number;\n createdAt: string;\n}\n\nexport interface AuthResponse {\n success: boolean;\n token?: string;\n user?: User;\n message?: string;\n}\n\nexport interface SearchResponse {\n apartments: Apartment[];\n total: number;\n page: number;\n limit: number;\n}\n\n// Common amenities list\nexport const AMENITIES = [\n 'Pool',\n 'Gym/Fitness Center',\n 'Parking',\n 'Laundry',\n 'Pet Friendly',\n 'Air Conditioning',\n 'Dishwasher',\n 'Balcony/Patio',\n 'In-Unit Washer/Dryer',\n 'Elevator',\n 'Doorman',\n 'Rooftop Access'\n] as const;\n\nexport type Amenity = typeof AMENITIES[number];",[],[404,410],{"_105":417,"_96":418,"_157":419,"_159":405,"_160":142,"_161":420,"_163":119,"_107":421,"_101":32,"_165":183,"_167":422,"_168":22,"_169":-5,"_170":423,"_99":424},"08928d50-3fb5-11f0-a8b7-76b3cceeab13","utils.ts","08928dfa-3fb5-11f0-a8b7-76b3cceeab13",4,["D",1748870721386],"// Shared utility functions\n\nexport function formatPrice(price: number): string {\n return new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency: 'USD',\n minimumFractionDigits: 0,\n maximumFractionDigits: 0,\n }).format(price);\n}\n\nexport function formatAddress(apartment: { address: string; city: string; state: string; zipCode: string }): string {\n return `${apartment.address}, ${apartment.city}, ${apartment.state} ${apartment.zipCode}`;\n}\n\nexport function calculateDistance(lat1: number, lon1: number, lat2: number, lon2: number): number {\n const R = 3959; // Earth's radius in miles\n const dLat = (lat2 - lat1) * Math.PI / 180;\n const dLon = (lon2 - lon1) * Math.PI / 180;\n const a = \n Math.sin(dLat/2) * Math.sin(dLat/2) +\n Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * \n Math.sin(dLon/2) * Math.sin(dLon/2);\n const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));\n return R * c;\n}\n\nexport function debounce any>(\n func: T,\n wait: number\n): (...args: Parameters) => void {\n let timeout: number | undefined;\n return (...args: Parameters) => {\n clearTimeout(timeout);\n timeout = setTimeout(() => func(...args), wait);\n };\n}\n\nexport function validateEmail(email: string): boolean {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n}\n\nexport function generateId(): string {\n return Math.random().toString(36).substr(2, 9);\n}",[],[404,418],[404],{"_105":427,"_96":100,"_157":428,"_159":-5,"_160":142,"_161":429,"_163":119,"_107":430,"_101":431,"_165":247,"_167":432,"_168":22,"_169":-5,"_170":433,"_99":434},"7cfad27a-3fbe-11f0-9ab0-76b3cceeab13","7b94c9c2-3fb4-11f0-b565-76b3cceeab13",27,["D",1748874782155],2,"export default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}",[],[100],"files",[154,172,178,187,197,204,213,221,230,240,252,259,266,273,282,289,298,305,315,323,333,340,349,356,365,374,384,393,402,408,416,426],"counts",{"_439":32,"_440":246,"_441":32,"_442":443,"_446":447},"pulls","branches","forks","envVars",{"_444":32,"_445":32},"count","emptyCount","connections",{"_444":32,"_448":32},"unfilledCount","contents",[],{"_105":427,"_96":100,"_157":428,"_159":-5,"_160":142,"_161":429,"_163":119,"_107":452,"_101":431,"_165":247,"_167":432,"_168":22,"_169":-5,"_99":453},["D",1748874782155],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":462,"_152":467,"_435":564,"_389":565,"_449":567,"_568":-5,"_569":-5,"_570":-5,"_571":-5,"_572":573,"_442":-5},{"_105":106,"_96":97,"_107":463,"_109":-5,"_110":22,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":119,"_120":119,"_121":-5,"_122":32,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":464,"_136":465,"_139":466,"_151":22},["D",1748870484831],{"_94":95,"_134":135},{"_94":95,"_138":135,"_14":115},{"_101":141,"_96":44,"_105":142,"_143":106,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":97,"_150":95},[468,498,552,561],{"_105":155,"_96":156,"_157":158,"_159":-5,"_160":142,"_161":162,"_163":119,"_107":164,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":469,"_99":497},[470,479,494],{"_105":173,"_96":174,"_157":175,"_159":158,"_160":142,"_161":162,"_163":119,"_107":176,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":471,"_99":478},[472,475],{"_105":179,"_96":180,"_157":181,"_159":175,"_160":142,"_161":162,"_163":119,"_107":182,"_101":32,"_165":183,"_167":184,"_168":22,"_169":-5,"_170":473,"_99":474},[],[156,174,180],{"_105":188,"_96":189,"_157":190,"_159":175,"_160":142,"_161":191,"_163":119,"_107":192,"_101":32,"_165":183,"_167":193,"_168":22,"_169":-5,"_170":476,"_99":477},[],[156,174,189],[156,174],{"_105":198,"_96":199,"_157":200,"_159":158,"_160":142,"_161":201,"_163":119,"_107":202,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":480,"_99":493},[481,484,487,490],{"_105":205,"_96":206,"_157":207,"_159":200,"_160":142,"_161":208,"_163":119,"_107":209,"_101":32,"_165":183,"_167":210,"_168":22,"_169":-5,"_170":482,"_99":483},[],[156,199,206],{"_105":214,"_96":215,"_157":216,"_159":200,"_160":142,"_161":201,"_163":119,"_107":217,"_101":32,"_165":183,"_167":218,"_168":22,"_169":-5,"_170":485,"_99":486},[],[156,199,215],{"_105":222,"_96":223,"_157":224,"_159":200,"_160":142,"_161":225,"_163":119,"_107":226,"_101":32,"_165":183,"_167":227,"_168":22,"_169":-5,"_170":488,"_99":489},[],[156,199,223],{"_105":231,"_96":232,"_157":233,"_159":200,"_160":142,"_161":234,"_163":119,"_107":235,"_101":32,"_165":183,"_167":236,"_168":22,"_169":-5,"_170":491,"_99":492},[],[156,199,232],[156,199],{"_105":241,"_96":242,"_157":243,"_159":158,"_160":142,"_161":244,"_163":22,"_107":245,"_101":246,"_165":247,"_167":248,"_168":22,"_169":-5,"_170":495,"_99":496},[],[156,242],[156],{"_105":253,"_96":254,"_157":255,"_159":-5,"_160":142,"_161":256,"_163":119,"_107":257,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":499,"_99":551},[500,545,548],{"_105":260,"_96":261,"_157":262,"_159":255,"_160":142,"_161":263,"_163":119,"_107":264,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":501,"_99":544},[502,508,514,526,532,538,541],{"_105":267,"_96":268,"_157":269,"_159":262,"_160":142,"_161":270,"_163":119,"_107":271,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":503,"_99":507},[504],{"_105":274,"_96":275,"_157":276,"_159":269,"_160":142,"_161":270,"_163":119,"_107":277,"_101":32,"_165":183,"_167":278,"_168":22,"_169":-5,"_170":505,"_99":506},[],[254,261,268,275],[254,261,268],{"_105":283,"_96":284,"_157":285,"_159":262,"_160":142,"_161":286,"_163":119,"_107":287,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":509,"_99":513},[510],{"_105":290,"_96":291,"_157":292,"_159":285,"_160":142,"_161":286,"_163":119,"_107":293,"_101":32,"_165":183,"_167":294,"_168":22,"_169":-5,"_170":511,"_99":512},[],[254,261,284,291],[254,261,284],{"_105":299,"_96":300,"_157":301,"_159":262,"_160":142,"_161":302,"_163":119,"_107":303,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":515,"_99":525},[516,519,522],{"_105":306,"_96":307,"_157":308,"_159":301,"_160":142,"_161":309,"_163":119,"_107":310,"_101":311,"_165":183,"_167":312,"_168":22,"_169":-5,"_170":517,"_99":518},[],[254,261,300,307],{"_105":316,"_96":317,"_157":318,"_159":301,"_160":142,"_161":302,"_163":119,"_107":319,"_101":32,"_165":183,"_167":320,"_168":22,"_169":-5,"_170":520,"_99":521},[],[254,261,300,317],{"_105":324,"_96":325,"_157":326,"_159":301,"_160":142,"_161":327,"_163":119,"_107":328,"_101":32,"_165":183,"_167":329,"_168":22,"_169":-5,"_170":523,"_99":524},[],[254,261,300,325],[254,261,300],{"_105":334,"_96":335,"_157":336,"_159":262,"_160":142,"_161":337,"_163":119,"_107":338,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":527,"_99":531},[528],{"_105":341,"_96":342,"_157":343,"_159":336,"_160":142,"_161":337,"_163":119,"_107":344,"_101":32,"_165":183,"_167":345,"_168":22,"_169":-5,"_170":529,"_99":530},[],[254,261,335,342],[254,261,335],{"_105":350,"_96":351,"_157":352,"_159":262,"_160":142,"_161":353,"_163":119,"_107":354,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":533,"_99":537},[534],{"_105":357,"_96":358,"_157":359,"_159":352,"_160":142,"_161":353,"_163":119,"_107":360,"_101":32,"_165":183,"_167":361,"_168":22,"_169":-5,"_170":535,"_99":536},[],[254,261,351,358],[254,261,351],{"_105":366,"_96":367,"_157":368,"_159":262,"_160":142,"_161":369,"_163":22,"_107":370,"_101":246,"_165":247,"_167":371,"_168":22,"_169":-5,"_170":539,"_99":540},[],[254,261,367],{"_105":375,"_96":376,"_157":377,"_159":262,"_160":142,"_161":378,"_163":119,"_107":379,"_101":32,"_165":183,"_167":380,"_168":22,"_169":-5,"_170":542,"_99":543},[],[254,261,376],[254,261],{"_105":385,"_96":386,"_157":387,"_159":255,"_160":142,"_161":256,"_163":119,"_107":388,"_101":32,"_165":389,"_167":390,"_168":22,"_169":-5,"_170":546,"_99":547},[],[254,386],{"_105":394,"_96":395,"_157":117,"_159":255,"_160":142,"_161":396,"_163":119,"_107":397,"_101":246,"_165":247,"_167":398,"_168":22,"_169":-5,"_170":549,"_99":550},[],[254,395],[254],{"_105":403,"_96":404,"_157":405,"_159":-5,"_160":142,"_161":311,"_163":119,"_107":406,"_101":32,"_165":166,"_167":-5,"_168":22,"_169":-5,"_170":553,"_99":560},[554,557],{"_105":409,"_96":410,"_157":411,"_159":405,"_160":142,"_161":311,"_163":119,"_107":412,"_101":32,"_165":183,"_167":413,"_168":22,"_169":-5,"_170":555,"_99":556},[],[404,410],{"_105":417,"_96":418,"_157":419,"_159":405,"_160":142,"_161":420,"_163":119,"_107":421,"_101":32,"_165":183,"_167":422,"_168":22,"_169":-5,"_170":558,"_99":559},[],[404,418],[404],{"_105":427,"_96":100,"_157":428,"_159":-5,"_160":142,"_161":429,"_163":119,"_107":430,"_101":431,"_165":247,"_167":432,"_168":22,"_169":-5,"_170":562,"_99":563},[],[100],[468,470,472,475,479,481,484,487,490,494,498,500,502,504,508,510,514,516,519,522,526,528,532,534,538,541,545,548,552,554,557,561],{"_105":427,"_96":100,"_157":428,"_159":-5,"_160":142,"_161":429,"_163":119,"_107":452,"_101":431,"_165":247,"_167":432,"_168":22,"_169":-5,"_99":566},[100],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

Mac4

untitled-5794