frontend/src/app/site-finder/analysis/[cad]/page.tsx

@@ -75,8 +75,13 @@ interface PageProps {
 }
 
 export default function AnalysisPage({ params }: PageProps) {
-  // React 19: use() unwraps Promise params (app router pattern)
+  // React 19: use() unwraps Promise params (app router pattern).
-  const { cad } = use(params);
+  // Next.js delivers `cad` URL-encoded (":" -> "%3A"); decode once here so
+  // downstream hooks/components see the canonical "66:41:0204016:10" and can
+  // re-encode exactly once when building API URLs / hrefs (prevents double-
+  // encode that made backend regex reject the cad with HTTP 400).
+  const { cad: cadRaw } = use(params);
+  const cad = decodeURIComponent(cadRaw);
 
   return (
     <main

frontend/src/app/site-finder/page.tsx

@@ -167,7 +167,8 @@ export default function SiteFinderPage() {
           />
         </div>
 
-        {/* Right sidebar */}
+        {/* Right sidebar — hidden when ParcelDrawer is open to avoid overlap */}
+        {selectedParcel == null && (
           <div
             style={{
               width: 300,
@@ -183,6 +184,7 @@ export default function SiteFinderPage() {
             <RecentParcels />
             <ParcelLegend />
           </div>
+        )}
       </div>
 
       {/* Parcel drawer (slide-in from right) */}