# 🔍 测试家族树下拉框

## 问题排查

### 1. 确认登录状态

家族树下拉框**只在登录后**显示。

**检查方法**：
- 查看右上角是否有用户头像
- 如果显示"登录"按钮，说明未登录

### 2. 登录步骤

1. 访问：http://localhost:3000/auth/signin
2. 使用测试账号：
   - 邮箱：`test@example.com`
   - 密码：`password123`
3. 点击"登录"

### 3. 刷新页面

登录后，**硬刷新**页面：
- Mac: `Cmd + Shift + R`
- Windows/Linux: `Ctrl + Shift + R`

### 4. 预期显示

登录后，Header 应该显示：

```
[📖 华夏谱] [李氏家族 ▼]  总览 族谱 成员 大事记
```

点击 `[李氏家族 ▼]` 会显示下拉菜单：

```
┌─────────────────────────┐
│ 我的家族树               │
├─────────────────────────┤
│ 李氏家族            ✓   │
│ 测试家族树               │
├─────────────────────────┤
│ + 创建新家族树           │
└─────────────────────────┘
```

## 🐛 如果还是看不到

### 可能原因 1：浏览器缓存

**解决方法**：
1. 清除浏览器缓存
2. 或使用无痕模式访问

### 可能原因 2：没有家族树

**解决方法**：
运行脚本创建家族树：
```bash
./create-test-tree.sh
```

### 可能原因 3：Session 过期

**解决方法**：
1. 退出登录
2. 重新登录

## ✅ 验证数据

检查是否有家族树：
```bash
psql -d chinese_family_tree -c "
SELECT name FROM \"FamilyTree\" 
WHERE \"ownerId\" = (
  SELECT id FROM \"User\" WHERE email = 'test@example.com'
);"
```

应该显示：
```
     name      
---------------
 李氏家族
 测试家族树
```

## 📝 代码位置

家族树下拉框代码在：
- 文件：`components/site-header.tsx`
- 行数：104-140

显示条件：
```typescript
{session && familyTrees.length > 0 && (
  // 下拉框代码
)}
```

必须同时满足：
1. ✅ 已登录 (`session` 存在)
2. ✅ 有家族树 (`familyTrees.length > 0`)