From 28db3ed42845de67e66e27f0ebd58f369bb37200 Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Thu, 26 Mar 2026 00:53:38 +0800
Subject: [PATCH] Fix guest city panel visibility and header labels

---
 frontend/components/dashboard/DetailPanel.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/frontend/components/dashboard/DetailPanel.tsx b/frontend/components/dashboard/DetailPanel.tsx
index 44e5645a..660208d1 100644
--- a/frontend/components/dashboard/DetailPanel.tsx
+++ b/frontend/components/dashboard/DetailPanel.tsx
@@ -151,9 +151,15 @@ export function DetailPanel() {
   const isVisible =
     store.isPanelOpen &&
     Boolean(store.selectedCity) &&
-    Boolean(detail) &&
+    (Boolean(detail) || isBasicGuestPanel) &&
     !store.loadingState.cityDetail &&
     !isOverlayOpen;
+  const panelDisplayName =
+    detail?.display_name ||
+    selectedCityItem?.display_name ||
+    store.selectedCity ||
+    "...";
+  const panelRiskLevel = detail?.risk?.level || selectedCityItem?.risk_level || "low";
   const profileStats = useMemo(
     () => (detail ? getCityProfileStats(detail, locale) : []),
     [detail, locale],
@@ -246,10 +252,10 @@ export function DetailPanel() {
           ×
         </button>
         <div className="panel-title-area">
-          <h2>{detail?.display_name?.toUpperCase() || "..."}</h2>
+          <h2>{panelDisplayName.toUpperCase()}</h2>
           <div className="panel-meta">
-            <span className={clsx("risk-badge", detail?.risk?.level || "low")}>
-              {getRiskBadgeLabel(detail?.risk?.level, locale)}
+            <span className={clsx("risk-badge", panelRiskLevel)}>
+              {getRiskBadgeLabel(panelRiskLevel, locale)}
             </span>
             <div className="relative group">
               <button