import React, { useEffect, useMemo, useState } from "react"; import { createRoot } from "react-dom/client"; type BuyerInput = { clientName: string; agentName: string; meetingDate: string; budgetMin: string; budgetMax: string; timeline: string; financingStatus: string; propertyType: string; bedrooms: string; bathrooms: string; parkingNeeds: string; mustHaves: string[]; niceToHaves: string[]; dealBreakers: string[]; designPreferences: string; lifestyleNotes: string; neighbourhoods: string[]; agentNotes: string; }; type Neighbourhood = { name: string; description: string; pricePoint: string; buyerFit: string; keywords: string[]; mapQuery: string; }; type NeighbourhoodMarketData = { sales: number; active: number; monthsInventory: number; avgPrice: number; avgDom: number; overAsk: number; }; type GeneratedBrief = { buyerSummary: string; criteriaSummary: string; whatMattersMost: string; neighbourhoodSections: Array; nextSteps: string; email: { subject: string; body: string }; }; type SavedBriefMeta = { clientSlug: string; sharePath: string; clientUrl?: string; agentPath?: string; agentUrl?: string; }; type StoredBrief = { input: BuyerInput; brief: GeneratedBrief; meta?: SavedBriefMeta; }; const storageKey = "the-central-buyer-search-brief"; const appsScriptEndpoint = "https://script.google.com/macros/s/AKfycbztJBc_ZcbiOS7_OM0uSUqb-PGONIn9KpujIIRy0__GlNLag4PsgfvqdOl87Yzg9A1G/exec"; const neighbourhoodMarketData: Record = { "Forest Hill": { sales: 100, active: 59, monthsInventory: 7.1, avgPrice: 2627588, avgDom: 38, overAsk: 14 }, "King West": { sales: 100, active: 265, monthsInventory: 31.8, avgPrice: 665569, avgDom: 32, overAsk: 14 }, "Forest Hill North": { sales: 62, active: 23, monthsInventory: 4.5, avgPrice: 2204617, avgDom: 26, overAsk: 11 }, "Casa Loma": { sales: 100, active: 62, monthsInventory: 7.4, avgPrice: 2221305, avgDom: 42, overAsk: 16 }, "Yonge & St. Clair": { sales: 100, active: 68, monthsInventory: 8.2, avgPrice: 1828611, avgDom: 31, overAsk: 16 }, "The Annex": { sales: 100, active: 281, monthsInventory: 33.7, avgPrice: 1392888, avgDom: 37, overAsk: 25 }, "Cabbagetown": { sales: 100, active: 76, monthsInventory: 9.1, avgPrice: 694530, avgDom: 40, overAsk: 20 }, "Lawrence Park": { sales: 100, active: 73, monthsInventory: 8.8, avgPrice: 2567719, avgDom: 29, overAsk: 23 }, "Leaside": { sales: 100, active: 58, monthsInventory: 7.0, avgPrice: 2044399, avgDom: 22, overAsk: 35 }, "The Junction": { sales: 100, active: 81, monthsInventory: 9.7, avgPrice: 1115503, avgDom: 31, overAsk: 35 }, "Roncesvalles": { sales: 100, active: 56, monthsInventory: 6.7, avgPrice: 1352586, avgDom: 30, overAsk: 36 }, "The Beaches": { sales: 100, active: 71, monthsInventory: 8.5, avgPrice: 1569125, avgDom: 25, overAsk: 40 }, "Leslieville": { sales: 100, active: 134, monthsInventory: 16.1, avgPrice: 1125922, avgDom: 23, overAsk: 41 }, "High Park": { sales: 100, active: 41, monthsInventory: 4.9, avgPrice: 1322415, avgDom: 17, overAsk: 45 }, "Queen West": { sales: 100, active: 63, monthsInventory: 7.6, avgPrice: 1086626, avgDom: 26, overAsk: 53 }, "Bloor West Village": { sales: 100, active: 26, monthsInventory: 3.1, avgPrice: 1410739, avgDom: 14, overAsk: 64 } }; const neighbourhoodDatabase: Record = { "Leaside": { name: "Leaside", description: "A steady east end pocket with detached family homes, mature streets, strong schools, and practical access to parks, shops, and daily services.", pricePoint: "$2.6M to $4.5M for strong detached family homes, with renovated or architecturally distinct properties moving higher.", buyerFit: "Leaside suits buyers who want a composed family setting with walkability, parking, and a neighbourhood rhythm that works during the week.", keywords: ["schools", "parking", "family layout", "walkability"], mapQuery: "Leaside, Toronto, Ontario" }, "Lawrence Park": { name: "Lawrence Park", description: "A quieter residential enclave defined by deep lots, established architecture, ravine edges, and access to several of Toronto's most recognized schools.", pricePoint: "$3.5M to $7M+, depending on lot, renovation quality, and proximity to ravine or school corridors.", buyerFit: "Lawrence Park fits buyers prioritizing long-term ownership, privacy, school access, and homes with architectural permanence.", keywords: ["ravine", "schools", "privacy", "long-term value"], mapQuery: "Lawrence Park, Toronto, Ontario" }, "Summerhill": { name: "Summerhill", description: "An elegant central neighbourhood with refined streets, heritage character, useful transit access, and a close relationship to Yonge Street amenities.", pricePoint: "$2.8M to $5.5M for freehold homes, with premium pricing for wider lots, finished renovations, and quieter positions.", buyerFit: "Summerhill works for buyers who want character, daily convenience, and a more urban form of family living.", keywords: ["heritage", "transit", "shops", "central"], mapQuery: "Summerhill, Toronto, Ontario" }, "Rosedale": { name: "Rosedale", description: "A historic residential landscape shaped by ravines, generous lots, and a sense of remove while remaining close to the core.", pricePoint: "$4M to $10M+, with wide variance based on architecture, lot scale, and renovation depth.", buyerFit: "Rosedale is strongest for buyers seeking privacy, mature architecture, and a quieter relationship to central Toronto.", keywords: ["ravines", "heritage", "privacy", "scale"], mapQuery: "Rosedale, Toronto, Ontario" }, "Forest Hill": { name: "Forest Hill", description: "A polished west midtown address with substantial homes, established schools, quiet streets, and a formal residential character.", pricePoint: "$3.5M to $8M+, with larger renovated homes and premium streets commanding higher values.", buyerFit: "Forest Hill fits buyers who value school access, long-term stability, and a more traditional residential setting.", keywords: ["schools", "stability", "large homes", "formal streets"], mapQuery: "Forest Hill, Toronto, Ontario" }, "The Annex": { name: "The Annex", description: "A layered central neighbourhood with Victorian and Edwardian housing, cultural depth, transit, and immediate access to restaurants, shops, and institutions.", pricePoint: "$2.5M to $5M for strong freehold homes, with larger renovated properties above that range.", buyerFit: "The Annex suits buyers who want character, walkability, and an urban lifestyle without giving up residential texture.", keywords: ["character", "culture", "transit", "walkability"], mapQuery: "The Annex, Toronto, Ontario" }, "Casa Loma": { name: "Casa Loma", description: "A distinctive pocket with dramatic topography, period homes, quiet streets, and close access to ravine paths and midtown amenities.", pricePoint: "$2.8M to $5.5M for freehold homes, with premiums for views, scale, and thoughtful renovation.", buyerFit: "Casa Loma works well for buyers drawn to architectural character, elevation, and a slightly more secluded central address.", keywords: ["topography", "period homes", "ravine", "central"], mapQuery: "Casa Loma, Toronto, Ontario" }, "Yonge & St. Clair": { name: "Yonge & St. Clair", description: "A connected midtown node with refined residential side streets, strong transit, and practical access to shops, services, and ravine systems.", pricePoint: "$2.4M to $5M for freehold homes nearby, with broader options across townhomes and condominiums.", buyerFit: "Yonge & St. Clair fits buyers who want a precise balance of city access, walkability, and quieter residential streets.", keywords: ["transit", "walkability", "midtown", "services"], mapQuery: "Yonge and St. Clair, Toronto, Ontario" }, "Davisville Village": { name: "Davisville Village", description: "A practical midtown neighbourhood with approachable family streets, good transit, parks, and a mix of renovated and original homes.", pricePoint: "$2M to $3.8M for many detached and semi-detached homes, with renovated detached properties moving above that band.", buyerFit: "Davisville Village is a strong fit for buyers seeking family function, daily convenience, and value relative to neighbouring pockets.", keywords: ["family function", "transit", "parks", "value"], mapQuery: "Davisville Village, Toronto, Ontario" }, "Moore Park": { name: "Moore Park", description: "A calm residential area set between ravine systems, known for generous streets, established homes, and a restrained neighbourhood feel.", pricePoint: "$3M to $6M+, shaped by lot size, condition, and proximity to ravine corridors.", buyerFit: "Moore Park suits buyers who want family scale, nature access, and a quieter version of central living.", keywords: ["ravine", "quiet", "family scale", "nature"], mapQuery: "Moore Park, Toronto, Ontario" }, "Yorkville": { name: "Yorkville", description: "A dense, design-conscious address with galleries, dining, boutiques, and a concentration of refined condominium and townhouse options.", pricePoint: "$2M to $6M+ across larger condominiums and townhomes, with trophy residences priced well beyond.", buyerFit: "Yorkville fits buyers prioritizing service, design, cultural access, and a more compact urban lifestyle.", keywords: ["design", "culture", "service", "urban"], mapQuery: "Yorkville, Toronto, Ontario" }, "Leslieville": { name: "Leslieville", description: "An east end neighbourhood with renovated semis, converted industrial character, independent retail, and a practical connection to parks and Queen Street.", pricePoint: "$1.6M to $3.2M for many freehold homes, with larger renovated properties and distinctive architecture moving higher.", buyerFit: "Leslieville fits buyers who want design energy, walkability, and a less formal version of family living.", keywords: ["east end", "restaurants", "renovated semis", "parks"], mapQuery: "Leslieville, Toronto, Ontario" }, "Queen West": { name: "Queen West", description: "A highly urban corridor with galleries, restaurants, converted spaces, townhomes, and condominium options tied closely to Toronto's creative economy.", pricePoint: "$1.2M to $3M+ across townhomes, lofts, and larger condominium residences.", buyerFit: "Queen West suits buyers who want cultural access, walkability, and a more compact urban search profile.", keywords: ["culture", "lofts", "restaurants", "urban"], mapQuery: "Queen Street West, Toronto, Ontario" }, "King West": { name: "King West", description: "A downtown west neighbourhood with a dense mix of lofts, condominiums, restaurants, and converted commercial buildings.", pricePoint: "$900K to $3M+ across condominiums and lofts, with larger or design-led residences priced above the area average.", buyerFit: "King West fits buyers prioritizing services, transit, restaurants, and a more vertical form of city living.", keywords: ["downtown", "lofts", "services", "restaurants"], mapQuery: "King West, Toronto, Ontario" }, "The Beaches": { name: "The Beaches", description: "A lakeside east end community with established houses, neighbourhood retail, parks, schools, and immediate access to the waterfront.", pricePoint: "$1.8M to $4M+ for many freehold homes, with premiums for larger lots, lake proximity, and renovated detached properties.", buyerFit: "The Beaches suits buyers who want a softer neighbourhood rhythm with water access and strong daily walkability.", keywords: ["waterfront", "schools", "parks", "family"], mapQuery: "The Beaches, Toronto, Ontario" }, "Bedford Park": { name: "Bedford Park", description: "A north Toronto family neighbourhood with detached and semi-detached homes, strong school access, and useful connections to Avenue Road and Yonge Street.", pricePoint: "$2M to $4.5M+ depending on lot width, renovation quality, and location within the school corridors.", buyerFit: "Bedford Park fits buyers looking for family function, practical amenities, and a long-term residential setting.", keywords: ["schools", "family", "north Toronto", "detached"], mapQuery: "Bedford Park, Toronto, Ontario" }, "Bennington Heights": { name: "Bennington Heights", description: "A quiet enclave near ravine systems with detached homes, winding residential streets, and a more private east-central feel.", pricePoint: "$2.8M to $5.5M+ shaped by lot, condition, and architectural quality.", buyerFit: "Bennington Heights works for buyers seeking privacy, ravine proximity, and an established residential setting.", keywords: ["ravine", "privacy", "detached", "quiet"], mapQuery: "Bennington Heights, Toronto, Ontario" }, "Bloor West Village": { name: "Bloor West Village", description: "A west end neighbourhood with strong main-street retail, subway access, family housing, and close proximity to High Park and the Humber.", pricePoint: "$1.7M to $3.5M+ for many freehold homes, with larger renovated detached homes moving above that range.", buyerFit: "Bloor West Village fits buyers who want walkability, transit, schools, and a grounded west end neighbourhood structure.", keywords: ["subway", "shops", "schools", "west end"], mapQuery: "Bloor West Village, Toronto, Ontario" }, "Bridle Path": { name: "Bridle Path", description: "A low-density estate neighbourhood defined by deep lots, privacy, significant homes, and proximity to ravine and park systems.", pricePoint: "$6M to $20M+, with substantial variance by lot scale, architecture, and condition.", buyerFit: "Bridle Path fits buyers prioritizing scale, privacy, and a more estate-oriented ownership profile.", keywords: ["estate", "privacy", "scale", "ravine"], mapQuery: "Bridle Path, Toronto, Ontario" }, "Cabbagetown": { name: "Cabbagetown", description: "A historic east-central neighbourhood with Victorian housing, intimate streets, strong architectural identity, and quick access to downtown.", pricePoint: "$1.5M to $3.5M+ for many freehold homes, with larger restored properties commanding premiums.", buyerFit: "Cabbagetown suits buyers drawn to heritage character, walkability, and a central residential setting.", keywords: ["Victorian", "heritage", "downtown", "walkability"], mapQuery: "Cabbagetown, Toronto, Ontario" }, "High Park": { name: "High Park", description: "A west end neighbourhood anchored by Toronto's largest park, with established homes, leafy streets, subway access, and a strong family orientation.", pricePoint: "$1.8M to $4M+ depending on home type, renovation quality, and proximity to the park.", buyerFit: "High Park fits buyers seeking green space, transit, and a balanced west end lifestyle.", keywords: ["park", "subway", "family", "west end"], mapQuery: "High Park, Toronto, Ontario" }, "Hoggs Hollow": { name: "Hoggs Hollow", description: "A secluded north Toronto pocket shaped by ravines, larger lots, and a quiet residential character near Yonge Street amenities.", pricePoint: "$3M to $7M+ with premiums for ravine settings, lot scale, and substantial renovations.", buyerFit: "Hoggs Hollow suits buyers who want privacy, natural setting, and strong access to midtown and north Toronto.", keywords: ["ravine", "privacy", "large lots", "north Toronto"], mapQuery: "Hoggs Hollow, Toronto, Ontario" }, "Lytton Park": { name: "Lytton Park", description: "A refined north Toronto neighbourhood with detached homes, quiet streets, and direct access to established schools and Yonge Street amenities.", pricePoint: "$2.8M to $6M+ depending on lot, condition, and renovation quality.", buyerFit: "Lytton Park fits buyers looking for school access, architectural permanence, and a composed family setting.", keywords: ["schools", "detached", "family", "north Toronto"], mapQuery: "Lytton Park, Toronto, Ontario" }, "Parkdale": { name: "Parkdale", description: "A west end neighbourhood with Victorian and Edwardian housing, apartment stock, cultural texture, and direct access to Queen Street and the waterfront.", pricePoint: "$1.4M to $3.2M+ for many freehold properties, with wide variation by condition and configuration.", buyerFit: "Parkdale fits buyers who value character, urban texture, and access to the west end's cultural corridors.", keywords: ["character", "west end", "Queen Street", "waterfront"], mapQuery: "Parkdale, Toronto, Ontario" }, "Ramsden Park": { name: "Ramsden Park", description: "A small central focus area near Rosedale and Yorkville, valued for park access, townhomes, historic housing, and refined urban convenience.", pricePoint: "$2M to $5M+ across townhomes, freeholds, and larger residences near the park.", buyerFit: "Ramsden Park suits buyers who want central access, park proximity, and a quieter pocket beside major amenities.", keywords: ["park", "central", "townhomes", "walkability"], mapQuery: "Ramsden Park, Toronto, Ontario" }, "Roncesvalles": { name: "Roncesvalles", description: "A west end neighbourhood with family houses, independent retail, streetcar access, and a strong relationship to High Park and the lake.", pricePoint: "$1.6M to $3.5M+ for many freehold homes, with renovated detached and larger semis moving higher.", buyerFit: "Roncesvalles fits buyers seeking walkability, community structure, and character-driven west end housing.", keywords: ["west end", "shops", "streetcar", "family"], mapQuery: "Roncesvalles, Toronto, Ontario" }, "The Junction": { name: "The Junction", description: "A west Toronto neighbourhood with converted industrial character, independent retail, family housing, and improving connections across the west end.", pricePoint: "$1.4M to $3M+ for many freehold homes, with larger renovated properties priced above the area average.", buyerFit: "The Junction fits buyers who want character, local retail, and relative value beside more established west end pockets.", keywords: ["character", "retail", "west end", "value"], mapQuery: "The Junction, Toronto, Ontario" }, "The Kingsway": { name: "The Kingsway", description: "A west-end enclave with substantial detached homes, established streets, Humber River access, and a formal residential character.", pricePoint: "$2.5M to $6M+ depending on lot, architecture, and proximity to premium streets or ravine edges.", buyerFit: "The Kingsway suits buyers looking for scale, privacy, and a classic west-end residential environment.", keywords: ["detached", "Humber", "west end", "scale"], mapQuery: "The Kingsway, Toronto, Ontario" } }; const allNeighbourhoods = [ "Leaside", "Lawrence Park", "Summerhill", "Rosedale", "The Annex", "Yonge & St. Clair", "Davisville Village", "Moore Park", "Yorkville", "Leslieville", "Forest Hill", "Casa Loma", "Queen West", "King West", "The Beaches", "Bedford Park", "Bennington Heights", "Bloor West Village", "Bridle Path", "Cabbagetown", "High Park", "Hoggs Hollow", "Lytton Park", "Parkdale", "Ramsden Park", "Roncesvalles", "The Junction", "The Kingsway" ]; const sampleInput: BuyerInput = { clientName: "Sarah and Daniel", agentName: "Michael McLachlan", meetingDate: "2026-04-27", budgetMin: "$3,000,000", budgetMax: "$4,250,000", timeline: "3 to 6 months", financingStatus: "Pre-approved with flexibility on timing", propertyType: "Detached or semi-detached home", bedrooms: "4", bathrooms: "3+", parkingNeeds: "Private parking preferred", mustHaves: ["Family-friendly layout", "Strong natural light", "Parking", "Walkable neighbourhood", "Architectural character"], niceToHaves: ["Finished lower level", "Main floor office", "South-facing garden", "Renovated kitchen"], dealBreakers: ["No major structural work", "No overly generic flip", "No busy main road"], designPreferences: "Warm modern, classic architecture, natural materials, thoughtful renovations", lifestyleNotes: "They want a home that supports family life, school access, weekend hosting, and daily walkability.", neighbourhoods: ["Leaside", "Lawrence Park", "Summerhill"], agentNotes: "They responded well to homes with a strong front hall, good light through the main floor, and a sense of original character preserved through renovation." }; const emptyInput: BuyerInput = { clientName: "", agentName: "", meetingDate: "", budgetMin: "", budgetMax: "", timeline: "", financingStatus: "", propertyType: "", bedrooms: "", bathrooms: "", parkingNeeds: "", mustHaves: [], niceToHaves: [], dealBreakers: [], designPreferences: "", lifestyleNotes: "", neighbourhoods: [], agentNotes: "" }; const buyerProfileExamples: BuyerInput[] = [ { clientName: "Alex Morgan", agentName: "Michael McLachlan", meetingDate: "2026-04-27", budgetMin: "$900,000", budgetMax: "$1,350,000", timeline: "1 to 3 months", financingStatus: "Pre-approved with a firm upper limit", propertyType: "Condominium, loft, or townhouse", bedrooms: "1+1 or 2", bathrooms: "2", parkingNeeds: "Parking preferred, strong transit can offset", mustHaves: ["Transit access", "Short commute downtown", "Space for hybrid work", "Walkable restaurants", "Good building management"], niceToHaves: ["Outdoor space", "Concrete loft character", "Gym in building", "Separate office nook"], dealBreakers: ["Long walk to transit", "Poor natural light", "High-maintenance boutique building"], designPreferences: "Clean modern, warm finishes, efficient storage, city views where possible", lifestyleNotes: "They work hybrid, go out often, and want a neighbourhood that supports restaurants, fitness, friends, and a low-friction commute.", neighbourhoods: ["King West", "Queen West", "Yorkville", "Yonge & St. Clair"], agentNotes: "They care more about building quality, transit, and lifestyle fit than square footage alone." }, { clientName: "Maya and Thomas", agentName: "Michael McLachlan", meetingDate: "2026-04-27", budgetMin: "$2,600,000", budgetMax: "$3,700,000", timeline: "3 to 6 months", financingStatus: "Pre-approved with proceeds from a planned sale", propertyType: "Detached or larger semi-detached home", bedrooms: "4", bathrooms: "3+", parkingNeeds: "Private parking required", mustHaves: ["Family-friendly layout", "School access", "Parking", "Main floor family space", "Walkable daily amenities"], niceToHaves: ["Finished lower level", "Mudroom", "Main floor office", "South or west-facing garden"], dealBreakers: ["Busy main road", "Major structural work", "No functional family room"], designPreferences: "Classic architecture with warm modern updates, durable materials, thoughtful storage", lifestyleNotes: "They are moving up from a smaller home and want more room for children, school routines, weekend hosting, and hybrid work.", neighbourhoods: ["Leaside", "Bedford Park", "Davisville Village", "Lawrence Park"], agentNotes: "They need a home that solves the pressure points of family life rather than simply adding more square footage." }, { clientName: "Victoria and James", agentName: "Michael McLachlan", meetingDate: "2026-04-27", budgetMin: "$7,500,000", budgetMax: "$14,000,000", timeline: "6 to 12 months", financingStatus: "Fully underwritten with flexibility for the right property", propertyType: "Substantial detached residence or estate property", bedrooms: "5+", bathrooms: "5+", parkingNeeds: "Multiple car parking required", mustHaves: ["Privacy", "Architectural presence", "Large principal rooms", "Elevated renovation quality", "Strong long-term address"], niceToHaves: ["Ravine setting", "Pool", "Wine storage", "Gym", "Guest suite"], dealBreakers: ["Compromised lot", "Inferior renovation quality", "Overexposed street position"], designPreferences: "Quietly substantial, natural stone, millwork, mature landscaping, refined contemporary or classic architecture", lifestyleNotes: "They are seeking a significant upgrade with privacy, entertaining capacity, family scale, and a property that feels considered rather than showy.", neighbourhoods: ["Rosedale", "Forest Hill", "Bridle Path", "Lawrence Park", "The Kingsway"], agentNotes: "They will move for the right property, not because they need to. The search should be selective and discreet." } ]; function listToSentence(items: string[]) { const clean = items.filter(Boolean); if (clean.length === 0) return ""; if (clean.length === 1) return clean[0].toLowerCase(); return `${clean.slice(0, -1).join(", ").toLowerCase()}, and ${clean[clean.length - 1].toLowerCase()}`; } function formatDate(date: string) { const parsed = new Date(`${date}T12:00:00`); if (Number.isNaN(parsed.getTime())) return date; return new Intl.DateTimeFormat("en-CA", { month: "long", day: "numeric", year: "numeric" }).format(parsed); } function formatAveragePrice(price: number) { return `$${(price / 1000000).toFixed(1)}M`; } function slugify(value: string) { const slug = value.toLowerCase().trim().replace(/&/g, " and ").replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, ""); return slug || `brief-${Date.now()}`; } function buildClientUrl(path: string) { if (!path) return ""; return `${window.location.origin}${path}`; } function buildEmailBody(input: BuyerInput, clientUrl?: string) { const link = clientUrl || "[View your search brief]"; return `Hi ${input.clientName || "there"},\n\nGood to meet with you.\n\nI have prepared your buyer search brief, including the priorities we discussed and the neighbourhoods or search areas we will be watching closely.\n\n${link}\n\nWe will use this as a working reference as we begin reviewing opportunities.\n\nBest,\n${input.agentName || "The Central"}`; } function withClientLink(brief: GeneratedBrief, input: BuyerInput, meta?: SavedBriefMeta): GeneratedBrief { const clientUrl = meta?.clientUrl || (meta?.sharePath ? buildClientUrl(meta.sharePath) : ""); return { ...brief, email: { subject: brief.email.subject, body: buildEmailBody(input, clientUrl) } }; } async function saveBriefToSite(payload: { input: BuyerInput; brief: GeneratedBrief; clientSlug: string; sharePath: string; briefId: string; status: string }) { if (appsScriptEndpoint) { await fetch(appsScriptEndpoint, { method: "POST", mode: "no-cors", headers: { "Content-Type": "text/plain" }, body: JSON.stringify(payload) }); return { clientSlug: payload.clientSlug, sharePath: payload.sharePath, clientUrl: buildClientUrl(payload.sharePath), agentPath: `/agent/${payload.clientSlug}`, agentUrl: buildClientUrl(`/agent/${payload.clientSlug}`) } as SavedBriefMeta; } const response = await fetch("/.netlify/functions/save-brief", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); const data = await response.json().catch(() => ({})); if (!response.ok) throw new Error(data.error || "Unable to save brief."); return data as SavedBriefMeta; } async function loadBriefFromSite(slug: string) { if (appsScriptEndpoint) { const callback = `buyerBriefCallback_${Date.now()}_${Math.random().toString(36).slice(2)}`; return await new Promise<{ input: BuyerInput; brief: GeneratedBrief; clientSlug: string; sharePath: string }>((resolve, reject) => { const script = document.createElement("script"); const cleanup = () => { delete (window as unknown as Record)[callback]; script.remove(); }; const timeout = window.setTimeout(() => { cleanup(); reject(new Error("Unable to load brief.")); }, 10000); (window as unknown as Record void>)[callback] = (data) => { window.clearTimeout(timeout); cleanup(); if (!data.ok) { reject(new Error(data.error || "Unable to load brief.")); return; } resolve({ input: data.input, brief: data.brief, clientSlug: data.clientSlug || slug, sharePath: data.sharePath || `/brief/${slug}` }); }; script.onerror = () => { window.clearTimeout(timeout); cleanup(); reject(new Error("Unable to load brief.")); }; script.src = `${appsScriptEndpoint}?slug=${encodeURIComponent(slug)}&callback=${encodeURIComponent(callback)}`; document.body.appendChild(script); }); } const response = await fetch(`/.netlify/functions/get-brief?slug=${encodeURIComponent(slug)}`); const data = await response.json().catch(() => ({})); if (!response.ok) throw new Error(data.error || "Unable to load brief."); return data as { input: BuyerInput; brief: GeneratedBrief; clientSlug: string; sharePath: string }; } function generateBuyerBrief(input: BuyerInput): GeneratedBrief { const selected = input.neighbourhoods.map((name) => neighbourhoodDatabase[name] || { name, description: `${name} will be reviewed for housing quality, street position, pricing behaviour, and fit against the priorities in this brief.`, pricePoint: "To be assessed against current inventory and recent comparable sales.", buyerFit: `${name} is included as a custom focus area for this search.`, keywords: ["custom focus", "fit", "pricing"], mapQuery: `${name}, Toronto, Ontario` }).filter(Boolean); const buyerSummary = `${input.clientName} is looking for a ${input.propertyType.toLowerCase()} that can support daily family life without losing architectural character. The search should stay disciplined around homes with ${listToSentence(input.mustHaves)}, with particular attention to light, flow, and the quality of past renovations.`; const criteriaSummary = `The working range is ${input.budgetMin} to ${input.budgetMax}, with a ${input.timeline.toLowerCase()} timeline and ${input.financingStatus.toLowerCase()}. We will focus on ${input.bedrooms} bedrooms, ${input.bathrooms} bathrooms, and ${input.parkingNeeds.toLowerCase()}, while filtering out properties with ${listToSentence(input.dealBreakers)}.`; const whatMattersMost = `The brief favours ${input.designPreferences.toLowerCase()}. ${input.lifestyleNotes} In practice, that means fewer tours and a sharper review of homes that combine layout, street position, renovation quality, and long-term value. ${input.agentNotes}`; const neighbourhoodSections = selected.map((area) => ({ ...area, whyItFits: `${area.buyerFit} For ${input.clientName}, the fit comes from how its ${area.keywords.slice(0, 3).join(", ")} align with the priorities discussed.` })); const nextSteps = "We will begin watching for homes aligned with this brief, with attention to pricing, presentation, and long-term value. The focus will be fit, not volume. Each opportunity will be reviewed against your priorities before being brought forward."; const email = { subject: "Your Search Brief", body: buildEmailBody(input) }; return { buyerSummary, criteriaSummary, whatMattersMost, neighbourhoodSections, nextSteps, email }; } function useRoute() { const [path, setPath] = useState(window.location.pathname); useEffect(() => { const handle = () => setPath(window.location.pathname); window.addEventListener("popstate", handle); return () => window.removeEventListener("popstate", handle); }, []); const navigate = (next: string) => { window.history.pushState({}, "", next); setPath(next); window.scrollTo({ top: 0, behavior: "smooth" }); }; return { path, navigate }; } function BrandHeader({ tone = "light", navigate, publicPage = false }: { tone?: "light" | "dark"; navigate: (path: string) => void; publicPage?: boolean }) { const dark = tone === "dark"; const logoSrc = dark ? "/src/the-central-wordmark-green.svg" : "/src/the-central-wordmark-cream.svg"; const logo = The Central; return (
{publicPage ? ( {logo} ) : ( <> )}
); } function TextField({ label, value, onChange, type = "text" }: { label: string; value: string; onChange: (value: string) => void; type?: string }) { return ; } function TextArea({ label, value, onChange, rows = 5 }: { label: string; value: string; onChange: (value: string) => void; rows?: number }) { return