feat: unified map click selection & switch to decision cards with paywall overlay for non-Pro users

frontend/components/dashboard/ScanTerminalDashboard.tsx

@@ -16,6 +16,7 @@ import type { ScanOpportunityRow } from "@/lib/dashboard-types";
 import { AiPinnedForecastView } from "@/components/dashboard/scan-terminal/AiPinnedForecastView";
 import { MobileCityPicker } from "@/components/dashboard/scan-terminal/MobileCityPicker";
 import { WelcomeOverlay } from "@/components/dashboard/scan-terminal/WelcomeOverlay";
+import { ProFeaturePaywall } from "@/components/dashboard/ProFeaturePaywall";
 import {
   ScanPaywallModal,
   ScanTerminalLoadingScreen,
@@ -331,12 +332,11 @@ function ScanTerminalScreen() {
         void store.ensureCityDetail(cityName, false, "panel").catch(() => {});
         setSelectedRowId(null);
       }
-      if (isPro) {
+      void store.selectCity(cityName);
       addAiPinnedCity(cityName);
       setActiveView("analysis");
-      }
     },
-    [store, timeSortedRows, isPro, addAiPinnedCity],
+    [store, timeSortedRows, addAiPinnedCity],
   );
 
   useEffect(() => {
@@ -400,7 +400,7 @@ function ScanTerminalScreen() {
         <MobileCityPicker
           isEn={isEn}
           rows={cityListRows}
-          onSelectCity={isPro ? handleOpenDecisionRow : handleSelectRow}
+          onSelectCity={handleOpenDecisionRow}
         />
       );
     }
@@ -420,7 +420,8 @@ function ScanTerminalScreen() {
             />
           </div>
         </div>
-        {resolvedView === "analysis" && isPro ? (
+        {resolvedView === "analysis" ? (
+          isPro ? (
             <AiPinnedForecastView
               items={aiPinnedCities}
               rows={timeSortedRows}
@@ -429,6 +430,11 @@ function ScanTerminalScreen() {
               onRefreshCityDetail={refreshAiPinnedCityDetail}
               onRemoveCity={removeAiPinnedCity}
             />
+          ) : (
+            <div className="scan-ai-workspace empty">
+              <ProFeaturePaywall feature="scan" />
+            </div>
+          )
         ) : null}
       </>
     );
@@ -545,7 +551,6 @@ function ScanTerminalScreen() {
                     {isEn ? "Distribution View" : "分布视图"}
                   </button>
                 )}
-                {isPro ? (
                 <button
                   type="button"
                   role="tab"
@@ -556,8 +561,12 @@ function ScanTerminalScreen() {
                   }}
                 >
                   {isEn ? "Decision Cards" : "城市决策卡"}
+                  {!isPro && (
+                    <span className="scan-lock-icon" style={{ marginLeft: "4.5px", fontSize: "13.5px" }}>
+                      🔒
+                    </span>
+                  )}
                 </button>
-                ) : null}
               </div>
               <div className="scan-list-status">
                 {terminalData?.generated_at ? (