62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:Tb0ba,'use client' import * as React from 'react' import { Footprints, Bus, Bike, MapPin, Search, Navigation, School, TreePine, Coffee, GraduationCap, UtensilsCrossed, Car, Train, Clock, Share2, Bookmark, Check, ArrowUpRight, ShieldCheck, } from 'lucide-react' import { cn } from '@/lib/utils' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card, CardHeader, CardTitle, CardDescription, CardContent } from '@/components/ui/card' import { Progress } from '@/components/ui/progress' import { Separator } from '@/components/ui/separator' import { LeafletCircle, LeafletMap, LeafletMarker } from '@/components/ui/leaflet-map' export type PoiCategoryType = 'all' | 'transit' | 'dining' | 'schools' | 'parks' export type CommuteMode = 'all' | 'transit' | 'drive' export interface MobilityScore { score: number maxScore?: number label: string verdict: string description: string verdictClass: string gaugeColor: string subtext: string highlights: string[] } export interface PoiItem { id: string name: string category: 'transit' | 'dining' | 'schools' | 'parks' categoryLabel: string distance: string timeWalk?: string timeDrive?: string rating?: string badge?: string description: string address: string coords?: [number, number] } export interface CommuteDestination { id: string name: string region: string distance: string transitTime: number transitLabel: string transitRoute: string driveTime: number driveLabel: string driveRoute: string peakRushTime?: string } export interface LeafletNeighborhoodWalkscoreCardProps { title?: string address?: string neighborhood?: string city?: string zipCode?: string walkScore?: MobilityScore transitScore?: MobilityScore bikeScore?: MobilityScore pois?: PoiItem[] commutes?: CommuteDestination[] className?: string } const defaultWalkScore: MobilityScore = { score: 94, maxScore: 100, label: 'Walk Score®', verdict: "Walker's Paradise", description: 'Daily errands do not require a car', verdictClass: 'text-success', gaugeColor: '#10b981', subtext: '94 out of 100 on walkable street accessibility', highlights: ['48 amenities within 10-min walk', '98% continuous sidewalks', 'Pedestrian safety grade: A+'], } const defaultTransitScore: MobilityScore = { score: 82, maxScore: 100, label: 'Transit Score®', verdict: 'Excellent Transit', description: '6 nearby bus & light rail routes', verdictClass: 'text-info', gaugeColor: '#0ea5e9', subtext: '82 out of 100 on public transportation connectivity', highlights: ['Metro A Line station in 4 min', '5 frequent municipal bus routes', '18 min direct train to DTLA'], } const defaultBikeScore: MobilityScore = { score: 88, maxScore: 100, label: 'Bike Score®', verdict: 'Very Bikeable', description: 'Dedicated bike lanes and flat terrain', verdictClass: 'text-chart-1', gaugeColor: 'var(--chart-1)', subtext: '88 out of 100 on cycling infrastructure & slope', highlights: ['14 miles of protected bike lanes', '<2% average street gradient', '3 bikeshare docks nearby'], } const defaultPois: PoiItem[] = [ { id: 'poi-1', name: 'Metro A Line Station', category: 'transit', categoryLabel: 'Public Transit', distance: '0.2 mi', timeWalk: '4 min walk', badge: 'Light Rail', description: 'High-frequency light rail connecting Pasadena directly to Downtown LA and Long Beach.', address: 'Del Mar Ave & S Raymond Ave', }, { id: 'poi-2', name: 'Pasadena Transit Bus Stop', category: 'transit', categoryLabel: 'Public Transit', distance: '0.1 mi', timeWalk: '2 min walk', badge: 'Local Transit', description: 'Direct routes 10 & 20 connecting South Lake District to Old Town & City Hall.', address: 'S Lake Ave & E Green St', }, { id: 'poi-3', name: 'Memorial Park Station', category: 'transit', categoryLabel: 'Public Transit', distance: '0.5 mi', timeWalk: '10 min walk', badge: 'Light Rail', description: 'Alternative metro access with regional bus connection bays and bike lockups.', address: '125 E Holly St', }, { id: 'poi-4', name: 'Blue Bottle Coffee', category: 'dining', categoryLabel: 'Dining & Coffee', distance: '0.1 mi', timeWalk: '2 min walk', rating: '4.8 ★', badge: 'Artisanal Cafe', description: 'Specialty pour-over coffee, single-origin espresso drinks, and fresh bakery pastries.', address: '60 S Lake Ave', }, { id: 'poi-5', name: 'Whole Foods Market', category: 'dining', categoryLabel: 'Dining & Coffee', distance: '0.3 mi', timeWalk: '6 min walk', rating: '4.7 ★', badge: 'Organic Grocery', description: 'Full-service natural grocer with organic produce, prepared hot bar, and wellness center.', address: '3751 E Foothill Blvd / Arroyo Pkwy', }, { id: 'poi-6', name: "Trader Joe's", category: 'dining', categoryLabel: 'Dining & Coffee', distance: '0.4 mi', timeWalk: '8 min walk', rating: '4.9 ★', badge: 'Grocery', description: 'Neighborhood market renowned for unique provisions, fresh bakery, and wine selection.', address: '610 S Lake Ave', }, { id: 'poi-7', name: 'Urth Caffe Pasadena', category: 'dining', categoryLabel: 'Dining & Coffee', distance: '0.2 mi', timeWalk: '5 min walk', rating: '4.6 ★', badge: 'Organic Eatery', description: 'Vibrant indoor/outdoor patio serving farm-to-table organic breakfast, lunch, and matcha.', address: '594 E Colorado Blvd', }, { id: 'poi-8', name: 'Pasadena High School', category: 'schools', categoryLabel: 'Schools & Education', distance: '0.6 mi', timeWalk: '12 min walk', rating: '9/10', badge: 'Public 9-12', description: 'Top-rated public high school with Law and Creative Arts academies and AP honors programs.', address: '2925 E Sierra Madre Blvd', }, { id: 'poi-9', name: 'Caltech Campus', category: 'schools', categoryLabel: 'Schools & Education', distance: '0.8 mi', timeWalk: '15 min walk', rating: 'Top Tier', badge: 'Higher Education', description: 'World-renowned private science & engineering research university campus and open grounds.', address: '1200 E California Blvd', }, { id: 'poi-10', name: 'McKinley Elementary School', category: 'schools', categoryLabel: 'Schools & Education', distance: '0.4 mi', timeWalk: '8 min walk', rating: '8/10', badge: 'Public K-8', description: 'STEAM-focused neighborhood magnet school with dual-language immersion track.', address: '325 S Oak Knoll Ave', }, { id: 'poi-11', name: 'Central Park', category: 'parks', categoryLabel: 'Parks & Recreation', distance: '0.3 mi', timeWalk: '6 min walk', rating: '4.8 ★', badge: 'Public Park', description: 'Historic shaded park with rolling green lawns, dedicated dog park, and lawn bowling greens.', address: '275 S Raymond Ave', }, { id: 'poi-12', name: 'Rose Bowl Aquatics Center', category: 'parks', categoryLabel: 'Parks & Recreation', distance: '1.4 mi', timeDrive: '5 min drive', rating: '4.9 ★', badge: 'Sports Complex', description: 'Twin Olympic 50-meter pools, fitness facilities, and adjacent Arroyo Seco running trails.', address: '360 N Arroyo Blvd', }, ] const defaultCommutes: CommuteDestination[] = [ { id: 'commute-dtla', name: 'Downtown Los Angeles', region: 'Financial District & Union Station', distance: '10.4 mi', transitTime: 18, transitLabel: '18m by train', transitRoute: 'Metro A Line (Direct Express)', driveTime: 24, driveLabel: '24m by car', driveRoute: 'via CA-110 S Freeway', peakRushTime: '28-34m at 8:30 AM', }, { id: 'commute-sm', name: 'Santa Monica', region: 'Silicon Beach & Pier', distance: '26.2 mi', transitTime: 62, transitLabel: '62m by train', transitRoute: 'Metro A Line → Metro E Line', driveTime: 45, driveLabel: '45m by car', driveRoute: 'via I-10 W / CA-110 S', peakRushTime: '55-68m at 8:30 AM', }, { id: 'commute-burbank', name: 'Burbank Media District', region: 'Warner Bros & Disney Studios', distance: '12.1 mi', transitTime: 38, transitLabel: '38m by transit', transitRoute: 'Metro Bus 501 Rapid', driveTime: 22, driveLabel: '22m by car', driveRoute: 'via CA-134 W Express', peakRushTime: '26-32m at 8:30 AM', }, { id: 'commute-century', name: 'Century City / Westwood', region: 'Fox Studios & UCLA Area', distance: '21.5 mi', transitTime: 54, transitLabel: '54m by transit', transitRoute: 'Commuter Express 423', driveTime: 38, driveLabel: '38m by car', driveRoute: 'via CA-134 W to I-405 S', peakRushTime: '48-58m at 8:30 AM', }, ] // Subject property (742 Evergreen Terrace, Pasadena) — map center, home marker, // and the 15-minute walkshed circle all anchor here. const HOME_CENTER: [number, number] = [-118.1445, 34.1478] // ~15-minute pedestrian catchment (~1.2 km at typical walking speed). const WALK_RADIUS_METERS = 1200 const defaultPoiCoords: Record = { 'poi-1': [-118.148, 34.141], 'poi-2': [-118.132, 34.152], 'poi-3': [-118.149, 34.148], 'poi-4': [-118.133, 34.144], 'poi-5': [-118.149, 34.135], 'poi-6': [-118.132, 34.136], 'poi-7': [-118.136, 34.146], 'poi-8': [-118.125, 34.155], 'poi-9': [-118.138, 34.138], 'poi-10': [-118.148, 34.143], 'poi-11': [-118.142, 34.133], } export function LeafletNeighborhoodWalkscoreCard({ title = 'Neighborhood & Location Intelligence', address = '742 Evergreen Terrace, Pasadena, CA 91101', neighborhood = 'South Lake Commercial & Arts District', city = 'Pasadena', zipCode = '91101', walkScore = defaultWalkScore, transitScore = defaultTransitScore, bikeScore = defaultBikeScore, pois = defaultPois, commutes = defaultCommutes, className, }: LeafletNeighborhoodWalkscoreCardProps) { const [selectedCategory, setSelectedCategory] = React.useState('all') const [searchQuery, setSearchQuery] = React.useState('') const [selectedCommuteMode, setSelectedCommuteMode] = React.useState('all') const [isSaved, setIsSaved] = React.useState(false) const [isCopied, setIsCopied] = React.useState(false) const categoriesList = [ { id: 'all' as const, label: 'All Places', count: pois.length }, { id: 'transit' as const, label: 'Public Transit', count: pois.filter((p) => p.category === 'transit').length, }, { id: 'dining' as const, label: 'Dining & Coffee', count: pois.filter((p) => p.category === 'dining').length, }, { id: 'schools' as const, label: 'Schools & Education', count: pois.filter((p) => p.category === 'schools').length, }, { id: 'parks' as const, label: 'Parks & Rec', count: pois.filter((p) => p.category === 'parks').length, }, ] const filteredPois = React.useMemo(() => { return pois.filter((poi) => { const matchesCat = selectedCategory === 'all' || poi.category === selectedCategory const matchesSearch = searchQuery.trim() === '' || poi.name.toLowerCase().includes(searchQuery.toLowerCase()) || poi.description.toLowerCase().includes(searchQuery.toLowerCase()) || poi.address.toLowerCase().includes(searchQuery.toLowerCase()) || (poi.badge && poi.badge.toLowerCase().includes(searchQuery.toLowerCase())) return matchesCat && matchesSearch }) }, [pois, selectedCategory, searchQuery]) const handleCopyAddress = () => { if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText(`${address}, ${neighborhood}`) setIsCopied(true) setTimeout(() => { setIsCopied(false) }, 2000) } } // Circular gauge calculation helper (radius 38, perimeter ~238.76) const circumference = 2 * Math.PI * 38 const getGaugeDashOffset = (score: number): number => { const clamped = Math.min(100, Math.max(0, score)) return circumference - (clamped / 100) * circumference } const getPoiCoords = (poi: PoiItem): [number, number] => { if (poi.coords) return poi.coords return ( defaultPoiCoords[poi.id] || [ HOME_CENTER[0] + Math.sin(poi.name.length) * 0.008, HOME_CENTER[1] + Math.cos(poi.name.length) * 0.008, ] ) } return (

{/* Header Banner Card */}

{/* Badges Bar */}

{city} · {zipCode} Walker's Paradise Urban Transit Hub

{/* Title & Address */}

{title}

{address}

Neighborhood: {neighborhood}

{/* Top Actions */}

{/* Section 1: 3 Primary Mobility Score Cards */}

{/* Card 1: Walk Score */}

{walkScore.label} Pedestrian Index

{walkScore.score}/100

{/* Circular Gauge & Score Verdict */}

{walkScore.score} / 100

{walkScore.verdict}

{walkScore.description}

{/* Key Highlights */}

Mobility Highlights

{item}

{/* Card 2: Transit Score */}

{transitScore.label} Transit Connectivity

{transitScore.score}/100

{/* Circular Gauge & Score Verdict */}

{transitScore.score} / 100

{transitScore.verdict}

{transitScore.description}

{/* Key Highlights */}

Transit Highlights

{item}

{/* Card 3: Bike Score */}

{bikeScore.label} Cycling Grid

{bikeScore.score}/100

{/* Circular Gauge & Score Verdict */}

{bikeScore.score} / 100

{bikeScore.verdict}

{bikeScore.description}

{/* Key Highlights */}

Cycling Highlights

{item}

{/* Section 2: Commute Time Estimator */}

Commute Time Estimator

Estimated travel duration from 742 Evergreen Terrace to key employment & lifestyle hubs.

{/* Mode selector filters */}

{commutes.map((commute) => (

{/* Destination Info */}

{commute.name}

· {commute.distance}

{commute.region}

{/* Time Badges & Routes */}

{/* Transit Mode Pill */} {(selectedCommuteMode === 'all' || selectedCommuteMode === 'transit') && (

{commute.transitLabel} — {commute.transitRoute}

)} {/* Drive Mode Pill */} {(selectedCommuteMode === 'all' || selectedCommuteMode === 'drive') && (

{commute.driveLabel} — {commute.driveRoute}

)} {/* Peak Rush Info */} {commute.peakRushTime && (

Rush: {commute.peakRushTime}

)}

{/* Visual Progress Bar for Comparative Duration */}

{(selectedCommuteMode === 'all' || selectedCommuteMode === 'transit') && (

Transit Duration {commute.transitTime} min

)} {(selectedCommuteMode === 'all' || selectedCommuteMode === 'drive') && (

Driving Duration {commute.driveTime} min

)}

))}

{/* Section 3: Nearby Points of Interest Categorized List */}

Nearby Points of Interest

Key transit hubs, dining, specialty cafes, schools, and parks located within walking distance.

{pois.length} verified local venues

{/* Controls: Category Filter Tabs & Search Bar */}

{/* Category Filter Tabs */}

{categoriesList.map((cat) => ( ))}

{/* Search Input */}

setSearchQuery(e.target.value)} placeholder="Search venue or street..." className="border-border bg-background placeholder:text-muted-foreground focus-visible:ring-ring h-8 w-full rounded-md border pr-3 pl-8 text-xs focus-visible:ring-2 focus-visible:outline-none" />

{/* Interactive 15-Minute Walkshed & POI Map */}

15-Minute Walkshed & Amenity Locator Free OpenStreetMap/Esri basemap — no API key — with a 15-minute walk radius and categorized local destinations.

98 Walk Score Paradise

{/* 15-min Walk Radius Circle */} {/* Home Property Marker */}

{/* Filtered POI Markers */} {filteredPois.map((poi) => (

{poi.category === 'dining' ? ( ) : poi.category === 'transit' ? ( ) : poi.category === 'schools' ? ( ) : ( )}

))}

{/* POIs Grid */} {filteredPois.length > 0 ? (

{filteredPois.map((poi) => (

{/* Icon Box based on category */}

{poi.category === 'transit' && poi.badge === 'Light Rail' ? ( ) : poi.category === 'transit' ? ( ) : poi.category === 'dining' && poi.name.includes('Coffee') ? ( ) : poi.category === 'dining' ? ( ) : poi.category === 'schools' && poi.name.includes('Caltech') ? ( ) : poi.category === 'schools' ? ( ) : ( )}

{/* Main POI Details */}

{poi.name}

{/* Distance / Walk Time Pill */}

{poi.distance} {poi.timeWalk && · {poi.timeWalk}} {poi.timeDrive && · {poi.timeDrive}}

{poi.description}

{poi.address}

{poi.rating && ( {poi.rating} )} {poi.badge && ( {poi.badge} )}

))}

) : ( /* Empty State when filter yields nothing */

No points of interest match "{searchQuery}"

Try searching for other amenities like "coffee", "market", "school", or clear the filter.

)}

{/* Section 4: Quick Neighborhood Summary Footnote */}

Official Location Score Intelligence Verification

Calculated based on standard 15-minute pedestrian catchment models, municipal route timetables, and GIS road grades.

) } export default LeafletNeighborhoodWalkscoreCard 61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/badge.json","https://uipkge.dev/r/react/button.json","https://uipkge.dev/r/react/card.json","https://uipkge.dev/r/react/progress.json","https://uipkge.dev/r/react/separator.json","https://uipkge.dev/r/react/leaflet-map.json"]}]]}],null]}],["$","$L63",null,{"files":[{"path":"packages/registry-react/blocks/leaflet-neighborhood-walkscore-card/LeafletNeighborhoodWalkscoreCard.tsx","content":"$64","type":"registry:block","target":"~/components/blocks/LeafletNeighborhoodWalkscoreCard.tsx"}],"className":"h-[70svh] min-h-80"}]]}]