Gate dashboard detail caches behind pro access

frontend/hooks/useDashboardStore.tsx

@@ -182,9 +182,10 @@ export function DashboardStoreProvider({
       ]),
     ),
   );
-  const selectedDetail = selectedCity
+  const selectedDetail =
-    ? cityDetailsByName[selectedCity] || null
+    selectedCity && proAccess.subscriptionActive
-    : null;
+      ? cityDetailsByName[selectedCity] || null
+      : null;
   const selectedMarketDate =
     futureModalDate ||
     selectedForecastDate ||
@@ -193,9 +194,10 @@ export function DashboardStoreProvider({
   const selectedMarketScanKey = selectedCity
     ? getMarketScanCacheKey(selectedCity, selectedMarketDate)
     : null;
-  const selectedMarketScan = selectedCity
+  const selectedMarketScan =
-    ? marketScanByCityName[selectedMarketScanKey || ""] || null
+    selectedCity && proAccess.subscriptionActive
-    : null;
+      ? marketScanByCityName[selectedMarketScanKey || ""] || null
+      : null;
 
   useEffect(() => {
     dashboardClient.writeCityDetailCacheBundle(
@@ -212,6 +214,15 @@ export function DashboardStoreProvider({
     proAccessRef.current = proAccess;
   }, [proAccess]);
 
+  useEffect(() => {
+    if (proAccess.loading) return;
+    if (proAccess.authenticated && proAccess.subscriptionActive) return;
+    dashboardClient.clearCityDetailCache();
+    setCityDetailsByName({});
+    setCityDetailMetaByName({});
+    setMarketScanByCityName({});
+  }, [proAccess]);
+
   const scheduleBackgroundDetailRefresh = (
     cityName: string,
     cached: CityDetail,