/* ===================================================================== PUBLIC — Listings (split list left, sticky map right, live filters) ===================================================================== */ function ListingsScreen() { const s = useStore(); const G = window.GLR; const [type, setType] = useState("All"); const [deal, setDeal] = useState("All"); const [cls, setCls] = useState("All"); const [status, setStatus] = useState("Available"); const [sub, setSub] = useState(""); const [sort, setSort] = useState("Newest"); const [hovered, setHovered] = useState(null); const mobile = useIsMobile(); const [mView, setMView] = useState("list"); const TYPES = ["All", ...s.categories.types]; const subsOpts = useMemo(() => Array.from(new Set(s.listings.map((l) => l.submarket))), [s.listings]); const results = useMemo(() => { let r = s.listings.filter((l) => { if (type !== "All" && l.type !== type) return false; if (deal !== "All" && l.deal !== deal) return false; if (cls !== "All" && l.cls !== cls) return false; if (status === "Available" && l.status === "closed") return false; if (status === "Under LOI" && l.status !== "loi") return false; if (sub && l.submarket !== sub) return false; return true; }); if (sort === "Size ↓") r = [...r].sort((a, b) => b.sf - a.sf); if (sort === "Size ↑") r = [...r].sort((a, b) => a.sf - b.sf); return r; }, [s.listings, type, deal, cls, status, sub, sort]); const activeChips = []; if (type !== "All") activeChips.push(["Type: " + type, () => setType("All")]); if (deal !== "All") activeChips.push([deal, () => setDeal("All")]); if (cls !== "All") activeChips.push(["Class " + cls, () => setCls("All")]); if (sub) activeChips.push([sub, () => setSub("")]); return (