Merge pull request #399 from Hestia-Homes/feature/add-properties-search

feat(add-properties): filter long address result lists

.claude/settings.json

@@ -21,7 +21,9 @@
       "Bash(npx drizzle-kit *)",
       "Bash(pip install *)",
       "Bash(terraform fmt *)",
-      "Bash(gh label *)"
+      "Bash(gh label *)",
+      "Bash(python3 -c \"import psycopg2\")",
+      "Bash(python3 -c \"import psycopg\")"
     ],
     "deny": [
       "Bash(npx drizzle-kit generate)",

src/app/portfolio/[slug]/(portfolio)/your-projects/live/AnalyticsView.tsx

@@ -7,6 +7,7 @@ import { Card, CardContent } from "@/app/shadcn_components/ui/card";
 import DampMouldRiskPanel from "./DampMouldRiskPanel";
 import CompletionTrendsChart from "./CompletionTrendsChart";
 import SurveyIssuesPanel from "./SurveyIssuesPanel";
+import QueriesReviewPanel from "./QueriesReviewPanel";
 import ExcludedFromPipelinePanel from "./ExcludedFromPipelinePanel";
 import GroupFilter, { type GroupNode } from "./GroupFilter";
 import { STAGE_COLORS, STAGE_ORDER } from "./types";
@@ -430,7 +431,13 @@ export default function AnalyticsView({
         onOpenTable={onOpenTable}
       />
 
-      {/* Row 7: Excluded from Pipeline (Removed from Bookings / Removed from Program) */}
+      {/* Row 7: Queries / Review with Landlord (parked but still in programme) */}
+      <QueriesReviewPanel
+        deals={currentProject.allDeals}
+        onOpenTable={onOpenTable}
+      />
+
+      {/* Row 8: Excluded from Pipeline (Removed from Bookings / Removed from Program) */}
       <ExcludedFromPipelinePanel
         deals={currentProject.allDeals}
         onOpenTable={onOpenTable}

src/app/portfolio/[slug]/properties/add/AddPropertiesClient.tsx

@@ -44,6 +44,7 @@ export default function AddPropertiesClient({
   const [input, setInput] = useState("");
   const [inputError, setInputError] = useState<string | null>(null);
   const [search, setSearch] = useState<{ pc: string; refresh: number } | null>(null);
+  const [filter, setFilter] = useState("");
   const [basket, setBasket] = useState<Basket>({});
   const [done, setDone] = useState<{ added: number; skipped: number } | null>(null);
 
@@ -110,6 +111,7 @@ export default function AddPropertiesClient({
     }
     setInputError(null);
     setDone(null);
+    setFilter("");
     setSearch({ pc, refresh: 0 });
   };
 
@@ -130,6 +132,12 @@ export default function AddPropertiesClient({
   const addable = data
     ? data.candidates.filter((c) => c.selectable && !c.alreadyInPortfolio)
     : [];
+  const needle = filter.trim().toLowerCase();
+  const visible = data
+    ? needle
+      ? data.candidates.filter((c) => c.address.toLowerCase().includes(needle))
+      : data.candidates
+    : [];
   const totalSelected = countSelected(basket);
   const postcodes = Object.keys(basket);
 
@@ -267,7 +275,9 @@ export default function AddPropertiesClient({
           <div className="flex items-baseline gap-3 flex-wrap mb-4">
             <h2 className="text-lg font-bold text-gray-800">{data.postcode}</h2>
             <span className="text-xs text-slate-400 font-medium">
-              {data.candidates.length}{" "}
+              {needle
+                ? `${visible.length} of ${data.candidates.length}`
+                : data.candidates.length}{" "}
               {data.candidates.length === 1 ? "address" : "addresses"}
             </span>
             {addable.length > 0 && (
@@ -307,10 +317,40 @@ export default function AddPropertiesClient({
             </span>
           </div>
 
+          {/* Long postcodes can return ~100 addresses — a filter lets the user
+              jump to a house number or street name without scrolling. */}
+          {data.candidates.length > 8 && (
+            <div className="relative mb-3">
+              <MagnifyingGlassIcon className="absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-slate-400 pointer-events-none" />
+              <input
+                value={filter}
+                onChange={(e) => setFilter(e.target.value)}
+                placeholder="Filter these addresses…"
+                spellCheck={false}
+                autoComplete="off"
+                className="w-full border border-slate-200 rounded-xl pl-9 pr-9 py-2 text-sm focus:outline-none focus:border-primary focus:ring-2 focus:ring-primary/10"
+              />
+              {filter && (
+                <button
+                  aria-label="Clear filter"
+                  onClick={() => setFilter("")}
+                  className="absolute right-3 top-1/2 -translate-y-1/2 text-slate-400 text-sm leading-none hover:text-slate-700"
+                >
+                  ✕
+                </button>
+              )}
+            </div>
+          )}
+
           {/* Long postcodes can return ~100 addresses — scroll inside the card
               rather than growing the page. */}
           <div className="max-h-[26rem] overflow-y-auto pr-1 -mr-1">
-          {data.candidates.map((c) => {
+          {visible.length === 0 ? (
+            <p className="py-8 text-center text-sm text-slate-400">
+              No addresses match &ldquo;{filter.trim()}&rdquo;.
+            </p>
+          ) : (
+          visible.map((c) => {
             const { label, note } = describeCandidate(c);
             const disabled = !c.selectable || c.alreadyInPortfolio;
             const isSelected = !!selected[c.uprn];
@@ -361,7 +401,8 @@ export default function AddPropertiesClient({
                 </span>
               </button>
             );
-          })}
+          })
+          )}
           </div>
         </div>
       )}