0.0.1.2

app/page.tsx

@@ -14,6 +14,7 @@ import { StatisticsCharts } from "@/components/dashboard/statistics-charts"
 import { format } from "date-fns"
 import { useSession } from "next-auth/react"
 import { useSearchParams } from "next/navigation"
+import { CollaboratorDialog } from "@/components/tree/collaborator-dialog"
 
 interface ActivityLog {
   id: string
@@ -62,6 +63,14 @@ export default function DashboardPage() {
     const members = Object.values(treeData.members)
     const totalMembers = members.length
     
+    console.log('📈 首页统计数据计算:', {
+      treeDataKeys: Object.keys(treeData),
+      membersObjectKeys: Object.keys(treeData.members),
+      membersCount: totalMembers,
+      members: members,
+      treeData: treeData
+    })
+    
     // 计算最大代数（处理空数组的情况）
     const generations = members.map(m => m.generation || 0)
     const maxGeneration = generations.length > 0 ? Math.max(...generations) : 0
@@ -140,27 +149,46 @@ export default function DashboardPage() {
       <main className="flex-1 container mx-auto py-8 px-4 md:px-6">
         <div className="flex flex-col md:flex-row items-start md:items-center justify-between gap-4 mb-8">
           <div>
-            <h1 className="text-3xl font-serif font-bold text-foreground">
-              {currentTree?.name || '家族族谱'}
-            </h1>
+            <div className="flex items-center gap-3">
+              <h1 className="text-3xl font-serif font-bold text-foreground">
+                {currentTree?.name || '家族族谱'}
+              </h1>
+              {currentTree?.currentUserRole && (
+                <span className={`text-xs px-2 py-1 rounded-full border font-sans font-normal translate-y-[2px] ${
+                  currentTree.currentUserRole === 'OWNER' 
+                    ? 'bg-purple-100 text-purple-700 border-purple-200' 
+                    : currentTree.currentUserRole === 'EDITOR'
+                    ? 'bg-blue-100 text-blue-700 border-blue-200'
+                    : 'bg-gray-100 text-gray-700 border-gray-200'
+                }`}>
+                  {currentTree.currentUserRole === 'OWNER' ? '所有者' : 
+                   currentTree.currentUserRole === 'EDITOR' ? '编辑者' : '查看者'}
+                </span>
+              )}
+            </div>
             <p className="text-muted-foreground mt-1">
               {currentTree?.description || '记录家族历史，传承家族文化'}
               {stats.maxGeneration > 0 && ` · 第 ${stats.maxGeneration} 代传人`}
             </p>
           </div>
-          <div className="flex gap-2">
+          <div className="flex items-center gap-2">
+            {session && currentTree?.ownerId === session.user?.id && (
+              <CollaboratorDialog />
+            )}
             <Link href="/tree">
               <Button variant="outline" className="gap-2 bg-transparent">
                 <Network className="h-4 w-4" />
                 查看世系图
               </Button>
             </Link>
-            <Link href="/members/new">
-              <Button className="gap-2 bg-primary text-primary-foreground hover:bg-primary/90">
-                <UserPlus className="h-4 w-4" />
-                添加成员
-              </Button>
-            </Link>
+            {(currentTree?.currentUserRole === "OWNER" || currentTree?.currentUserRole === "EDITOR") && (
+              <Link href="/members/new">
+                <Button className="gap-2 bg-primary text-primary-foreground hover:bg-primary/90">
+                  <UserPlus className="h-4 w-4" />
+                  添加成员
+                </Button>
+              </Link>
+            )}
           </div>
         </div>