property lookup: disambiguate from grid-filter search (Cody Cycle-4 UX fix)

4180a97a8861efe036080f7d7a61a1fffbc7bb9d · 2026-08-06 18:10:03 -0700 · Steve Abrams

Cody: the property-lookup box looked identical to the grid-filter #q box (both
full-width .search, stacked, both Enter-driven, opposite behaviors) → new users
type in the wrong one. Fix: separator line + a blue 'PROPERTY LOOKUP' label + blue
input border so it reads as a distinct tool. Dropped 3 phantoms (XSS, stale-render
guard, backdrop handler — all verified already-correct by Cody's own read).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

M public/deals-flow.html

Diff

commit 4180a97a8861efe036080f7d7a61a1fffbc7bb9d
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Aug 6 18:10:03 2026 -0700

    property lookup: disambiguate from grid-filter search (Cody Cycle-4 UX fix)
    
    Cody: the property-lookup box looked identical to the grid-filter #q box (both
    full-width .search, stacked, both Enter-driven, opposite behaviors) → new users
    type in the wrong one. Fix: separator line + a blue 'PROPERTY LOOKUP' label + blue
    input border so it reads as a distinct tool. Dropped 3 phantoms (XSS, stale-render
    guard, backdrop handler — all verified already-correct by Cody's own read).
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/deals-flow.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/deals-flow.html b/public/deals-flow.html
index 1e3256c..045de8f 100644
--- a/public/deals-flow.html
+++ b/public/deals-flow.html
@@ -123,8 +123,9 @@ select{background:var(--card);border:1px solid var(--line);color:var(--ink);bord
     <button id="watchBtn" title="Show only starred deals" style="background:var(--card);border:1px solid var(--line);color:var(--gold);border-radius:8px;padding:7px 10px;font-size:12px;cursor:pointer">☆ Watchlist</button>
     <span class="count" id="count"></span>
   </div>
-  <div class="toolbar" style="margin-top:-4px">
-    <input class="search" id="propLookup" placeholder="🔍 Look up ANY LA property by address — full public-record dossier" style="flex:1" title="Enter a street address; opens the public-record dossier (assessor + recent sales) for that parcel" aria-label="Look up any LA property by address">
+  <div class="toolbar" style="margin-top:4px;border-top:1px solid var(--line);padding-top:10px">
+    <span style="font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--blue);text-transform:uppercase;white-space:nowrap" title="Look up any LA parcel — separate from the deal-grid filter above">🔍 Property lookup</span>
+    <input class="search" id="propLookup" placeholder="Any LA address → public-record dossier (assessor + recent sales)" style="flex:1;border-color:var(--blue)" title="Enter a street address; opens the public-record dossier for that parcel — this does NOT filter the grid above" aria-label="Look up any LA property by address">
     <button id="propLookupBtn" style="background:var(--card);border:1px solid var(--blue);color:var(--blue);border-radius:8px;padding:7px 14px;font-size:12px;cursor:pointer">Look up →</button>
   </div>
   <div class="grid" id="grid"></div>

← 899eba8 auto-data-snapshot: 2026-08-06T18:06:44 (2 data files) — dat · back to Commercialrealestate · auto-data-snapshot: 2026-08-06T18:37:41 (3 data files) — dat 4465962 →