[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_256":257,"_258":259},"routes/_app.x.$handle.$name",{"_99":98,"_32":50,"_107":89,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_21":-5,"_119":-5,"_120":-5,"_121":25,"_122":123,"_124":25,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_48":49,"_32":50,"_36":51,"_52":-5,"_53":25,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":-5,"_61":25,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",8,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":-5,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","backend","latestPath","fileId","ff80babd-14ce-48e0-acd7-7eca31a11ee7","name","fileType","directory","content","createdAt",["D",1767644989162],"branchVersion","branchId","4a53ab3e-ea69-11f0-a5d8-42dde27851f2",{"_30":43,"_32":44,"_33":45,"_35":46,"_36":47,"_38":14,"_39":40,"_24":25},"backend/index.ts","483220ea-ea75-11f0-9044-42dde27851f2","index.ts","script","import { Hono } from 'https://esm.sh/hono@3.11.7';\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve static files from frontend and shared directories\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main application\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Add any initial data injection here if needed\n const initialData = {\n timestamp: new Date().toISOString(),\n version: \"1.0.0\"\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API endpoint for search (placeholder for future property data)\napp.get(\"/api/search\", async c => {\n const searchParams = c.req.query();\n \n // Mock property data - in a real app this would query a database\n const mockProperties = [\n {\n id: 1,\n address: \"123 Main St, Williamsburg, Brooklyn\",\n price: 750000,\n beds: 2,\n baths: 2,\n sqft: 1200,\n propertyType: \"condo\",\n features: [\"parking\", \"laundry\"],\n neighborhood: \"Williamsburg\",\n images: [\"https://via.placeholder.com/400x300\"]\n },\n {\n id: 2,\n address: \"456 Oak Ave, Park Slope, Brooklyn\", \n price: 1200000,\n beds: 3,\n baths: 2.5,\n sqft: 1800,\n propertyType: \"townhouse\",\n features: [\"yard\", \"garage\"],\n neighborhood: \"Park Slope\",\n images: [\"https://via.placeholder.com/400x300\"]\n },\n {\n id: 3,\n address: \"789 Pine St, Bed Stuy, Brooklyn\",\n price: 450000,\n beds: 1,\n baths: 1,\n sqft: 800,\n propertyType: \"apartment\",\n features: [\"doorman\", \"gym\"],\n neighborhood: \"Bed Stuy\", \n images: [\"https://via.placeholder.com/400x300\"]\n }\n ];\n \n // Filter properties based on search parameters\n let filteredProperties = mockProperties;\n \n if (searchParams.beds) {\n const minBeds = parseInt(searchParams.beds);\n filteredProperties = filteredProperties.filter(p => p.beds >= minBeds);\n }\n \n if (searchParams.baths) {\n const minBaths = parseFloat(searchParams.baths);\n filteredProperties = filteredProperties.filter(p => p.baths >= minBaths);\n }\n \n if (searchParams.priceMin) {\n const minPrice = parseInt(searchParams.priceMin);\n filteredProperties = filteredProperties.filter(p => p.price >= minPrice);\n }\n \n if (searchParams.priceMax) {\n const maxPrice = parseInt(searchParams.priceMax);\n filteredProperties = filteredProperties.filter(p => p.price <= maxPrice);\n }\n \n if (searchParams.neighborhoods) {\n const neighborhoods = searchParams.neighborhoods.split(',');\n filteredProperties = filteredProperties.filter(p => \n neighborhoods.includes(p.neighborhood)\n );\n }\n \n if (searchParams.propertyTypes) {\n const types = searchParams.propertyTypes.split(',');\n filteredProperties = filteredProperties.filter(p => \n types.includes(p.propertyType)\n );\n }\n \n if (searchParams.features) {\n const features = searchParams.features.split(',');\n filteredProperties = filteredProperties.filter(p => \n features.some(feature => p.features.includes(feature))\n );\n }\n \n return c.json({\n properties: filteredProperties,\n total: filteredProperties.length,\n filters: searchParams\n });\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ status: \"ok\", timestamp: new Date().toISOString() });\n});\n\nexport default app.fetch;",["D",1767644989162],"id","4a5333fc-ea69-11f0-a5d8-42dde27851f2","untitled-9102",["D",1767639838785],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","fdfab7c0-51e6-11f0-84e7-c3e88eac9309","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","9799d6ee-9639-47cb-81e2-11b1b1751211","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":59,"_103":104,"_105":25},"branch",{"_13":88,"_32":89,"_48":40,"_90":49,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":50,"_97":98},"isOwned",22,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","nicoyoung","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yejBjQkVQSE1RQjdpTFV2alhXYTlHNlBjbUYifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_32":50,"_36":252,"_52":-5,"_53":25,"_54":55,"_56":55,"_57":-5,"_58":-5,"_18":59,"_60":-5,"_61":25,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":-5,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":253,"_83":254,"_85":255,"_87":25},"tree",[176,178,183,186,187],"files",[176,177,178,179,180,181,182,183,184,185,186,187],"counts",{"_166":65,"_167":138,"_168":65,"_169":170,"_171":172},"contents",[129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":163,"_32":28,"_30":31,"_137":-5,"_39":40,"_38":14,"_139":154,"_36":164,"_13":65,"_33":34,"_35":-5,"_24":25,"_141":-5,"_27":165},{"_48":157,"_32":158,"_30":159,"_137":-5,"_39":40,"_38":160,"_139":154,"_36":161,"_13":65,"_33":34,"_35":-5,"_24":25,"_141":-5,"_27":162},{"_48":150,"_32":151,"_30":152,"_137":-5,"_39":40,"_38":153,"_139":154,"_36":155,"_13":65,"_33":34,"_35":-5,"_24":25,"_141":-5,"_27":156},{"_48":143,"_32":144,"_30":145,"_137":-5,"_39":40,"_38":146,"_139":25,"_36":147,"_13":65,"_33":21,"_35":148,"_24":25,"_141":-5,"_27":149},{"_48":134,"_32":135,"_30":136,"_137":-5,"_39":40,"_38":138,"_139":25,"_36":140,"_13":65,"_33":45,"_35":108,"_24":25,"_141":-5,"_27":142},"4a5591c4-ea69-11f0-a5d8-42dde27851f2","main.ts","4a559278-ea69-11f0-a5d8-42dde27851f2","parentId",1,"latest",["D",1767639838801],"label",[135],"d22fc778-ea72-11f0-9163-42dde27851f2","README.md","d22fc82c-ea72-11f0-9163-42dde27851f2",2,["D",1767643932195],"# Real Estate Search Bar\n\nA magical real estate search interface that parses natural language queries in real-time as you type.\n\n## Features\n\n- **Live Parsing**: Filters update instantly as you type, character by character\n- **Natural Language**: Type \"2 bed 3 bath under 500k in Brooklyn with yard\" and watch the magic happen\n- **Visual Feedback**: Colored underlines show what's been parsed\n- **Bidirectional**: Manual filter changes don't get overwritten\n- **Smart Parsing**: Handles various formats like \"2br\", \"1.5ba\", \"500k\", \"$1M\"\n\n## Structure\n\n- `frontend/` - React-based search interface\n- `backend/` - Hono API server\n- `shared/` - Shared types and utilities\n\n## Usage\n\nType naturally in the search bar and watch filters populate automatically:\n- Beds: \"2 bed\", \"3br\", \"2 bedroom\"\n- Baths: \"2 bath\", \"1.5ba\", \"2 bathrooms\" \n- Price: \"under 500k\", \"below $1M\", \"above 300k\"\n- Neighborhoods: Brooklyn areas (Bed Stuy, Williamsburg, etc.)\n- Features: yard, parking, garage, doorman, etc.",[144],"d7326636-ea72-11f0-9163-42dde27851f2","shared","e77da4cc-e5a3-443d-aa03-7dd0d12164a0",3,true,["D",1767643940599],[151],"ea16efec-ea72-11f0-a178-42dde27851f2","frontend","af93c481-5dac-4ae3-a3ea-2e92fff478d2",5,["D",1767643972296],[158],"48325b6e-ea75-11f0-9044-42dde27851f2",["D",1767644989162],[28],"pulls","branches","forks","envVars",{"_173":65,"_175":65},"connections",{"_173":65,"_174":65},"count","unfilledCount","emptyCount",{"_48":163,"_32":28,"_30":31,"_137":-5,"_39":40,"_38":14,"_139":154,"_36":249,"_13":65,"_33":34,"_35":-5,"_24":25,"_141":-5,"_189":250,"_27":251},{"_48":245,"_32":44,"_30":43,"_137":31,"_39":40,"_38":14,"_139":25,"_36":246,"_13":65,"_33":45,"_35":46,"_24":25,"_141":-5,"_189":247,"_27":248},{"_48":157,"_32":158,"_30":159,"_137":-5,"_39":40,"_38":160,"_139":154,"_36":242,"_13":65,"_33":34,"_35":-5,"_24":25,"_141":-5,"_189":243,"_27":244},{"_48":238,"_32":237,"_30":231,"_137":159,"_39":40,"_38":232,"_139":154,"_36":239,"_13":65,"_33":34,"_35":-5,"_24":25,"_141":-5,"_189":240,"_27":241},{"_48":228,"_32":229,"_30":230,"_137":231,"_39":40,"_38":232,"_139":25,"_36":233,"_13":65,"_33":45,"_35":234,"_24":25,"_141":-5,"_189":235,"_27":236},{"_48":221,"_32":222,"_30":223,"_137":159,"_39":40,"_38":160,"_139":154,"_36":224,"_13":65,"_33":21,"_35":225,"_24":25,"_141":-5,"_189":226,"_27":227},{"_48":213,"_32":214,"_30":215,"_137":159,"_39":40,"_38":216,"_139":154,"_36":217,"_13":65,"_33":45,"_35":218,"_24":25,"_141":-5,"_189":219,"_27":220},{"_48":150,"_32":151,"_30":152,"_137":-5,"_39":40,"_38":153,"_139":154,"_36":210,"_13":65,"_33":34,"_35":-5,"_24":25,"_141":-5,"_189":211,"_27":212},{"_48":202,"_32":203,"_30":204,"_137":152,"_39":40,"_38":205,"_139":154,"_36":206,"_13":65,"_33":45,"_35":207,"_24":25,"_141":-5,"_189":208,"_27":209},{"_48":195,"_32":196,"_30":197,"_137":152,"_39":40,"_38":153,"_139":154,"_36":198,"_13":65,"_33":45,"_35":199,"_24":25,"_141":-5,"_189":200,"_27":201},{"_48":143,"_32":144,"_30":145,"_137":-5,"_39":40,"_38":146,"_139":25,"_36":192,"_13":65,"_33":21,"_35":148,"_24":25,"_141":-5,"_189":193,"_27":194},{"_48":134,"_32":135,"_30":136,"_137":-5,"_39":40,"_38":138,"_139":25,"_36":188,"_13":65,"_33":45,"_35":108,"_24":25,"_141":-5,"_189":190,"_27":191},["D",1767639838801],"children",[],[135],["D",1767643932195],[],[144],"d7324fac-ea72-11f0-9163-42dde27851f2","types.ts","d7325092-ea72-11f0-9163-42dde27851f2",["D",1767643940599],"export interface SearchFilters {\n beds?: number;\n baths?: number;\n priceMin?: number;\n priceMax?: number;\n neighborhoods: string[];\n propertyTypes: string[];\n features: string[];\n}\n\nexport interface ParsedSegment {\n text: string;\n start: number;\n end: number;\n type: 'beds' | 'baths' | 'priceMin' | 'priceMax' | 'neighborhood' | 'propertyType' | 'feature';\n value: any;\n}\n\nexport const NEIGHBORHOODS = [\n 'Bed Stuy',\n 'Williamsburg', \n 'Park Slope',\n 'Bushwick',\n 'Crown Heights',\n 'Greenpoint',\n 'Fort Greene',\n 'DUMBO',\n 'Cobble Hill',\n 'Clinton Hill'\n];\n\nexport const PROPERTY_TYPES = [\n 'house',\n 'condo', \n 'co-op',\n 'townhouse',\n 'apartment'\n];\n\nexport const FEATURES = [\n 'yard',\n 'parking',\n 'garage', \n 'doorman',\n 'laundry',\n 'gym',\n 'pool',\n 'rooftop'\n];",[],[151,196],"e34d73ca-ea72-11f0-ab5b-42dde27851f2","parser.ts","e34d74c4-ea72-11f0-ab5b-42dde27851f2",4,["D",1767643960907],"import { SearchFilters, ParsedSegment, NEIGHBORHOODS, PROPERTY_TYPES, FEATURES } from './types.ts';\n\nexport function parseSearchQuery(query: string): { filters: SearchFilters; segments: ParsedSegment[] } {\n const segments: ParsedSegment[] = [];\n const filters: SearchFilters = {\n neighborhoods: [],\n propertyTypes: [],\n features: []\n };\n\n // Beds parsing - matches \"2 bed\", \"3br\", \"2 bedroom\", \"2 beds\"\n const bedsRegex = /(\\d+)\\s*(?:bed(?:room)?s?|br)\\b/gi;\n let match;\n while ((match = bedsRegex.exec(query)) !== null) {\n const beds = parseInt(match[1]);\n if (!filters.beds || beds > filters.beds) { // Take the highest if multiple\n filters.beds = beds;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'beds',\n value: beds\n });\n }\n }\n\n // Baths parsing - matches \"2 bath\", \"1.5ba\", \"2 bathrooms\"\n const bathsRegex = /(\\d+(?:\\.\\d+)?)\\s*(?:bath(?:room)?s?|ba)\\b/gi;\n while ((match = bathsRegex.exec(query)) !== null) {\n const baths = parseFloat(match[1]);\n if (!filters.baths || baths > filters.baths) { // Take the highest if multiple\n filters.baths = baths;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'baths',\n value: baths\n });\n }\n }\n\n // Price max parsing - \"under 500k\", \"below $1M\", \"max 600000\"\n const priceMaxRegex = /(?:under|below|max|maximum)\\s*\\$?(\\d+(?:\\.\\d+)?)\\s*([km])?/gi;\n while ((match = priceMaxRegex.exec(query)) !== null) {\n let price = parseFloat(match[1]);\n const suffix = match[2]?.toLowerCase();\n if (suffix === 'k') price *= 1000;\n if (suffix === 'm') price *= 1000000;\n \n if (!filters.priceMax || price < filters.priceMax) { // Take the lowest max\n filters.priceMax = price;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'priceMax',\n value: price\n });\n }\n }\n\n // Price min parsing - \"above 300k\", \"at least 400k\", \"min 500k\"\n const priceMinRegex = /(?:above|at\\s+least|min|minimum)\\s*\\$?(\\d+(?:\\.\\d+)?)\\s*([km])?/gi;\n while ((match = priceMinRegex.exec(query)) !== null) {\n let price = parseFloat(match[1]);\n const suffix = match[2]?.toLowerCase();\n if (suffix === 'k') price *= 1000;\n if (suffix === 'm') price *= 1000000;\n \n if (!filters.priceMin || price > filters.priceMin) { // Take the highest min\n filters.priceMin = price;\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'priceMin',\n value: price\n });\n }\n }\n\n // Neighborhoods parsing\n NEIGHBORHOODS.forEach(neighborhood => {\n const regex = new RegExp(`\\\\b${neighborhood.replace(/\\s+/g, '\\\\s+')}\\\\b`, 'gi');\n while ((match = regex.exec(query)) !== null) {\n if (!filters.neighborhoods.includes(neighborhood)) {\n filters.neighborhoods.push(neighborhood);\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'neighborhood',\n value: neighborhood\n });\n }\n }\n });\n\n // Property types parsing\n PROPERTY_TYPES.forEach(type => {\n const regex = new RegExp(`\\\\b${type}s?\\\\b`, 'gi');\n while ((match = regex.exec(query)) !== null) {\n if (!filters.propertyTypes.includes(type)) {\n filters.propertyTypes.push(type);\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'propertyType',\n value: type\n });\n }\n }\n });\n\n // Features parsing\n FEATURES.forEach(feature => {\n const regex = new RegExp(`\\\\b${feature}\\\\b`, 'gi');\n while ((match = regex.exec(query)) !== null) {\n if (!filters.features.includes(feature)) {\n filters.features.push(feature);\n segments.push({\n text: match[0],\n start: match.index,\n end: match.index + match[0].length,\n type: 'feature',\n value: feature\n });\n }\n }\n });\n\n // Sort segments by position for proper highlighting\n segments.sort((a, b) => a.start - b.start);\n\n return { filters, segments };\n}\n\nexport function formatPrice(price: number): string {\n if (price >= 1000000) {\n return `$${(price / 1000000).toFixed(price % 1000000 === 0 ? 0 : 1)}M`;\n } else if (price >= 1000) {\n return `$${(price / 1000).toFixed(price % 1000 === 0 ? 0 : 0)}k`;\n } else {\n return `$${price.toLocaleString()}`;\n }\n}",[],[151,203],["D",1767643940599],[184,185],[151],"ed8f49c6-ea72-11f0-99f3-42dde27851f2","index.tsx","ed8f4a5c-ea72-11f0-99f3-42dde27851f2",6,["D",1767643978118],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport { SearchApp } from './components/SearchApp.tsx';\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[158,214],"ea16c58a-ea72-11f0-a178-42dde27851f2","index.html","ea16c63e-ea72-11f0-a178-42dde27851f2",["D",1767643972296],"\n\n\n \n \n Real Estate Search\n \n \n \n\n\n

\n \n\n",[],[158,222],"e0e6e64c-ea73-11f0-847c-42dde27851f2","SearchApp.tsx","e0e6e70a-ea73-11f0-847c-42dde27851f2","137447a7-6847-416a-94f5-72646e8e25d0",7,["D",1767644386375],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from 'https://esm.sh/react@18.2.0';\nimport { SearchFilters, ParsedSegment, NEIGHBORHOODS, PROPERTY_TYPES, FEATURES } from '../../shared/types.ts';\nimport { parseSearchQuery, formatPrice } from '../../shared/parser.ts';\n\nexport function SearchApp() {\n const [query, setQuery] = useState('');\n const [filters, setFilters] = useState({\n neighborhoods: [],\n propertyTypes: [],\n features: []\n });\n const [segments, setSegments] = useState([]);\n const [manualOverrides, setManualOverrides] = useState>(new Set());\n const [updatedFilters, setUpdatedFilters] = useState>(new Set());\n const inputRef = useRef(null);\n\n useEffect(() => {\n const { filters: parsedFilters, segments: parsedSegments } = parseSearchQuery(query);\n \n // Only update filters that haven't been manually overridden\n const newFilters = { ...filters };\n const newUpdated = new Set();\n \n if (!manualOverrides.has('beds') && parsedFilters.beds !== filters.beds) {\n newFilters.beds = parsedFilters.beds;\n if (parsedFilters.beds) newUpdated.add('beds');\n }\n \n if (!manualOverrides.has('baths') && parsedFilters.baths !== filters.baths) {\n newFilters.baths = parsedFilters.baths;\n if (parsedFilters.baths) newUpdated.add('baths');\n }\n \n if (!manualOverrides.has('priceMin') && parsedFilters.priceMin !== filters.priceMin) {\n newFilters.priceMin = parsedFilters.priceMin;\n if (parsedFilters.priceMin) newUpdated.add('priceMin');\n }\n \n if (!manualOverrides.has('priceMax') && parsedFilters.priceMax !== filters.priceMax) {\n newFilters.priceMax = parsedFilters.priceMax;\n if (parsedFilters.priceMax) newUpdated.add('priceMax');\n }\n \n if (!manualOverrides.has('neighborhoods')) {\n const neighborhoodsChanged = JSON.stringify(parsedFilters.neighborhoods.sort()) !== JSON.stringify(filters.neighborhoods.sort());\n if (neighborhoodsChanged) {\n newFilters.neighborhoods = parsedFilters.neighborhoods;\n if (parsedFilters.neighborhoods.length > 0) newUpdated.add('neighborhoods');\n }\n }\n \n if (!manualOverrides.has('propertyTypes')) {\n const typesChanged = JSON.stringify(parsedFilters.propertyTypes.sort()) !== JSON.stringify(filters.propertyTypes.sort());\n if (typesChanged) {\n newFilters.propertyTypes = parsedFilters.propertyTypes;\n if (parsedFilters.propertyTypes.length > 0) newUpdated.add('propertyTypes');\n }\n }\n \n if (!manualOverrides.has('features')) {\n const featuresChanged = JSON.stringify(parsedFilters.features.sort()) !== JSON.stringify(filters.features.sort());\n if (featuresChanged) {\n newFilters.features = parsedFilters.features;\n if (parsedFilters.features.length > 0) newUpdated.add('features');\n }\n }\n \n setFilters(newFilters);\n setSegments(parsedSegments);\n setUpdatedFilters(newUpdated);\n \n // Clear animation classes after animation completes\n if (newUpdated.size > 0) {\n setTimeout(() => setUpdatedFilters(new Set()), 300);\n }\n }, [query, manualOverrides]);\n\n const handleManualFilterChange = (filterType: keyof SearchFilters, value: any) => {\n setManualOverrides(prev => new Set(prev).add(filterType));\n setFilters(prev => ({ ...prev, [filterType]: value }));\n };\n\n const removeChip = (type: string, value?: any) => {\n if (type === 'beds' || type === 'baths' || type === 'priceMin' || type === 'priceMax') {\n setFilters(prev => ({ ...prev, [type]: undefined }));\n setManualOverrides(prev => {\n const newSet = new Set(prev);\n newSet.delete(type as keyof SearchFilters);\n return newSet;\n });\n } else if (type === 'neighborhoods' || type === 'propertyTypes' || type === 'features') {\n setFilters(prev => ({\n ...prev,\n [type]: prev[type as keyof SearchFilters].filter((item: string) => item !== value)\n }));\n }\n };\n\n const renderHighlightedText = () => {\n if (segments.length === 0) return query;\n \n let result = [];\n let lastIndex = 0;\n \n segments.forEach((segment, i) => {\n // Add text before this segment\n if (segment.start > lastIndex) {\n result.push(query.slice(lastIndex, segment.start));\n }\n \n // Add highlighted segment\n result.push(\n \n {segment.text}\n \n );\n \n lastIndex = segment.end;\n });\n \n // Add remaining text\n if (lastIndex < query.length) {\n result.push(query.slice(lastIndex));\n }\n \n return result;\n };\n\n const getChips = () => {\n const chips = [];\n \n if (filters.beds) {\n chips.push({ type: 'beds', label: `${filters.beds} bed${filters.beds > 1 ? 's' : ''}`, color: 'bg-blue-100 text-blue-800' });\n }\n \n if (filters.baths) {\n chips.push({ type: 'baths', label: `${filters.baths} bath${filters.baths > 1 ? 's' : ''}`, color: 'bg-green-100 text-green-800' });\n }\n \n if (filters.priceMin) {\n chips.push({ type: 'priceMin', label: `Min ${formatPrice(filters.priceMin)}`, color: 'bg-yellow-100 text-yellow-800' });\n }\n \n if (filters.priceMax) {\n chips.push({ type: 'priceMax', label: `Max ${formatPrice(filters.priceMax)}`, color: 'bg-red-100 text-red-800' });\n }\n \n filters.neighborhoods.forEach(neighborhood => {\n chips.push({ type: 'neighborhoods', label: neighborhood, value: neighborhood, color: 'bg-purple-100 text-purple-800' });\n });\n \n filters.propertyTypes.forEach(type => {\n chips.push({ type: 'propertyTypes', label: type, value: type, color: 'bg-cyan-100 text-cyan-800' });\n });\n \n filters.features.forEach(feature => {\n chips.push({ type: 'features', label: feature, value: feature, color: 'bg-lime-100 text-lime-800' });\n });\n \n return chips;\n };\n\n return (\n

Find Your Dream Home

Type naturally - \"2 bed 3 bath under 500k in Brooklyn with yard\"

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

\n setQuery(e.target.value)}\n placeholder=\"Try: 2 bed 3 bath under 500k in Williamsburg with parking\"\n className=\"w-full px-6 py-4 text-lg border-2 border-gray-200 rounded-xl focus:border-blue-500 focus:outline-none search-input\"\n style={{ \n background: 'transparent',\n color: 'transparent',\n caretColor: '#374151'\n }}\n />\n

\n {renderHighlightedText()}\n

\n\n {/* Filter Dropdowns */}\n

\n {/* Beds */}\n handleManualFilterChange('beds', e.target.value ? parseInt(e.target.value) : undefined)}\n className={`px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 filter-dropdown ${updatedFilters.has('beds') ? 'updated' : ''}`}\n >\n \n {[1, 2, 3, 4, 5].map(num => (\n \n ))}\n \n\n {/* Baths */}\n handleManualFilterChange('baths', e.target.value ? parseFloat(e.target.value) : undefined)}\n className={`px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-green-500 filter-dropdown ${updatedFilters.has('baths') ? 'updated' : ''}`}\n >\n \n {[1, 1.5, 2, 2.5, 3, 3.5, 4].map(num => (\n \n ))}\n \n\n {/* Price Min */}\n handleManualFilterChange('priceMin', e.target.value ? parseInt(e.target.value) : undefined)}\n className={`px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-yellow-500 filter-dropdown ${updatedFilters.has('priceMin') ? 'updated' : ''}`}\n >\n \n {[200000, 300000, 400000, 500000, 750000, 1000000, 1500000].map(price => (\n \n ))}\n \n\n {/* Price Max */}\n handleManualFilterChange('priceMax', e.target.value ? parseInt(e.target.value) : undefined)}\n className={`px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-red-500 filter-dropdown ${updatedFilters.has('priceMax') ? 'updated' : ''}`}\n >\n \n {[500000, 750000, 1000000, 1500000, 2000000, 3000000].map(price => (\n \n ))}\n \n\n {/* Neighborhoods */}\n {\n if (e.target.value && !filters.neighborhoods.includes(e.target.value)) {\n handleManualFilterChange('neighborhoods', [...filters.neighborhoods, e.target.value]);\n }\n }}\n className={`px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-purple-500 filter-dropdown ${updatedFilters.has('neighborhoods') ? 'updated' : ''}`}\n >\n \n {NEIGHBORHOODS.filter(n => !filters.neighborhoods.includes(n)).map(neighborhood => (\n \n ))}\n \n\n {/* Property Type */}\n {\n if (e.target.value && !filters.propertyTypes.includes(e.target.value)) {\n handleManualFilterChange('propertyTypes', [...filters.propertyTypes, e.target.value]);\n }\n }}\n className={`px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-cyan-500 filter-dropdown ${updatedFilters.has('propertyTypes') ? 'updated' : ''}`}\n >\n \n {PROPERTY_TYPES.filter(t => !filters.propertyTypes.includes(t)).map(type => (\n \n ))}\n \n\n {/* Features */}\n {\n if (e.target.value && !filters.features.includes(e.target.value)) {\n handleManualFilterChange('features', [...filters.features, e.target.value]);\n }\n }}\n className={`px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:border-lime-500 filter-dropdown ${updatedFilters.has('features') ? 'updated' : ''}`}\n >\n \n {FEATURES.filter(f => !filters.features.includes(f)).map(feature => (\n \n ))}\n \n

\n\n {/* Filter Chips */}\n {getChips().length > 0 && (\n

\n {getChips().map((chip, index) => (\n \n {chip.label}\n removeChip(chip.type, chip.value)}\n className=\"ml-2 hover:bg-black hover:bg-opacity-10 rounded-full p-0.5\"\n >\n \n \n \n ))}\n

\n )}\n\n {/* Search Results Placeholder */}\n

\n \n

Search Results

\n {Object.values(filters).some(v => v !== undefined && (Array.isArray(v) ? v.length > 0 : true))\n ? 'Properties matching your criteria would appear here'\n : 'Start typing to see the magic happen!'\n }\n

\n \n {/* Debug info */}\n {process.env.NODE_ENV === 'development' && (\n

\n Parsed Filters:\n

{JSON.stringify(filters, null, 2)}

\n )}\n

\n );\n}",[],[158,237,229],"components","e0e74cd6-ea73-11f0-847c-42dde27851f2",["D",1767644386375],[180],[158,237],["D",1767643972296],[179,181,182],[158],"4832202c-ea75-11f0-9044-42dde27851f2",["D",1767644989162],[],[28,44],["D",1767644989162],[177],[28],["D",1767639838785],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":59,"_103":104,"_105":25},{"_13":88,"_32":89,"_48":40,"_90":49,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":50,"_97":98},"ctx",{"_81":-5,"_126":289,"_290":291,"_292":293,"_294":25,"_295":25,"_296":25,"_297":154,"_298":-5,"_299":-7,"_300":-7,"_301":65,"_302":25,"_303":25,"_304":-5,"_305":25,"_306":25,"_307":25,"_308":-5},"ENV",{"_260":261,"_262":263,"_264":89,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v8