From f87a35229205641e55afacf31bcd54a4ea1e1c89 Mon Sep 17 00:00:00 2001
From: lekss361 <lekss361@gendsgn.local>
Date: Sun, 17 May 2026 23:20:57 +0000
Subject: [PATCH] =?UTF-8?q?fix(sf-fe):=20/site-finder=20=E2=80=94=20adapt?=
 =?UTF-8?q?=20B1=20response=20shape=20(markers=20invisible)=20+=20restore?=
 =?UTF-8?q?=20CadInput=20(#349)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/site-finder/page.tsx |  8 +++++++
 frontend/src/lib/site-finder-api.ts   | 30 ++++++++++++++++++++++++---
 2 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/site-finder/page.tsx b/frontend/src/app/site-finder/page.tsx
index 3fe11222..ea0a68f2 100644
--- a/frontend/src/app/site-finder/page.tsx
+++ b/frontend/src/app/site-finder/page.tsx
@@ -2,8 +2,10 @@
 
 import dynamic from "next/dynamic";
 import Link from "next/link";
+import { useRouter } from "next/navigation";
 import { useState } from "react";
 
+import { CadInput } from "@/components/site-finder/CadInput";
 import { MapFilterBar } from "@/components/site-finder/entry/MapFilterBar";
 import { ParcelDrawer } from "@/components/site-finder/entry/ParcelDrawer";
 import { ParcelLegend } from "@/components/site-finder/entry/ParcelLegend";
@@ -68,6 +70,7 @@ function FilterBarBridge({ filters, onChange, bbox }: FilterBarBridgeProps) {
 // ── Page ──────────────────────────────────────────────────────────────────────
 
 export default function SiteFinderPage() {
+  const router = useRouter();
   const [filters, setFilters] = useState<ParcelBboxFilters>({});
   const [selectedParcel, setSelectedParcel] = useState<ParcelBboxItem | null>(
     null,
@@ -82,6 +85,10 @@ export default function SiteFinderPage() {
     setSelectedParcel(null);
   }
 
+  function handleCadSubmit(cad: string) {
+    router.push(`/site-finder/analysis/${encodeURIComponent(cad)}`);
+  }
+
   return (
     <main
       style={{
@@ -172,6 +179,7 @@ export default function SiteFinderPage() {
             overflowY: "auto",
           }}
         >
+          <CadInput onSubmit={handleCadSubmit} loading={false} />
           <RecentParcels />
           <ParcelLegend />
         </div>
diff --git a/frontend/src/lib/site-finder-api.ts b/frontend/src/lib/site-finder-api.ts
index c0a6a70f..920ab23f 100644
--- a/frontend/src/lib/site-finder-api.ts
+++ b/frontend/src/lib/site-finder-api.ts
@@ -173,9 +173,33 @@ export function useParcelsBboxQuery(
       if (filters.district) params.set("district", filters.district);
       if (filters.vri) params.set("vri", filters.vri);
 
-      return apiFetch<ParcelBboxItem[]>(
-        `/api/v1/parcels/by-bbox?${params.toString()}`,
-      );
+      // Backend returns { parcels, count, limit, bbox_area_km2 } with field
+      // names centroid_lat/centroid_lon/area_m2 and nullable status. Adapt to
+      // the flat ParcelBboxItem[] shape the map components consume. district /
+      // vri / address are not in B1 yet — defaulted until enrichment lands.
+      const raw = await apiFetch<{
+        parcels: Array<{
+          cad_num: string;
+          centroid_lat: number;
+          centroid_lon: number;
+          area_m2: number | null;
+          land_category: string | null;
+          status: ParcelStatus | null;
+        }>;
+      }>(`/api/v1/parcels/by-bbox?${params.toString()}`);
+
+      const adapted: ParcelBboxItem[] = raw.parcels.map((p) => ({
+        cad_num: p.cad_num,
+        lat: p.centroid_lat,
+        lon: p.centroid_lon,
+        area_ha: p.area_m2 != null ? p.area_m2 / 10000 : 0,
+        status: p.status ?? "free",
+        district: "—",
+        vri: "other",
+        address: "",
+      }));
+      // Apply filters client-side until backend supports them (B1 follow-up)
+      return applyFilters(adapted, filters);
     },
     enabled: MOCK_PARCELS_BBOX || bbox != null,
     staleTime: 30_000,